@dxc-technology/halstack-react 0.0.0-d004266 → 0.0.0-d016030

package/dist/index.js

@@ -672,15 +672,8 @@ var componentTokens = {
   dialog: {
     overlayColor: coreTokens_default.color_grey_800_a,
     backgroundColor: coreTokens_default.color_white,
-    closeIconSize: "24px",
-    closeIconTopPosition: "20px",
-    closeIconRightPosition: "20px",
     closeIconBackgroundColor: coreTokens_default.color_transparent,
-    closeIconBorderColor: coreTokens_default.border_none,
     closeIconColor: coreTokens_default.color_black,
-    closeIconBorderThickness: coreTokens_default.border_width_0,
-    closeIconBorderStyle: coreTokens_default.border_solid,
-    closeIconBorderRadius: "2px",
     boxShadowOffsetX: "0px",
     boxShadowOffsetY: "1px",
     boxShadowBlur: "3px",
@@ -815,15 +808,15 @@ var componentTokens = {
   },
   header: {
     backgroundColor: coreTokens_default.color_white,
-    hamburguerFocusColor: coreTokens_default.color_blue_600,
-    hamburguerFontFamily: coreTokens_default.type_sans,
-    hamburguerFontStyle: coreTokens_default.type_normal,
-    hamburguerFontColor: coreTokens_default.color_black,
-    hamburguerFontSize: "10px",
-    hamburguerFontWeight: coreTokens_default.type_semibold,
-    hamburguerTextTransform: coreTokens_default.type_uppercase,
-    hamburguerIconColor: coreTokens_default.color_black,
-    hamburguerHoverColor: coreTokens_default.color_grey_200,
+    hamburgerFocusColor: coreTokens_default.color_blue_600,
+    hamburgerFontFamily: coreTokens_default.type_sans,
+    hamburgerFontStyle: coreTokens_default.type_normal,
+    hamburgerFontColor: coreTokens_default.color_black,
+    hamburgerFontSize: "10px",
+    hamburgerFontWeight: coreTokens_default.type_semibold,
+    hamburgerTextTransform: coreTokens_default.type_uppercase,
+    hamburgerIconColor: coreTokens_default.color_black,
+    hamburgerHoverColor: coreTokens_default.color_grey_200,
     logo: "",
     logoResponsive: "",
     logoHeight: "40px",
@@ -1643,7 +1636,7 @@ var defaultTranslatedComponentLabels = {
   },
   header: {
     closeIcon: "Close menu",
-    hamburguerTitle: "Menu"
+    hamburgerTitle: "Menu"
   },
   numberInput: {
     valueGreaterThanOrEqualToErrorMessage: (value) => `Value must be greater than or equal to ${value}.`,
@@ -1821,9 +1814,9 @@ var parseTheme = (theme) => {
   headerTokens.backgroundColor = theme.header?.baseColor ?? headerTokens.backgroundColor;
   headerTokens.underlinedColor = theme.header?.accentColor ?? headerTokens.underlinedColor;
   headerTokens.menuBackgroundColor = theme.header?.menuBaseColor ?? headerTokens.menuBackgroundColor;
-  headerTokens.hamburguerFontColor = theme.header?.fontColor ?? headerTokens.hamburguerFontColor;
-  headerTokens.hamburguerIconColor = theme.header?.hamburguerColor ?? headerTokens.hamburguerIconColor;
-  headerTokens.hamburguerHoverColor = addLightness(90, theme.header?.hamburguerColor) ?? headerTokens.hamburguerHoverColor;
+  headerTokens.hamburgerFontColor = theme.header?.fontColor ?? headerTokens.hamburgerFontColor;
+  headerTokens.hamburgerIconColor = theme.header?.hamburgerColor ?? headerTokens.hamburgerIconColor;
+  headerTokens.hamburgerHoverColor = addLightness(90, theme.header?.hamburgerColor) ?? headerTokens.hamburgerHoverColor;
   headerTokens.logo = theme.header?.logo ?? headerTokens.logo;
   headerTokens.logoResponsive = theme.header?.logoResponsive ?? headerTokens.logoResponsive;
   headerTokens.contentColor = theme.header?.contentColor ?? headerTokens.contentColor;
@@ -2005,7 +1998,6 @@ var DxcIcon = ({ icon }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   IconContainer,
   {
     role: "img",
-    "aria-label": icon,
     filled: icon.startsWith("filled_"),
     icon: icon.startsWith("filled_") ? icon.replace(/filled_/g, "") : icon,
     "aria-hidden": "true"
@@ -2036,53 +2028,6 @@ var Icon_default = DxcIcon;
 
 // src/accordion/Accordion.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var DxcAccordion = ({
-  label = "",
-  defaultIsExpanded,
-  isExpanded,
-  icon,
-  assistiveText = "",
-  disabled = false,
-  onChange,
-  children,
-  margin,
-  tabIndex = 0
-}) => {
-  const id = (0, import_react2.useId)();
-  const [innerIsExpanded, setInnerIsExpanded] = (0, import_react2.useState)(defaultIsExpanded ?? false);
-  const colorsTheme = (0, import_react2.useContext)(HalstackContext);
-  const handleAccordionState = () => {
-    if (isExpanded == null) {
-      setInnerIsExpanded((innerIsCurrentlyExpanded) => !innerIsCurrentlyExpanded);
-    }
-    onChange?.(isExpanded != null ? !isExpanded : !innerIsExpanded);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_styled_components2.ThemeProvider, { theme: colorsTheme.accordion, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionContainer, { isExpanded: isExpanded ?? innerIsExpanded, margin, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      AccordionTrigger,
-      {
-        id: `accordion-${id}`,
-        onClick: disabled ? void 0 : handleAccordionState,
-        disabled,
-        tabIndex: disabled ? -1 : tabIndex,
-        "aria-expanded": isExpanded ?? innerIsExpanded,
-        "aria-controls": `accordion-panel-${id}`,
-        isExpanded: isExpanded ?? innerIsExpanded,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionInfo, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionLabel, { disabled, children: [
-              icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconContainer2, { disabled, children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { icon }) : icon }),
-              label
-            ] }),
-            assistiveText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionAssistiveText, { disabled, children: assistiveText })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollapseIndicator, { disabled, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { icon: isExpanded ?? innerIsExpanded ? "expand_less" : "expand_more" }) })
-        ]
-      }
-    ) }),
-    (isExpanded ?? innerIsExpanded) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionPanel, { id: `accordion-panel-${id}`, role: "region", "aria-labelledby": `accordion-${id}`, children })
-  ] }) });
-};
 var calculateWidth = (margin) => `calc(100% - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})`;
 var AccordionContainer = import_styled_components2.default.div`
   display: flex;
@@ -2181,6 +2126,53 @@ var AccordionPanel = import_styled_components2.default.div`
   border-bottom-left-radius: ${(props) => props.theme.borderRadius};
   border-bottom-right-radius: ${(props) => props.theme.borderRadius};
 `;
+var DxcAccordion = ({
+  label = "",
+  defaultIsExpanded = false,
+  isExpanded,
+  icon,
+  assistiveText = "",
+  disabled = false,
+  onChange,
+  children,
+  margin,
+  tabIndex = 0
+}) => {
+  const id = (0, import_react2.useId)();
+  const [innerIsExpanded, setInnerIsExpanded] = (0, import_react2.useState)(defaultIsExpanded);
+  const colorsTheme = (0, import_react2.useContext)(HalstackContext);
+  const handleAccordionState = () => {
+    if (isExpanded == null) {
+      setInnerIsExpanded((innerIsCurrentlyExpanded) => !innerIsCurrentlyExpanded);
+    }
+    onChange?.(isExpanded != null ? !isExpanded : !innerIsExpanded);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_styled_components2.ThemeProvider, { theme: colorsTheme.accordion, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionContainer, { isExpanded: isExpanded ?? innerIsExpanded, margin, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      AccordionTrigger,
+      {
+        id: `accordion-${id}`,
+        onClick: disabled ? void 0 : handleAccordionState,
+        disabled,
+        tabIndex: disabled ? -1 : tabIndex,
+        "aria-expanded": isExpanded ?? innerIsExpanded,
+        "aria-controls": `accordion-panel-${id}`,
+        isExpanded: isExpanded ?? innerIsExpanded,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionInfo, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AccordionLabel, { disabled, children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconContainer2, { disabled, children: typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { icon }) : icon }),
+              label
+            ] }),
+            assistiveText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionAssistiveText, { disabled, children: assistiveText })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollapseIndicator, { disabled, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { icon: isExpanded ?? innerIsExpanded ? "expand_less" : "expand_more" }) })
+        ]
+      }
+    ) }),
+    (isExpanded ?? innerIsExpanded) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionPanel, { id: `accordion-panel-${id}`, role: "region", "aria-labelledby": `accordion-${id}`, children })
+  ] }) });
+};
 var Accordion_default = DxcAccordion;
 
 // src/accordion-group/AccordionGroup.tsx
@@ -4213,7 +4205,7 @@ var DxcHeader = ({
     isResponsive && responsiveContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Flex_default, { grow: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChildContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(HamburgerTrigger, { tabIndex, onClick: handleMenu, "aria-label": "Show options", children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { icon: "menu" }),
-        translatedLabels.header.hamburguerTitle
+        translatedLabels.header.hamburgerTitle
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(ResponsiveMenu, { hasVisibility: isMenuVisible, children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Flex_default, { justifyContent: "space-between", alignItems: "center", children: [
@@ -4303,23 +4295,23 @@ var HamburgerTrigger = import_styled_components15.default.button`
   border-radius: 2px;
   background-color: transparent;
   :hover {
-    background-color: ${(props) => props.theme.hamburguerHoverColor};
+    background-color: ${(props) => props.theme.hamburgerHoverColor};
   }
   &:focus {
-    outline: ${(props) => props.theme.hamburguerFocusColor} auto 1px;
+    outline: ${(props) => props.theme.hamburgerFocusColor} auto 1px;
   }
   & > svg {
-    fill: ${(props) => props.theme.hamburguerIconColor};
+    fill: ${(props) => props.theme.hamburgerIconColor};
   }
   & > span {
     font-size: 24px;
   }
-  font-family: ${(props) => props.theme.hamburguerFontFamily};
-  font-style: ${(props) => props.theme.hamburguerFontStyle};
-  font-size: ${(props) => props.theme.hamburguerFontSize};
-  text-transform: ${(props) => props.theme.hamburguerTextTransform};
-  font-weight: ${(props) => props.theme.hamburguerFontWeight};
-  color: ${(props) => props.theme.hamburguerFontColor};
+  font-family: ${(props) => props.theme.hamburgerFontFamily};
+  font-style: ${(props) => props.theme.hamburgerFontStyle};
+  font-size: ${(props) => props.theme.hamburgerFontSize};
+  text-transform: ${(props) => props.theme.hamburgerTextTransform};
+  font-weight: ${(props) => props.theme.hamburgerFontWeight};
+  color: ${(props) => props.theme.hamburgerFontColor};
 `;
 var ResponsiveMenu = import_styled_components15.default.div`
   display: flex;
@@ -4364,7 +4356,7 @@ var CloseAction = import_styled_components15.default.button`
 
   :focus,
   :focus-visible {
-    outline: ${(props) => props.theme.hamburguerFocusColor} auto 1px;
+    outline: ${(props) => props.theme.hamburgerFocusColor} auto 1px;
   }
   font-size: 24px;
   svg {
@@ -5464,7 +5456,8 @@ var DxcCheckbox = (0, import_react29.forwardRef)(
     onChange,
     margin,
     size = "fitContent",
-    tabIndex = 0
+    tabIndex = 0,
+    ariaLabel = "Checkbox"
   }, ref) => {
     const labelId = `label-checkbox-${(0, import_react29.useId)()}`;
     const [innerChecked, setInnerChecked] = (0, import_react29.useState)(defaultChecked);
@@ -5529,7 +5522,7 @@ var DxcCheckbox = (0, import_react29.forwardRef)(
               "aria-readonly": readOnly,
               "aria-required": !disabled && !optional,
               "aria-labelledby": label ? labelId : void 0,
-              "aria-label": label ? void 0 : "Checkbox",
+              "aria-label": label ? void 0 : ariaLabel,
               checked: checked ?? innerChecked,
               disabled,
               readOnly,
@@ -8523,7 +8516,35 @@ var import_styled_components42 = __toESM(require("styled-components"));
 // src/text-input/Suggestion.tsx
 var import_react47 = require("react");
 var import_styled_components41 = __toESM(require("styled-components"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/text-input/utils.ts
+var sizes4 = {
+  small: "240px",
+  medium: "360px",
+  large: "480px",
+  fillParent: "100%"
+};
+var calculateWidth9 = (margin, size) => size === "fillParent" ? `calc(${sizes4[size]} - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})` : size && sizes4[size];
+var makeCancelable = (promise) => {
+  let hasCanceled_ = false;
+  const wrappedPromise = new Promise((resolve, reject) => {
+    promise.then(
+      (val) => hasCanceled_ ? reject(Error("Is canceled")) : resolve(val),
+      (promiseError) => hasCanceled_ ? reject(Error("Is canceled")) : reject(promiseError)
+    );
+  });
+  return {
+    promise: wrappedPromise,
+    cancel() {
+      hasCanceled_ = true;
+    }
+  };
+};
+var hasSuggestions = (suggestions) => typeof suggestions === "function" || (suggestions ? suggestions.length > 0 : false);
+var isRequired = (value, optional) => value === "" && !optional;
+var isLengthIncorrect = (value, minLength, maxLength) => value != null && (minLength != null && value.length < minLength || maxLength != null && value.length > maxLength);
+var isNumberIncorrect = (value, minNumber, maxNumber) => minNumber != null && value < minNumber || maxNumber != null && value > maxNumber;
+var patternMismatch = (pattern, value) => pattern != null && !new RegExp(pattern).test(value);
 var transformSpecialChars = (str) => {
   const specialCharsRegex = /[\\*()[\]{}+?/]/;
   let value = str;
@@ -8536,6 +8557,32 @@ var transformSpecialChars = (str) => {
   }
   return value;
 };
+
+// src/text-input/Suggestion.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var SuggestionContainer = import_styled_components41.default.li`
+  display: flex;
+  padding: 0 0.5rem;
+  line-height: 1.715em;
+  cursor: pointer;
+  box-shadow: inset 0 0 0 2px
+    ${(props) => props.visuallyFocused ? props.theme.focusListOptionBorderColor : "transparent"};
+
+  &:hover {
+    background-color: ${(props) => props.theme.hoverListOptionBackgroundColor};
+  }
+  &:active {
+    background-color: ${(props) => props.theme.activeListOptionBackgroundColor};
+  }
+`;
+var StyledSuggestion = import_styled_components41.default.span`
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 0.25rem 0.5rem 0.188rem 0.5rem;
+  ${(props) => props.isLast || props.visuallyFocused ? `border-bottom: 1px solid transparent` : `border-bottom: 1px solid ${props.theme.listOptionDividerColor}`};
+`;
 var Suggestion = ({
   id,
   value,
@@ -8566,33 +8613,51 @@ var Suggestion = ({
     }
   );
 };
-var SuggestionContainer = import_styled_components41.default.li`
-  display: flex;
-  padding: 0 0.5rem;
-  line-height: 1.715em;
-  cursor: pointer;
-  box-shadow: inset 0 0 0 2px
-    ${(props) => props.visuallyFocused ? props.theme.focusListOptionBorderColor : "transparent"};
-
-  &:hover {
-    background-color: ${(props) => props.theme.hoverListOptionBackgroundColor};
-  }
-  &:active {
-    background-color: ${(props) => props.theme.activeListOptionBackgroundColor};
-  }
-`;
-var StyledSuggestion = import_styled_components41.default.span`
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding: 0.25rem 0.5rem 0.188rem 0.5rem;
-  ${(props) => props.isLast || props.visuallyFocused ? `border-bottom: 1px solid transparent` : `border-bottom: 1px solid ${props.theme.listOptionDividerColor}`};
-`;
 var Suggestion_default = (0, import_react47.memo)(Suggestion);
 
 // src/text-input/Suggestions.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
+var SuggestionsContainer = import_styled_components42.default.ul`
+  box-sizing: border-box;
+  max-height: 304px;
+  overflow-y: auto;
+  margin: 0;
+  padding: 0.25rem 0;
+  background-color: ${(props) => props.error ? props.theme.errorListDialogBackgroundColor : props.theme.listDialogBackgroundColor};
+  border: 1px solid
+    ${(props) => props.error ? props.theme.errorListDialogBorderColor : props.theme.listDialogBorderColor};
+
+  border-radius: 0.25rem;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+  color: ${(props) => props.theme.listOptionFontColor};
+  font-family: ${(props) => props.theme.fontFamily};
+  font-size: ${(props) => props.theme.listOptionFontSize};
+  font-style: ${(props) => props.theme.listOptionFontStyle};
+  font-weight: ${(props) => props.theme.listOptionFontWeight};
+`;
+var SuggestionsSystemMessage = import_styled_components42.default.span`
+  display: flex;
+  padding: 0.25rem 1rem;
+  color: ${(props) => props.theme.systemMessageFontColor};
+  line-height: 1.715em;
+`;
+var SuggestionsErrorIcon = import_styled_components42.default.span`
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  margin-right: 0.5rem;
+  height: 18px;
+  width: 18px;
+  font-size: 18px;
+  color: ${(props) => props.theme.errorIconColor};
+`;
+var SuggestionsError = import_styled_components42.default.span`
+  display: flex;
+  padding: 0.25rem 1rem;
+  align-items: center;
+  line-height: 1.715em;
+  color: ${(props) => props.theme.errorListDialogFontColor};
+`;
 var Suggestions = ({
   id,
   value,
@@ -8648,79 +8713,133 @@ var Suggestions = ({
     }
   );
 };
-var SuggestionsContainer = import_styled_components42.default.ul`
-  box-sizing: border-box;
-  max-height: 304px;
-  overflow-y: auto;
-  margin: 0;
-  padding: 0.25rem 0;
-  background-color: ${(props) => props.error ? props.theme.errorListDialogBackgroundColor : props.theme.listDialogBackgroundColor};
-  border: 1px solid
-    ${(props) => props.error ? props.theme.errorListDialogBorderColor : props.theme.listDialogBorderColor};
-
-  border-radius: 0.25rem;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-  color: ${(props) => props.theme.listOptionFontColor};
-  font-family: ${(props) => props.theme.fontFamily};
-  font-size: ${(props) => props.theme.listOptionFontSize};
-  font-style: ${(props) => props.theme.listOptionFontStyle};
-  font-weight: ${(props) => props.theme.listOptionFontWeight};
-`;
-var SuggestionsSystemMessage = import_styled_components42.default.span`
-  display: flex;
-  padding: 0.25rem 1rem;
-  color: ${(props) => props.theme.systemMessageFontColor};
-  line-height: 1.715em;
-`;
-var SuggestionsErrorIcon = import_styled_components42.default.span`
-  display: flex;
-  flex-wrap: wrap;
-  align-content: center;
-  margin-right: 0.5rem;
-  height: 18px;
-  width: 18px;
-  font-size: 18px;
-  color: ${(props) => props.theme.errorIconColor};
-`;
-var SuggestionsError = import_styled_components42.default.span`
-  display: flex;
-  padding: 0.25rem 1rem;
-  align-items: center;
-  line-height: 1.715em;
-  color: ${(props) => props.theme.errorListDialogFontColor};
-`;
 var Suggestions_default = (0, import_react48.memo)(Suggestions);
 
 // src/text-input/TextInput.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var sizes4 = {
-  small: "240px",
-  medium: "360px",
-  large: "480px",
-  fillParent: "100%"
-};
+var TextInputContainer = import_styled_components43.default.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: ${(props) => calculateWidth9(props.margin, props.size)};
+  ${(props) => props.size !== "fillParent" && `min-width:${calculateWidth9(props.margin, props.size)}`};
+  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
+  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
+  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
+  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
+  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
+  font-family: ${(props) => props.theme.fontFamily};
+`;
+var Label4 = import_styled_components43.default.label`
+  color: ${(props) => props.disabled ? props.theme.disabledLabelFontColor : props.theme.labelFontColor};
+  font-size: ${(props) => props.theme.labelFontSize};
+  font-style: ${(props) => props.theme.labelFontStyle};
+  font-weight: ${(props) => props.theme.labelFontWeight};
+  line-height: ${(props) => props.theme.labelLineHeight};
+  ${(props) => !props.hasHelperText && `margin-bottom: 0.25rem`}
+`;
+var OptionalLabel2 = import_styled_components43.default.span`
+  font-weight: ${(props) => props.theme.optionalLabelFontWeight};
+`;
+var HelperText2 = import_styled_components43.default.span`
+  color: ${(props) => props.disabled ? props.theme.disabledHelperTextFontColor : props.theme.helperTextFontColor};
+  font-size: ${(props) => props.theme.helperTextFontSize};
+  font-style: ${(props) => props.theme.helperTextFontStyle};
+  font-weight: ${(props) => props.theme.helperTextFontWeight};
+  line-height: ${(props) => props.theme.helperTextLineHeight};
+  margin-bottom: 0.25rem;
+`;
+var InputContainer = import_styled_components43.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: calc(2.5rem - 2px);
+  padding: 0 0.5rem;
+
+  ${(props) => props.disabled && `background-color: ${props.theme.disabledContainerFillColor};`}
+  box-shadow: 0 0 0 2px transparent;
+  border-radius: 4px;
+  border: 1px solid
+    ${(props) => props.disabled ? props.theme.disabledBorderColor : props.readOnly ? props.theme.readOnlyBorderColor : props.theme.enabledBorderColor};
+  ${(props) => props.error && !props.disabled && `border-color: transparent;
+     box-shadow: 0 0 0 2px ${props.theme.errorBorderColor};
+  `}
+  ${(props) => !props.disabled ? `
+      &:hover {
+        border-color: ${props.error ? "transparent" : props.readOnly ? props.theme.hoverReadOnlyBorderColor : props.theme.hoverBorderColor};
+        ${props.error ? `box-shadow: 0 0 0 2px ${props.theme.hoverErrorBorderColor};` : ""}
+      }
+      &:focus-within {
+        border-color: transparent;
+        box-shadow: 0 0 0 2px ${props.theme.focusBorderColor};
+      }
+    ` : "cursor: not-allowed;"};
+`;
+var Input = import_styled_components43.default.input`
+  height: calc(2.5rem - 2px);
+  width: 100%;
+  background: none;
+  border: none;
+  outline: none;
+  padding: 0 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: ${(props) => props.disabled ? props.theme.disabledValueFontColor : props.theme.valueFontColor};
+  font-family: ${(props) => props.theme.fontFamily};
+  font-size: ${(props) => props.theme.valueFontSize};
+  font-style: ${(props) => props.theme.valueFontStyle};
+  font-weight: ${(props) => props.theme.valueFontWeight};
+  line-height: 1.5em;
+  ${(props) => props.disabled && `cursor: not-allowed;`}
+
+  ::placeholder {
+    color: ${(props) => props.disabled ? props.theme.disabledPlaceholderFontColor : props.theme.placeholderFontColor};
+  }
+`;
+var Prefix = import_styled_components43.default.span`
+  height: 1.5rem;
+  margin-left: 0.25rem;
+  padding-right: ${(props) => props.theme.prefixDividerPaddingRight};
+  ${(props) => {
+  const color = props.disabled ? props.theme.disabledPrefixColor : props.theme.prefixColor;
+  return `color: ${color}; border-right: ${props.theme.prefixDividerBorderWidth} ${props.theme.prefixDividerBorderStyle} ${color};`;
+}};
+  font-size: 1rem;
+  line-height: 1.5rem;
+  pointer-events: none;
+`;
+var Suffix = import_styled_components43.default.span`
+  height: 1.5rem;
+  margin: 0 0.25rem;
+  padding-left: ${(props) => props.theme.suffixDividerPaddingLeft};
+  ${(props) => {
+  const color = props.disabled ? props.theme.disabledSuffixColor : props.theme.suffixColor;
+  return `color: ${color}; border-left: ${props.theme.suffixDividerBorderWidth} ${props.theme.suffixDividerBorderStyle} ${color};`;
+}};
+  font-size: 1rem;
+  line-height: 1.5rem;
+  pointer-events: none;
+`;
+var ErrorIcon2 = import_styled_components43.default.span`
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  padding: 3px;
+  height: 18px;
+  width: 18px;
+  font-size: 18px;
+  color: ${(props) => props.theme.errorIconColor};
+`;
+var ErrorMessageContainer = import_styled_components43.default.span`
+  min-height: 1.5em;
+  color: ${(props) => props.theme.errorMessageColor};
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.5em;
+  margin-top: 0.25rem;
+`;
 var AutosuggestWrapper = ({ condition, wrapper, children }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: condition ? wrapper(children) : children });
-var calculateWidth9 = (margin, size) => size === "fillParent" ? `calc(${sizes4[size]} - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})` : size && sizes4[size];
-var makeCancelable = (promise) => {
-  let hasCanceled_ = false;
-  const wrappedPromise = new Promise((resolve, reject) => {
-    promise.then(
-      (val) => hasCanceled_ ? reject(Error("Is canceled")) : resolve(val),
-      (promiseError) => hasCanceled_ ? reject(Error("Is canceled")) : reject(promiseError)
-    );
-  });
-  return {
-    promise: wrappedPromise,
-    cancel() {
-      hasCanceled_ = true;
-    }
-  };
-};
-var hasSuggestions = (suggestions) => typeof suggestions === "function" || (suggestions ? suggestions.length > 0 : false);
-var isRequired = (value, optional) => value === "" && !optional;
-var isLengthIncorrect = (value, minLength, maxLength) => value != null && (minLength != null && value.length < minLength || maxLength != null && value.length > maxLength);
-var isNumberIncorrect = (value, minNumber, maxNumber) => minNumber != null && value < minNumber || maxNumber != null && value > maxNumber;
-var patternMismatch = (pattern, value) => pattern != null && !new RegExp(pattern).test(value);
 var DxcTextInput = (0, import_react49.forwardRef)(
   ({
     label,
@@ -8746,24 +8865,25 @@ var DxcTextInput = (0, import_react49.forwardRef)(
     autocomplete = "off",
     margin,
     size = "medium",
-    tabIndex = 0
+    tabIndex = 0,
+    ariaLabel = "Text input"
   }, ref) => {
     const inputId = `input-${(0, import_react49.useId)()}`;
     const autosuggestId = `suggestions-${inputId}`;
     const errorId = `error-${inputId}`;
+    const colorsTheme = (0, import_react49.useContext)(HalstackContext);
+    const translatedLabels = (0, import_react49.useContext)(HalstackLanguageContext);
+    const numberInputContext = (0, import_react49.useContext)(NumberInputContext_default);
+    const inputRef = (0, import_react49.useRef)(null);
+    const inputContainerRef = (0, import_react49.useRef)(null);
+    const actionRef = (0, import_react49.useRef)(null);
     const [innerValue, setInnerValue] = (0, import_react49.useState)(defaultValue);
     const [isOpen, changeIsOpen] = (0, import_react49.useState)(false);
     const [isSearching, changeIsSearching] = (0, import_react49.useState)(false);
     const [isAutosuggestError, changeIsAutosuggestError] = (0, import_react49.useState)(false);
     const [filteredSuggestions, changeFilteredSuggestions] = (0, import_react49.useState)([]);
     const [visualFocusIndex, changeVisualFocusIndex] = (0, import_react49.useState)(-1);
-    const inputRef = (0, import_react49.useRef)(null);
-    const inputContainerRef = (0, import_react49.useRef)(null);
-    const actionRef = (0, import_react49.useRef)(null);
     const width = useWidth_default(inputContainerRef.current);
-    const colorsTheme = (0, import_react49.useContext)(HalstackContext);
-    const translatedLabels = (0, import_react49.useContext)(HalstackLanguageContext);
-    const numberInputContext = (0, import_react49.useContext)(NumberInputContext_default);
     const getNumberErrorMessage = (checkedValue) => numberInputContext?.minNumber != null && checkedValue < numberInputContext?.minNumber ? translatedLabels.numberInput.valueGreaterThanOrEqualToErrorMessage?.(numberInputContext.minNumber) : numberInputContext?.maxNumber != null && checkedValue > numberInputContext?.maxNumber ? translatedLabels.numberInput.valueLessThanOrEqualToErrorMessage?.(numberInputContext.maxNumber) : void 0;
     const openSuggestions = () => {
       if (hasSuggestions(suggestions)) {
@@ -8887,7 +9007,7 @@ var DxcTextInput = (0, import_react49.forwardRef)(
             openSuggestions();
             if (!isAutosuggestError && !isSearching && filteredSuggestions.length > 0) {
               changeVisualFocusIndex(
-                (visualFocusedSuggIndex) => visualFocusedSuggIndex < filteredSuggestions.length - 1 ? visualFocusedSuggIndex + 1 : visualFocusedSuggIndex === filteredSuggestions.length - 1 ? 0 : -1
+                (visualFocusedSuggestionIndex) => visualFocusedSuggestionIndex < filteredSuggestions.length - 1 ? visualFocusedSuggestionIndex + 1 : visualFocusedSuggestionIndex === filteredSuggestions.length - 1 ? 0 : -1
               );
             }
           }
@@ -8901,7 +9021,7 @@ var DxcTextInput = (0, import_react49.forwardRef)(
             openSuggestions();
             if (!isAutosuggestError && !isSearching && filteredSuggestions.length > 0) {
               changeVisualFocusIndex(
-                (visualFocusedSuggIndex) => visualFocusedSuggIndex === 0 || visualFocusedSuggIndex === -1 ? filteredSuggestions.length > 0 ? filteredSuggestions.length - 1 : (suggestions?.length ?? 0) - 1 : visualFocusedSuggIndex - 1
+                (visualFocusedSuggestionIndex) => visualFocusedSuggestionIndex === 0 || visualFocusedSuggestionIndex === -1 ? filteredSuggestions.length > 0 ? filteredSuggestions.length - 1 : (suggestions?.length ?? 0) - 1 : visualFocusedSuggestionIndex - 1
               );
             }
           }
@@ -9106,7 +9226,8 @@ var DxcTextInput = (0, import_react49.forwardRef)(
                       "aria-activedescendant": hasSuggestions(suggestions) && isOpen && visualFocusIndex !== -1 ? `suggestion-${visualFocusIndex}` : void 0,
                       "aria-invalid": !!error,
                       "aria-errormessage": error ? errorId : void 0,
-                      "aria-required": !disabled && !optional
+                      "aria-required": !disabled && !optional,
+                      "aria-label": label ? void 0 : ariaLabel
                     }
                   ),
                   !disabled && error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ErrorIcon2, { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon_default, { icon: "filled_error" }) }),
@@ -9165,128 +9286,6 @@ var DxcTextInput = (0, import_react49.forwardRef)(
     ] }) });
   }
 );
-var TextInputContainer = import_styled_components43.default.div`
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  width: ${(props) => calculateWidth9(props.margin, props.size)};
-  ${(props) => props.size !== "fillParent" && `min-width:${calculateWidth9(props.margin, props.size)}`};
-  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
-  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
-  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
-  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
-  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
-  font-family: ${(props) => props.theme.fontFamily};
-`;
-var Label4 = import_styled_components43.default.label`
-  color: ${(props) => props.disabled ? props.theme.disabledLabelFontColor : props.theme.labelFontColor};
-  font-size: ${(props) => props.theme.labelFontSize};
-  font-style: ${(props) => props.theme.labelFontStyle};
-  font-weight: ${(props) => props.theme.labelFontWeight};
-  line-height: ${(props) => props.theme.labelLineHeight};
-  ${(props) => !props.hasHelperText && `margin-bottom: 0.25rem`}
-`;
-var OptionalLabel2 = import_styled_components43.default.span`
-  font-weight: ${(props) => props.theme.optionalLabelFontWeight};
-`;
-var HelperText2 = import_styled_components43.default.span`
-  color: ${(props) => props.disabled ? props.theme.disabledHelperTextFontColor : props.theme.helperTextFontColor};
-  font-size: ${(props) => props.theme.helperTextFontSize};
-  font-style: ${(props) => props.theme.helperTextFontStyle};
-  font-weight: ${(props) => props.theme.helperTextFontWeight};
-  line-height: ${(props) => props.theme.helperTextLineHeight};
-  margin-bottom: 0.25rem;
-`;
-var InputContainer = import_styled_components43.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: calc(2.5rem - 2px);
-  padding: 0 0.5rem;
-
-  ${(props) => props.disabled && `background-color: ${props.theme.disabledContainerFillColor};`}
-  box-shadow: 0 0 0 2px transparent;
-  border-radius: 4px;
-  border: 1px solid
-    ${(props) => props.disabled ? props.theme.disabledBorderColor : props.readOnly ? props.theme.readOnlyBorderColor : props.theme.enabledBorderColor};
-  ${(props) => props.error && !props.disabled && `border-color: transparent;
-     box-shadow: 0 0 0 2px ${props.theme.errorBorderColor};
-  `}
-  ${(props) => !props.disabled ? `
-      &:hover {
-        border-color: ${props.error ? "transparent" : props.readOnly ? props.theme.hoverReadOnlyBorderColor : props.theme.hoverBorderColor};
-        ${props.error ? `box-shadow: 0 0 0 2px ${props.theme.hoverErrorBorderColor};` : ""}
-      }
-      &:focus-within {
-        border-color: transparent;
-        box-shadow: 0 0 0 2px ${props.theme.focusBorderColor};
-      }
-    ` : "cursor: not-allowed;"};
-`;
-var Input = import_styled_components43.default.input`
-  height: calc(2.5rem - 2px);
-  width: 100%;
-  background: none;
-  border: none;
-  outline: none;
-  padding: 0 0.5rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: ${(props) => props.disabled ? props.theme.disabledValueFontColor : props.theme.valueFontColor};
-  font-family: ${(props) => props.theme.fontFamily};
-  font-size: ${(props) => props.theme.valueFontSize};
-  font-style: ${(props) => props.theme.valueFontStyle};
-  font-weight: ${(props) => props.theme.valueFontWeight};
-  line-height: 1.5em;
-  ${(props) => props.disabled && `cursor: not-allowed;`}
-
-  ::placeholder {
-    color: ${(props) => props.disabled ? props.theme.disabledPlaceholderFontColor : props.theme.placeholderFontColor};
-  }
-`;
-var Prefix = import_styled_components43.default.span`
-  height: 1.5rem;
-  margin-left: 0.25rem;
-  padding-right: ${(props) => props.theme.prefixDividerPaddingRight};
-  ${(props) => {
-  const color = props.disabled ? props.theme.disabledPrefixColor : props.theme.prefixColor;
-  return `color: ${color}; border-right: ${props.theme.prefixDividerBorderWidth} ${props.theme.prefixDividerBorderStyle} ${color};`;
-}};
-  font-size: 1rem;
-  line-height: 1.5rem;
-  pointer-events: none;
-`;
-var Suffix = import_styled_components43.default.span`
-  height: 1.5rem;
-  margin: 0 0.25rem;
-  padding-left: ${(props) => props.theme.suffixDividerPaddingLeft};
-  ${(props) => {
-  const color = props.disabled ? props.theme.disabledSuffixColor : props.theme.suffixColor;
-  return `color: ${color}; border-left: ${props.theme.suffixDividerBorderWidth} ${props.theme.suffixDividerBorderStyle} ${color};`;
-}};
-  font-size: 1rem;
-  line-height: 1.5rem;
-  pointer-events: none;
-`;
-var ErrorIcon2 = import_styled_components43.default.span`
-  display: flex;
-  flex-wrap: wrap;
-  align-content: center;
-  padding: 3px;
-  height: 18px;
-  width: 18px;
-  font-size: 18px;
-  color: ${(props) => props.theme.errorIconColor};
-`;
-var ErrorMessageContainer = import_styled_components43.default.span`
-  min-height: 1.5em;
-  color: ${(props) => props.theme.errorMessageColor};
-  font-size: 0.75rem;
-  font-weight: 400;
-  line-height: 1.5em;
-  margin-top: 0.25rem;
-`;
 var TextInput_default = DxcTextInput;
 
 // src/date-input/DateInput.tsx
@@ -9331,7 +9330,8 @@ var DxcDateInput = (0, import_react50.forwardRef)(
     autocomplete,
     margin,
     size,
-    tabIndex
+    tabIndex,
+    ariaLabel = "Date input"
   }, ref) => {
     const [innerValue, setInnerValue] = (0, import_react50.useState)(defaultValue);
     const [isOpen, setIsOpen] = (0, import_react50.useState)(false);
@@ -9498,7 +9498,8 @@ var DxcDateInput = (0, import_react50.forwardRef)(
             autocomplete,
             size,
             tabIndex,
-            ref: dateRef
+            ref: dateRef,
+            ariaLabel
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Popover4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -9605,44 +9606,17 @@ var Dialog = import_styled_components45.default.div`
     min-width: 92%;
   }
 `;
-var CloseIconAction = import_styled_components45.default.button`
-  all: unset;
+var CloseIconActionContainer = import_styled_components45.default.div`
   position: absolute;
   top: 24px;
   right: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${(props) => props.theme.closeIconBackgroundColor};
-  box-shadow: 0 0 0 2px transparent;
-  color: ${(props) => props.theme.closeIconColor};
-  border-radius: ${(props) => props.theme.closeIconBorderRadius};
-  border-width: ${(props) => props.theme.closeIconBorderThickness};
-  border-style: ${(props) => props.theme.closeIconBorderStyle};
-  border-color: ${(props) => props.theme.closeIconBorderColor};
-  cursor: pointer;
-  z-index: 1;
-
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px #0095ff;
-  }
-  &:hover {
-    background-color: #f2f2f2;
-  }
-  &:active {
-    background-color: #cccccc;
-  }
-  span {
-    font-size: ${(props) => props.theme.closeIconSize};
-  }
 `;
 var DxcDialog = ({
+  children,
   closable = true,
+  onBackgroundClick,
   onCloseClick,
-  children,
   overlay = true,
-  onBackgroundClick,
   tabIndex = 0
 }) => {
   const colorsTheme = (0, import_react51.useContext)(HalstackContext);
@@ -9663,25 +9637,25 @@ var DxcDialog = ({
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BodyStyle2, {}),
     (0, import_react_dom2.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DialogContainer, { children: [
-        overlay && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          Overlay3,
-          {
-            onClick: () => {
-              onBackgroundClick?.();
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Dialog, { role: "dialog", "aria-modal": overlay, closable, "aria-label": "Dialog", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(FocusLock_default, { children: [
+        overlay && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Overlay3, { onClick: onBackgroundClick }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Dialog, { "aria-label": "Dialog", "aria-modal": overlay, closable, role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(FocusLock_default, { children: [
           children,
           closable && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            CloseIconAction,
+            import_styled_components45.ThemeProvider,
             {
-              onClick: () => {
-                onCloseClick?.();
+              theme: {
+                actionBackgroundColor: colorsTheme.dialog.closeIconBackgroundColor,
+                actionIconColor: colorsTheme.dialog.closeIconColor
               },
-              "aria-label": translatedLabels.dialog.closeIconAriaLabel,
-              tabIndex,
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon_default, { icon: "close" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseIconActionContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                ActionIcon_default,
+                {
+                  icon: "close",
+                  onClick: onCloseClick,
+                  tabIndex,
+                  title: translatedLabels.dialog.closeIconAriaLabel
+                }
+              ) })
             }
           )
         ] }) })
@@ -9700,39 +9674,6 @@ var import_styled_components47 = __toESM(require("styled-components"));
 var import_react52 = require("react");
 var import_styled_components46 = __toESM(require("styled-components"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var FileItem = ({
-  fileName = "",
-  error = "",
-  singleFileMode,
-  showPreview,
-  preview,
-  type,
-  onDelete,
-  tabIndex
-}) => {
-  const colorsTheme = (0, import_react52.useContext)(HalstackContext);
-  const translatedLabels = (0, import_react52.useContext)(HalstackLanguageContext);
-  const getIconAriaLabel = () => type.includes("video") ? "video" : type.includes("audio") ? "audio" : "file";
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_styled_components46.ThemeProvider, { theme: colorsTheme.fileInput, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MainContainer3, { error, singleFileMode, showPreview, children: [
-    showPreview && (type.includes("image") ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ImagePreview, { src: preview, alt: fileName }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(IconPreview, { error, role: "document", "aria-label": getIconAriaLabel(), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon_default, { icon: preview }) })),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(FileItemContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FileName, { children: fileName }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex_default, { gap: "0.25rem", children: [
-        error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorIcon3, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon_default, { icon: "filled_error" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          ActionIcon_default,
-          {
-            onClick: () => onDelete(fileName),
-            icon: "close",
-            tabIndex,
-            title: translatedLabels.fileInput.deleteFileActionTitle
-          }
-        )
-      ] }),
-      error && !singleFileMode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorMessage, { role: "alert", "aria-live": "assertive", children: error })
-    ] })
-  ] }) });
-};
 var MainContainer3 = import_styled_components46.default.div`
   box-sizing: border-box;
   display: flex;
@@ -9804,10 +9745,41 @@ var ErrorMessage = import_styled_components46.default.span`
   font-weight: ${(props) => props.theme.errorMessageFontWeight};
   line-height: ${(props) => props.theme.errorMessageLineHeight};
 `;
+var FileItem = ({
+  fileName = "",
+  error = "",
+  singleFileMode,
+  showPreview,
+  preview,
+  type,
+  onDelete,
+  tabIndex
+}) => {
+  const translatedLabels = (0, import_react52.useContext)(HalstackLanguageContext);
+  const fileNameId = (0, import_react52.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(MainContainer3, { error, role: "listitem", singleFileMode, showPreview, children: [
+    showPreview && (type.includes("image") ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ImagePreview, { src: preview, alt: fileName }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(IconPreview, { "aria-labelledby": fileNameId, error, role: "img", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon_default, { icon: preview }) })),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(FileItemContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FileName, { id: fileNameId, children: fileName }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Flex_default, { gap: "0.25rem", children: [
+        error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorIcon3, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon_default, { icon: "filled_error" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          ActionIcon_default,
+          {
+            onClick: () => onDelete(fileName),
+            icon: "close",
+            tabIndex,
+            title: translatedLabels.fileInput.deleteFileActionTitle
+          }
+        )
+      ] }),
+      error && !singleFileMode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorMessage, { role: "alert", "aria-live": "assertive", children: error })
+    ] })
+  ] });
+};
 var FileItem_default = (0, import_react52.memo)(FileItem);
 
-// src/file-input/FileInput.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+// src/file-input/utils.ts
 var getFilePreview = async (file) => {
   if (file.type.includes("video")) return "filled_movie";
   else if (file.type.includes("audio")) return "music_video";
@@ -9827,6 +9799,101 @@ var isFileIncluded = (file, fileList) => {
     ({ name, size, type, lastModified, webkitRelativePath }) => name === file.file.name && size === file.file.size && type === file.file.type && lastModified === file.file.lastModified && webkitRelativePath === file.file.webkitRelativePath
   );
 };
+
+// src/file-input/FileInput.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var FileInputContainer = import_styled_components47.default.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
+  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
+  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
+  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
+  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
+  width: fit-content;
+`;
+var Label6 = import_styled_components47.default.label`
+  color: ${(props) => props.disabled ? props.theme.disabledLabelFontColor : props.theme.labelFontColor};
+  font-family: ${(props) => props.theme.labelFontFamily};
+  font-size: ${(props) => props.theme.labelFontSize};
+  font-weight: ${(props) => props.theme.labelFontWeight};
+  line-height: ${(props) => props.theme.labelLineHeight};
+`;
+var HelperText4 = import_styled_components47.default.span`
+  color: ${(props) => props.disabled ? props.theme.disabledHelperTextFontColor : props.theme.helperTextFontColor};
+  font-family: ${(props) => props.theme.helperTextFontFamily};
+  font-size: ${(props) => props.theme.helperTextFontSize};
+  font-weight: ${(props) => props.theme.helperTextFontWeight};
+  line-height: ${(props) => props.theme.helperTextLineHeight};
+`;
+var FileContainer = import_styled_components47.default.div`
+  display: flex;
+  ${(props) => props.singleFileMode ? "flex-direction: row; column-gap: 0.25rem;" : "flex-direction: column; row-gap: 0.25rem;"}
+  margin-top: 0.25rem;
+`;
+var ValueInput2 = import_styled_components47.default.input`
+  display: none;
+`;
+var FileItemListContainer = import_styled_components47.default.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: 0.25rem;
+`;
+var Container2 = import_styled_components47.default.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: 0.25rem;
+  margin-top: 0.25rem;
+`;
+var DragDropArea = import_styled_components47.default.div`
+  box-sizing: border-box;
+  display: flex;
+  ${(props) => props.mode === "filedrop" ? "flex-direction: row; column-gap: 0.75rem; height: 48px;" : "justify-content: center; flex-direction: column; row-gap: 0.5rem; height: 160px;"}
+  align-items: center;
+  width: 320px;
+  padding: ${(props) => props.mode === "filedrop" ? `calc(4px - ${props.theme.dropBorderThickness}) 1rem calc(4px - ${props.theme.dropBorderThickness}) calc(4px - ${props.theme.dropBorderThickness})` : "1rem"};
+  overflow: hidden;
+  box-shadow: 0 0 0 2px transparent;
+  border-radius: ${(props) => props.theme.dropBorderRadius};
+  border-width: ${(props) => props.theme.dropBorderThickness};
+  border-style: ${(props) => props.theme.dropBorderStyle};
+  border-color: ${(props) => props.disabled ? props.theme.disabledDropBorderColor : props.theme.dropBorderColor};
+  ${(props) => props.isDragging && `
+      background-color: ${props.theme.dragoverDropBackgroundColor};
+      border-color: transparent;
+      box-shadow: 0 0 0 2px ${props.theme.focusDropBorderColor};
+    `}
+  cursor: ${(props) => props.disabled && "not-allowed"};
+`;
+var DropzoneLabel = import_styled_components47.default.div`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  text-align: center;
+  color: ${(props) => props.disabled ? props.theme.disabledDropLabelFontColor : props.theme.dropLabelFontColor};
+  font-family: ${(props) => props.theme.dropLabelFontFamily};
+  font-size: ${(props) => props.theme.dropLabelFontSize};
+  font-weight: ${(props) => props.theme.dropLabelFontWeight};
+`;
+var FiledropLabel = import_styled_components47.default.span`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: ${(props) => props.disabled ? props.theme.disabledDropLabelFontColor : props.theme.dropLabelFontColor};
+  font-family: ${(props) => props.theme.dropLabelFontFamily};
+  font-size: ${(props) => props.theme.dropLabelFontSize};
+  font-weight: ${(props) => props.theme.dropLabelFontWeight};
+`;
+var ErrorMessage2 = import_styled_components47.default.div`
+  color: ${(props) => props.theme.errorMessageFontColor};
+  font-family: ${(props) => props.theme.errorMessageFontFamily};
+  font-size: ${(props) => props.theme.errorMessageFontSize};
+  font-weight: ${(props) => props.theme.errorMessageFontWeight};
+  line-height: ${(props) => props.theme.errorMessageLineHeight};
+  margin-top: 0.25rem;
+`;
 var DxcFileInput = (0, import_react53.forwardRef)(
   ({
     mode = "file",
@@ -9965,7 +10032,7 @@ var DxcFileInput = (0, import_react53.forwardRef)(
             tabIndex
           }
         ),
-        files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FileItemListContainer, { children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FileItemListContainer, { role: "list", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           FileItem_default,
           {
             fileName: file.file.name,
@@ -10017,7 +10084,7 @@ var DxcFileInput = (0, import_react53.forwardRef)(
             ]
           }
         ),
-        files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FileItemListContainer, { children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FileItemListContainer, { role: "list", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           FileItem_default,
           {
             fileName: file.file.name,
@@ -10036,98 +10103,6 @@ var DxcFileInput = (0, import_react53.forwardRef)(
     ] }) });
   }
 );
-var FileInputContainer = import_styled_components47.default.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
-  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
-  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
-  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
-  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
-  width: fit-content;
-`;
-var Label6 = import_styled_components47.default.label`
-  color: ${(props) => props.disabled ? props.theme.disabledLabelFontColor : props.theme.labelFontColor};
-  font-family: ${(props) => props.theme.labelFontFamily};
-  font-size: ${(props) => props.theme.labelFontSize};
-  font-weight: ${(props) => props.theme.labelFontWeight};
-  line-height: ${(props) => props.theme.labelLineHeight};
-`;
-var HelperText4 = import_styled_components47.default.span`
-  color: ${(props) => props.disabled ? props.theme.disabledHelperTextFontColor : props.theme.helperTextFontColor};
-  font-family: ${(props) => props.theme.helperTextFontFamily};
-  font-size: ${(props) => props.theme.helperTextFontSize};
-  font-weight: ${(props) => props.theme.helperTextFontWeight};
-  line-height: ${(props) => props.theme.helperTextLineHeight};
-`;
-var FileContainer = import_styled_components47.default.div`
-  display: flex;
-  ${(props) => props.singleFileMode ? "flex-direction: row; column-gap: 0.25rem;" : "flex-direction: column; row-gap: 0.25rem;"}
-  margin-top: 0.25rem;
-`;
-var ValueInput2 = import_styled_components47.default.input`
-  display: none;
-`;
-var FileItemListContainer = import_styled_components47.default.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 0.25rem;
-`;
-var Container2 = import_styled_components47.default.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 0.25rem;
-  margin-top: 0.25rem;
-`;
-var DragDropArea = import_styled_components47.default.div`
-  box-sizing: border-box;
-  display: flex;
-  ${(props) => props.mode === "filedrop" ? "flex-direction: row; column-gap: 0.75rem; height: 48px;" : "justify-content: center; flex-direction: column; row-gap: 0.5rem; height: 160px;"}
-  align-items: center;
-  width: 320px;
-  padding: ${(props) => props.mode === "filedrop" ? `calc(4px - ${props.theme.dropBorderThickness}) 1rem calc(4px - ${props.theme.dropBorderThickness}) calc(4px - ${props.theme.dropBorderThickness})` : "1rem"};
-  overflow: hidden;
-  box-shadow: 0 0 0 2px transparent;
-  border-radius: ${(props) => props.theme.dropBorderRadius};
-  border-width: ${(props) => props.theme.dropBorderThickness};
-  border-style: ${(props) => props.theme.dropBorderStyle};
-  border-color: ${(props) => props.disabled ? props.theme.disabledDropBorderColor : props.theme.dropBorderColor};
-  ${(props) => props.isDragging && `
-      background-color: ${props.theme.dragoverDropBackgroundColor};
-      border-color: transparent;
-      box-shadow: 0 0 0 2px ${props.theme.focusDropBorderColor};
-    `}
-  cursor: ${(props) => props.disabled && "not-allowed"};
-`;
-var DropzoneLabel = import_styled_components47.default.div`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 3;
-  text-align: center;
-  color: ${(props) => props.disabled ? props.theme.disabledDropLabelFontColor : props.theme.dropLabelFontColor};
-  font-family: ${(props) => props.theme.dropLabelFontFamily};
-  font-size: ${(props) => props.theme.dropLabelFontSize};
-  font-weight: ${(props) => props.theme.dropLabelFontWeight};
-`;
-var FiledropLabel = import_styled_components47.default.span`
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  color: ${(props) => props.disabled ? props.theme.disabledDropLabelFontColor : props.theme.dropLabelFontColor};
-  font-family: ${(props) => props.theme.dropLabelFontFamily};
-  font-size: ${(props) => props.theme.dropLabelFontSize};
-  font-weight: ${(props) => props.theme.dropLabelFontWeight};
-`;
-var ErrorMessage2 = import_styled_components47.default.div`
-  color: ${(props) => props.theme.errorMessageFontColor};
-  font-family: ${(props) => props.theme.errorMessageFontFamily};
-  font-size: ${(props) => props.theme.errorMessageFontSize};
-  font-weight: ${(props) => props.theme.errorMessageFontWeight};
-  line-height: ${(props) => props.theme.errorMessageLineHeight};
-  margin-top: 0.25rem;
-`;
 var FileInput_default = DxcFileInput;
 
 // src/grid/Grid.tsx
@@ -10683,7 +10658,8 @@ var DxcNumberInput = (0, import_react60.forwardRef)(
     autocomplete,
     margin,
     size,
-    tabIndex
+    tabIndex,
+    ariaLabel = "Number input"
   }, ref) => {
     const numberInputRef = (0, import_react60.useRef)(null);
     const contextValue = (0, import_react60.useMemo)(
@@ -10726,7 +10702,8 @@ var DxcNumberInput = (0, import_react60.forwardRef)(
         margin,
         size,
         tabIndex,
-        ref
+        ref,
+        ariaLabel
       }
     ) }) });
   }
@@ -10778,10 +10755,9 @@ var import_jsx_runtime65 = require("react/jsx-runtime");
 var setInputType = (type, element) => {
   element?.getElementsByTagName("input")[0]?.setAttribute("type", type);
 };
-var setAriaAttributes = (ariaExpanded, ariaLabel, element) => {
+var setAriaAttributes = (ariaExpanded, element) => {
   const buttonElement = element?.getElementsByTagName("button")[0];
   buttonElement?.setAttribute("aria-expanded", ariaExpanded);
-  buttonElement?.setAttribute("aria-label", ariaLabel);
 };
 var DxcPasswordInput = (0, import_react62.forwardRef)(
   ({
@@ -10799,7 +10775,8 @@ var DxcPasswordInput = (0, import_react62.forwardRef)(
     autocomplete = "off",
     margin,
     size = "medium",
-    tabIndex = 0
+    tabIndex = 0,
+    ariaLabel = "Password input"
   }, ref) => {
     const [isPasswordVisible, setIsPasswordVisible] = (0, import_react62.useState)(false);
     const inputRef = (0, import_react62.useRef)(null);
@@ -10809,12 +10786,12 @@ var DxcPasswordInput = (0, import_react62.forwardRef)(
         if (isPasswordVisible) {
           setInputType("text", inputRef.current);
           if (passwordInput.inputHidePasswordTitle) {
-            setAriaAttributes("true", passwordInput.inputHidePasswordTitle, inputRef.current);
+            setAriaAttributes("true", inputRef.current);
           }
         } else {
           setInputType("password", inputRef.current);
           if (passwordInput.inputShowPasswordTitle) {
-            setAriaAttributes("false", passwordInput.inputShowPasswordTitle, inputRef.current);
+            setAriaAttributes("false", inputRef.current);
           }
         }
       })();
@@ -10838,75 +10815,31 @@ var DxcPasswordInput = (0, import_react62.forwardRef)(
         onChange,
         onBlur,
         margin,
-        size,
-        pattern,
-        minLength,
-        maxLength,
-        autocomplete,
-        ref: inputRef,
-        tabIndex
-      }
-    ) });
-  }
-);
-var PasswordInput = import_styled_components57.default.div`
-  ${(props) => props.size === "fillParent" && "width: 100%;"}
-  & ::-ms-reveal {
-    display: none;
-  }
-`;
-var PasswordInput_default = DxcPasswordInput;
-
-// src/progress-bar/ProgressBar.tsx
-var import_react63 = require("react");
-var import_styled_components58 = __toESM(require("styled-components"));
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var DxcProgressBar = ({
-  label = "",
-  helperText = "",
-  overlay = false,
-  value,
-  showValue = false,
-  margin
-}) => {
-  const colorsTheme = (0, import_react63.useContext)(HalstackContext);
-  const [valueProgressBar, setValueProgressBar] = (0, import_react63.useState)(0);
-  (0, import_react63.useEffect)(() => {
-    setValueProgressBar(
-      value === null || value === void 0 || value < 0 ? 0 : value >= 0 && value <= 100 ? value : 100
-    );
-  }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_styled_components58.ThemeProvider, { theme: colorsTheme.progressBar, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BackgroundProgressBar, { overlay, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ProgressBarContainer, { overlay, margin, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(InfoProgressBar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ProgressBarLabel, { overlay, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ProgressBarProgress, { overlay, showValue, value: valueProgressBar, children: [
-        valueProgressBar,
-        " %"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-      LinearProgress,
-      {
-        role: "progressbar",
-        helperText,
-        "aria-valuenow": showValue ? valueProgressBar : void 0,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-label": label || "Progress Bar",
-        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-          LinearProgressBar,
-          {
-            variant: value === null || value === void 0 ? "indeterminate" : "determinate",
-            container: "first",
-            value: valueProgressBar
-          }
-        )
+        size,
+        pattern,
+        minLength,
+        maxLength,
+        autocomplete,
+        ref: inputRef,
+        tabIndex,
+        ariaLabel
       }
-    ),
-    helperText && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(HelperText5, { overlay, children: helperText })
-  ] }) }) });
-};
-var BackgroundProgressBar = import_styled_components58.default.div`
+    ) });
+  }
+);
+var PasswordInput = import_styled_components57.default.div`
+  ${(props) => props.size === "fillParent" && "width: 100%;"}
+  & ::-ms-reveal {
+    display: none;
+  }
+`;
+var PasswordInput_default = DxcPasswordInput;
+
+// src/progress-bar/ProgressBar.tsx
+var import_react63 = require("react");
+var import_styled_components58 = __toESM(require("styled-components"));
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var Overlay4 = import_styled_components58.default.div`
   ${({ overlay, theme }) => overlay ? `background-color: ${theme.overlayColor};
       width: 100%;
       justify-content: center;
@@ -10918,30 +10851,23 @@ var BackgroundProgressBar = import_styled_components58.default.div`
       bottom: 0;
       left: 0;
       right: 0;
-      z-index: 1300;` : `background-color: "transparent";`}
+      z-index: 1300;` : `background-color: transparent;`}
   display: flex;
   flex-wrap: wrap;
   min-width: 100px;
   width: 100%;
 `;
-var ProgressBarContainer = import_styled_components58.default.div`
-  z-index: ${(props) => props.overlay === true && "100" || "0"};
-  width: ${(props) => props.overlay === true ? "80%" : "100%"};
+var MainContainer4 = import_styled_components58.default.div`
+  width: ${(props) => props.overlay ? "80%" : "100%"};
   margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
   margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
   margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
   margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
   margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
-`;
-var InfoProgressBar = import_styled_components58.default.div`
   display: flex;
-  flex-direction: row;
-  width: 685px;
-  flex-wrap: wrap;
-  width: 100%;
-  margin-bottom: 8px;
-  align-items: baseline;
-  justify-content: space-between;
+  flex-direction: column;
+  gap: 0.5rem;
+  z-index: ${(props) => props.overlay ? "100" : "0"};
 `;
 var ProgressBarLabel = import_styled_components58.default.div`
   font-family: ${(props) => props.theme.labelFontFamily};
@@ -10949,24 +10875,23 @@ var ProgressBarLabel = import_styled_components58.default.div`
   font-size: ${(props) => props.theme.labelFontSize};
   font-weight: ${(props) => props.theme.labelFontWeight};
   text-transform: ${(props) => props.theme.labelFontTextTransform};
-  color: ${(props) => props.overlay === true ? props.theme.overlayFontColor : props.theme.labelFontColor};
+  color: ${(props) => props.overlay ? props.theme.overlayFontColor : props.theme.labelFontColor};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
 var ProgressBarProgress = import_styled_components58.default.div`
+  flex-shrink: 0;
+  color: ${(props) => props.overlay ? props.theme.overlayFontColor : props.theme.valueFontColor};
   font-family: ${(props) => props.theme.valueFontFamily};
   font-style: ${(props) => props.theme.valueFontStyle};
   font-size: ${(props) => props.theme.valueFontSize};
   font-weight: ${(props) => props.theme.valueFontWeight};
   text-transform: ${(props) => props.theme.valueFontTextTransform};
-  color: ${(props) => props.overlay === true ? props.theme.overlayFontColor : props.theme.valueFontColor};
-  display: ${(props) => props.value !== void 0 && props.value !== null && props.showValue === true && "block" || "none"};
-  flex-shrink: 0;
 `;
 var HelperText5 = import_styled_components58.default.span`
-  color: ${(props) => props.overlay === true ? props.theme.overlayFontColor : props.theme.helperTextFontColor};
+  color: ${(props) => props.overlay ? props.theme.overlayFontColor : props.theme.helperTextFontColor};
   font-family: ${(props) => props.theme.helperTextFontFamily};
   font-size: ${(props) => props.theme.helperTextFontSize};
   font-style: ${(props) => props.theme.helperTextFontStyle};
@@ -10974,25 +10899,23 @@ var HelperText5 = import_styled_components58.default.span`
   line-height: 1.5em;
 `;
 var LinearProgress = import_styled_components58.default.div`
+  position: relative;
+  border-radius: ${(props) => props.theme.borderRadius};
   height: ${(props) => props.theme.thickness};
   background-color: ${(props) => props.theme.totalLineColor};
-  border-radius: ${(props) => props.theme.borderRadius};
-  margin-bottom: ${(props) => props.helperText !== "" && "8px"};
   overflow: hidden;
-  position: relative;
 `;
 var LinearProgressBar = import_styled_components58.default.span`
-  background-color: ${(props) => props.theme.trackLineColor};
-  transform: ${(props) => `translateX(-${props.variant === "determinate" ? 100 - (props.value ?? 0) : 0}%)`};
+  position: absolute;
   top: 0;
-  left: 0;
-  width: 100%;
   bottom: 0;
-  position: absolute;
+  left: 0;
+  width: ${(props) => props.variant === "indeterminate" ? "auto" : "100%"};
+  transform: ${(props) => `translateX(-${props.variant === "determinate" ? 100 - (props.value ?? 0) : 0}%)`};
   transition: ${(props) => props.variant === "determinate" ? "transform .4s linear" : "transform 0.2s linear"};
   transform-origin: left;
-  ${(props) => props.variant === "indeterminate" && "width: auto;"};
-  ${(props) => props.variant === "indeterminate" ? props.container === "first" ? "animation: keyframes-indeterminate-first 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;" : "animation: keyframes-indeterminate-second 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;" : ""};
+  background-color: ${(props) => props.theme.trackLineColor};
+  ${(props) => props.variant === "indeterminate" ? "animation: keyframes-indeterminate-first 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;" : ""};
 
   @keyframes keyframes-indeterminate-first {
     0% {
@@ -11024,6 +10947,44 @@ var LinearProgressBar = import_styled_components58.default.span`
     }
   }
 `;
+var DxcProgressBar = ({
+  label,
+  helperText,
+  overlay,
+  value,
+  showValue,
+  margin
+}) => {
+  const colorsTheme = (0, import_react63.useContext)(HalstackContext);
+  const labelId = `label-${(0, import_react63.useId)()}`;
+  const [innerValue, setInnerValue] = (0, import_react63.useState)();
+  (0, import_react63.useEffect)(() => {
+    if (value != null) setInnerValue(value < 0 ? 0 : value > 100 ? 100 : value);
+  }, [value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_styled_components58.ThemeProvider, { theme: colorsTheme.progressBar, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Overlay4, { overlay, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(MainContainer4, { overlay, margin, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Flex_default, { justifyContent: "space-between", gap: "0.5rem", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ProgressBarLabel, { id: labelId, overlay, children: label }),
+      innerValue != null && showValue && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ProgressBarProgress, { overlay, children: [
+        innerValue,
+        " %"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      LinearProgress,
+      {
+        role: "progressbar",
+        helperText,
+        "aria-label": "Progress bar",
+        "aria-labelledby": labelId,
+        "aria-valuenow": innerValue,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LinearProgressBar, { variant: innerValue == null ? "indeterminate" : "determinate", value: innerValue })
+      }
+    ),
+    helperText && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(HelperText5, { overlay, children: helperText })
+  ] }) }) });
+};
 var ProgressBar_default = DxcProgressBar;
 
 // src/quick-nav/QuickNav.tsx
@@ -11585,195 +11546,69 @@ var DxcResultsetTable = ({
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: column.displayValue }),
                 column.isSortable && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SortIcon, { children: sortColumnIndex === index ? sortOrder === "ascending" ? Icons_default2.arrowUp : Icons_default2.arrowDown : Icons_default2.bothArrows })
               ]
-            }
-          )
-        },
-        `tableHeader_${index}`
-      )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tbody", { children: filteredResultset.map((row) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tr", { children: row.cells.map((cellContent, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { children: cellContent.displayValue }, `resultSetTableCellContent_${cellIndex}`)) }, `resultSetTableCell_${row.id}`)) })
-    ] }),
-    !hidePaginator && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-      Paginator_default,
-      {
-        totalItems: rows.length,
-        itemsPerPage,
-        itemsPerPageOptions,
-        itemsPerPageFunction,
-        currentPage: page,
-        showGoToPage,
-        onPageChange: goToPage,
-        tabIndex
-      }
-    )
-  ] }) });
-};
-var calculateWidth11 = (margin) => `calc(100% - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})`;
-var DxcResultsetTableContainer = import_styled_components62.default.div`
-  width: ${(props) => calculateWidth11(props.margin)};
-  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
-  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
-  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
-  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
-  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
-`;
-var HeaderContainer3 = import_styled_components62.default.span`
-  display: flex;
-  align-items: center;
-  justify-content: ${(props) => props.theme.headerTextAlign === "center" ? "center" : props.theme.headerTextAlign === "right" ? "flex-end" : "flex-start"};
-  gap: ${coreTokens_default.spacing_8};
-  width: fit-content;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  cursor: ${(props) => props.isSortable ? "pointer" : "default"};
-
-  ${(props) => props.isSortable && `&:focus {
-      outline: #0095ff solid 2px;
-    }`}
-`;
-var SortIcon = import_styled_components62.default.span`
-  display: flex;
-  height: 14px;
-  width: 14px;
-  color: ${(props) => props.theme.sortIconColor};
-
-  svg {
-    height: 100%;
-    width: 100%;
-  }
-`;
-DxcResultsetTable.ActionsCell = DxcActionsCell;
-var ResultsetTable_default = DxcResultsetTable;
-
-// src/slider/Slider.tsx
-var import_react68 = require("react");
-var import_styled_components63 = __toESM(require("styled-components"));
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var DxcSlider = (0, import_react68.forwardRef)(
-  ({
-    label = "",
-    name = "",
-    defaultValue,
-    value,
-    helperText = "",
-    minValue = 0,
-    maxValue = 100,
-    step = 1,
-    showLimitsValues = false,
-    showInput = false,
-    disabled = false,
-    marks = false,
-    onChange,
-    onDragEnd,
-    labelFormatCallback,
-    margin,
-    size = "fillParent"
-  }, ref) => {
-    const labelId = `label-${(0, import_react68.useId)()}`;
-    const [innerValue, setInnerValue] = (0, import_react68.useState)(defaultValue ?? 0);
-    const [dragging, setDragging] = (0, import_react68.useState)(false);
-    const colorsTheme = (0, import_react68.useContext)(HalstackContext);
-    const isFirefox = navigator.userAgent.indexOf("Firefox") !== -1;
-    const minLabel = (0, import_react68.useMemo)(
-      () => labelFormatCallback ? labelFormatCallback(minValue) : minValue,
-      [labelFormatCallback, minValue]
-    );
-    const maxLabel = (0, import_react68.useMemo)(
-      () => labelFormatCallback ? labelFormatCallback(maxValue) : maxValue,
-      [labelFormatCallback, maxValue]
-    );
-    const tickMarks = (0, import_react68.useMemo)(() => {
-      const numberOfMarks = Math.floor(maxValue / step - minValue / step);
-      const range = maxValue - minValue;
-      const ticks = [];
-      if (marks) {
-        for (let index = 0; index <= numberOfMarks; index++) {
-          ticks.push(
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-              TickMark,
-              {
-                disabled,
-                stepPosition: step * index / range,
-                stepValue: (value ?? innerValue) / maxValue
-              },
-              `tickmark-${index}-${labelId}`
-            )
-          );
-        }
-        return ticks;
-      }
-      return null;
-    }, [minValue, maxValue, step, value, innerValue]);
-    const handleSliderChange = (event) => {
-      const intValue = parseInt(event.target.value, 10);
-      if (intValue !== value || intValue !== innerValue) {
-        setInnerValue(intValue);
-      }
-      onChange?.(intValue);
-    };
-    const handleSliderDragging = () => {
-      setDragging(true);
-    };
-    const handleSliderOnChangeCommitted = (event) => {
-      const intValue = parseInt(event.target.value, 10);
-      if (dragging) {
-        setDragging(false);
-        onDragEnd?.(intValue);
-      }
-    };
-    const handlerInputChange = (event) => {
-      const intValue = parseInt(event.value, 10);
-      if (value == null) {
-        if (!Number.isNaN(intValue)) {
-          setInnerValue(intValue > maxValue ? maxValue : intValue);
-        }
-      }
-      if (!Number.isNaN(intValue)) {
-        onChange?.(intValue > maxValue ? maxValue : intValue);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_styled_components63.ThemeProvider, { theme: colorsTheme.slider, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Container3, { margin, size, ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label10, { id: labelId, disabled, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HelperText7, { disabled, children: helperText }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SliderContainer, { children: [
-        showLimitsValues && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MinLabelContainer, { disabled, children: minLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SliderInputContainer, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-            SliderInput,
-            {
-              role: "slider",
-              type: "range",
-              value: value != null && value >= 0 ? value : innerValue,
-              min: minValue,
-              max: maxValue,
-              step,
-              disabled,
-              "aria-labelledby": labelId,
-              "aria-orientation": "horizontal",
-              "aria-valuemax": maxValue,
-              "aria-valuemin": minValue,
-              "aria-valuenow": value != null && value >= 0 ? value : innerValue,
-              onChange: handleSliderChange,
-              onMouseUp: handleSliderOnChangeCommitted,
-              onMouseDown: handleSliderDragging
-            }
-          ),
-          marks && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MarksContainer, { isFirefox, children: tickMarks })
-        ] }),
-        showLimitsValues && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MaxLabelContainer, { disabled, step, children: maxLabel }),
-        showInput && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StyledTextInput, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
-          TextInput_default,
-          {
-            name,
-            value: value != null && value >= 0 ? value.toString() : innerValue.toString(),
-            disabled,
-            onChange: handlerInputChange,
-            size: "fillParent"
-          }
-        ) })
-      ] })
-    ] }) });
+            }
+          )
+        },
+        `tableHeader_${index}`
+      )) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tbody", { children: filteredResultset.map((row) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("tr", { children: row.cells.map((cellContent, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("td", { children: cellContent.displayValue }, `resultSetTableCellContent_${cellIndex}`)) }, `resultSetTableCell_${row.id}`)) })
+    ] }),
+    !hidePaginator && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      Paginator_default,
+      {
+        totalItems: rows.length,
+        itemsPerPage,
+        itemsPerPageOptions,
+        itemsPerPageFunction,
+        currentPage: page,
+        showGoToPage,
+        onPageChange: goToPage,
+        tabIndex
+      }
+    )
+  ] }) });
+};
+var calculateWidth11 = (margin) => `calc(100% - ${getMargin(margin, "left")} - ${getMargin(margin, "right")})`;
+var DxcResultsetTableContainer = import_styled_components62.default.div`
+  width: ${(props) => calculateWidth11(props.margin)};
+  margin: ${(props) => props.margin && typeof props.margin !== "object" ? spaces[props.margin] : "0px"};
+  margin-top: ${(props) => props.margin && typeof props.margin === "object" && props.margin.top ? spaces[props.margin.top] : ""};
+  margin-right: ${(props) => props.margin && typeof props.margin === "object" && props.margin.right ? spaces[props.margin.right] : ""};
+  margin-bottom: ${(props) => props.margin && typeof props.margin === "object" && props.margin.bottom ? spaces[props.margin.bottom] : ""};
+  margin-left: ${(props) => props.margin && typeof props.margin === "object" && props.margin.left ? spaces[props.margin.left] : ""};
+`;
+var HeaderContainer3 = import_styled_components62.default.span`
+  display: flex;
+  align-items: center;
+  justify-content: ${(props) => props.theme.headerTextAlign === "center" ? "center" : props.theme.headerTextAlign === "right" ? "flex-end" : "flex-start"};
+  gap: ${coreTokens_default.spacing_8};
+  width: fit-content;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  cursor: ${(props) => props.isSortable ? "pointer" : "default"};
+
+  ${(props) => props.isSortable && `&:focus {
+      outline: #0095ff solid 2px;
+    }`}
+`;
+var SortIcon = import_styled_components62.default.span`
+  display: flex;
+  height: 14px;
+  width: 14px;
+  color: ${(props) => props.theme.sortIconColor};
+
+  svg {
+    height: 100%;
+    width: 100%;
   }
-);
+`;
+DxcResultsetTable.ActionsCell = DxcActionsCell;
+var ResultsetTable_default = DxcResultsetTable;
+
+// src/slider/Slider.tsx
+var import_react68 = require("react");
+var import_styled_components63 = __toESM(require("styled-components"));
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var sizes6 = {
   medium: "360px",
   large: "480px",
@@ -11783,7 +11618,7 @@ var calculateWidth12 = (margin, size) => size === "fillParent" ? `calc(${sizes6[
 var getChromeStyles = () => `
   width: 100%;
   margin-right: 4px;`;
-var getFireFoxStyles = () => `
+var getFirefoxStyles = () => `
   width: calc(100% - 16px);
   margin-right: 3px;`;
 var Container3 = import_styled_components63.default.div`
@@ -11897,7 +11732,6 @@ var SliderContainer = import_styled_components63.default.div`
 `;
 var LimitLabelContainer = import_styled_components63.default.span`
   color: ${(props) => props.disabled ? props.theme.disabledLimitValuesFontColor : props.theme.limitValuesFontColor};
-
   font-family: ${(props) => props.theme.fontFamily};
   font-size: ${(props) => props.theme.limitValuesFontSize};
   font-style: ${(props) => props.theme.limitValuesFontStyle};
@@ -11923,7 +11757,7 @@ var SliderInputContainer = import_styled_components63.default.div`
   z-index: 0;
 `;
 var MarksContainer = import_styled_components63.default.div`
-  ${(props) => props.isFirefox ? getFireFoxStyles() : getChromeStyles()}
+  ${(props) => props.isFirefox ? getFirefoxStyles() : getChromeStyles()}
   position: absolute;
   pointer-events: none;
   height: 100%;
@@ -11939,10 +11773,132 @@ var TickMark = import_styled_components63.default.span`
   left: ${(props) => `calc(${props.stepPosition} * 100%)`};
   z-index: ${(props) => props.stepValue != null && `${props.stepPosition <= props.stepValue ? "-1" : "0"}`};
 `;
-var StyledTextInput = import_styled_components63.default.div`
+var TextInputContainer2 = import_styled_components63.default.div`
   margin-left: ${(props) => props.theme.inputMarginLeft};
   max-width: 70px;
 `;
+var DxcSlider = (0, import_react68.forwardRef)(
+  ({
+    label = "",
+    name = "",
+    defaultValue,
+    value,
+    helperText = "",
+    minValue = 0,
+    maxValue = 100,
+    step = 1,
+    showLimitsValues = false,
+    showInput = false,
+    disabled = false,
+    marks = false,
+    onChange,
+    onDragEnd,
+    labelFormatCallback,
+    margin,
+    size = "fillParent"
+  }, ref) => {
+    const labelId = `label-${(0, import_react68.useId)()}`;
+    const [innerValue, setInnerValue] = (0, import_react68.useState)(defaultValue ?? 0);
+    const [dragging, setDragging] = (0, import_react68.useState)(false);
+    const colorsTheme = (0, import_react68.useContext)(HalstackContext);
+    const isFirefox = navigator.userAgent.indexOf("Firefox") !== -1;
+    const minLabel = (0, import_react68.useMemo)(
+      () => labelFormatCallback ? labelFormatCallback(minValue) : minValue,
+      [labelFormatCallback, minValue]
+    );
+    const maxLabel = (0, import_react68.useMemo)(
+      () => labelFormatCallback ? labelFormatCallback(maxValue) : maxValue,
+      [labelFormatCallback, maxValue]
+    );
+    const tickMarks = (0, import_react68.useMemo)(() => {
+      const numberOfMarks = Math.floor(maxValue / step - minValue / step);
+      const range = maxValue - minValue;
+      const ticks = [];
+      if (marks) {
+        for (let index = 0; index <= numberOfMarks; index++) {
+          ticks.push(
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              TickMark,
+              {
+                disabled,
+                stepPosition: step * index / range,
+                stepValue: (value ?? innerValue) / maxValue
+              },
+              `tickmark-${index}`
+            )
+          );
+        }
+        return ticks;
+      }
+      return null;
+    }, [minValue, maxValue, step, value, innerValue]);
+    const handleSliderChange = (event) => {
+      const intValue = parseInt(event.target.value, 10);
+      if (intValue !== value || intValue !== innerValue) {
+        setInnerValue(intValue);
+      }
+      onChange?.(intValue);
+    };
+    const handleSliderDragging = () => {
+      setDragging(true);
+    };
+    const handleSliderOnChangeCommitted = (event) => {
+      const intValue = parseInt(event.target.value, 10);
+      if (dragging) {
+        setDragging(false);
+        onDragEnd?.(intValue);
+      }
+    };
+    const handlerInputChange = (event) => {
+      const intValue = parseInt(event.value, 10);
+      if (!Number.isNaN(intValue)) {
+        if (value == null) setInnerValue(intValue > maxValue ? maxValue : intValue);
+        onChange?.(intValue > maxValue ? maxValue : intValue);
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_styled_components63.ThemeProvider, { theme: colorsTheme.slider, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Container3, { margin, size, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label10, { id: labelId, disabled, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HelperText7, { disabled, children: helperText }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SliderContainer, { children: [
+        showLimitsValues && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MinLabelContainer, { disabled, children: minLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SliderInputContainer, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            SliderInput,
+            {
+              role: "slider",
+              type: "range",
+              value: value != null && value >= 0 ? value : innerValue,
+              min: minValue,
+              max: maxValue,
+              step,
+              disabled,
+              "aria-labelledby": labelId,
+              "aria-orientation": "horizontal",
+              "aria-valuemax": maxValue,
+              "aria-valuemin": minValue,
+              "aria-valuenow": value != null && value >= 0 ? value : innerValue,
+              onChange: handleSliderChange,
+              onMouseUp: handleSliderOnChangeCommitted,
+              onMouseDown: handleSliderDragging
+            }
+          ),
+          marks && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MarksContainer, { isFirefox, children: tickMarks })
+        ] }),
+        showLimitsValues && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MaxLabelContainer, { disabled, step, children: maxLabel }),
+        showInput && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextInputContainer2, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          TextInput_default,
+          {
+            name,
+            value: value != null && value >= 0 ? value.toString() : innerValue.toString(),
+            disabled,
+            onChange: handlerInputChange,
+            size: "fillParent"
+          }
+        ) })
+      ] })
+    ] }) });
+  }
+);
 var Slider_default = DxcSlider;
 
 // src/spinner/Spinner.tsx
@@ -12183,7 +12139,7 @@ var import_styled_components66 = __toESM(require("styled-components"));
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var DxcSwitch = (0, import_react70.forwardRef)(
   ({
-    defaultChecked,
+    defaultChecked = false,
     checked,
     value,
     label = "",
@@ -12198,7 +12154,7 @@ var DxcSwitch = (0, import_react70.forwardRef)(
   }, ref) => {
     const switchId = `switch-${(0, import_react70.useId)()}`;
     const labelId = `label-${switchId}`;
-    const [innerChecked, setInnerChecked] = (0, import_react70.useState)(defaultChecked ?? false);
+    const [innerChecked, setInnerChecked] = (0, import_react70.useState)(defaultChecked);
     const colorsTheme = (0, import_react70.useContext)(HalstackContext);
     const translatedLabels = (0, import_react70.useContext)(HalstackLanguageContext);
     const refTrack = (0, import_react70.useRef)(null);
@@ -13625,7 +13581,8 @@ var DxcTextarea = (0, import_react77.forwardRef)(
     autocomplete = "off",
     margin,
     size = "medium",
-    tabIndex = 0
+    tabIndex = 0,
+    ariaLabel = "Text area"
   }, ref) => {
     const [innerValue, setInnerValue] = (0, import_react77.useState)(defaultValue);
     const textareaId = `textarea-${(0, import_react77.useId)()}`;
@@ -13721,7 +13678,8 @@ var DxcTextarea = (0, import_react77.forwardRef)(
           tabIndex,
           "aria-invalid": !!error,
           "aria-errormessage": error ? errorId : void 0,
-          "aria-required": !disabled && !optional
+          "aria-required": !disabled && !optional,
+          "aria-label": label ? void 0 : ariaLabel
         }
       ),
       !disabled && typeof error === "string" && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ErrorMessageContainer3, { id: errorId, role: "alert", "aria-live": error ? "assertive" : "off", children: error })
@@ -13786,7 +13744,7 @@ var Textarea = import_styled_components72.default.textarea`
   if (props.disabled) return props.theme.disabledBorderColor;
   else if (props.error) return "transparent";
   else if (props.readOnly) return props.theme.readOnlyBorderColor;
-  else props.theme.enabledBorderColor;
+  else return props.theme.enabledBorderColor;
 }};
 
   ${(props) => props.error && !props.disabled && `box-shadow: 0 0 0 2px ${props.theme.errorBorderColor};
@@ -14264,9 +14222,11 @@ var ToggleGroup_default = DxcToggleGroup;
 // src/wizard/Wizard.tsx
 var import_react83 = require("react");
 var import_styled_components76 = __toESM(require("styled-components"));
+
+// src/wizard/Icons.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var icons2 = {
-  validIcon: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: [
+  valid: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("path", { "data-name": "Path 2946", d: "M0,0H18V18H0Z", fill: "none" }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "path",
@@ -14288,7 +14248,7 @@ var icons2 = {
       }
     )
   ] }),
-  invalidIcon: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: [
+  invalid: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("path", { "data-name": "Path 2943", d: "M0,0H18V18H0Z", fill: "none" }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "path",
@@ -14310,50 +14270,10 @@ var icons2 = {
     )
   ] })
 };
-var DxcWizard = ({
-  mode = "horizontal",
-  defaultCurrentStep,
-  currentStep,
-  onStepClick,
-  steps,
-  margin,
-  tabIndex = 0
-}) => {
-  const [innerCurrent, setInnerCurrentStep] = (0, import_react83.useState)(currentStep ?? defaultCurrentStep ?? 0);
-  const renderedCurrent = currentStep ?? innerCurrent;
-  const colorsTheme = (0, import_react83.useContext)(HalstackContext);
-  const handleStepClick = (newValue) => {
-    setInnerCurrentStep(newValue);
-    onStepClick?.(newValue);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_styled_components76.ThemeProvider, { theme: colorsTheme.wizard, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(StepsContainer, { mode, margin, role: "group", children: steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(StepContainer, { mode, lastStep: i === steps.length - 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
-      Step,
-      {
-        onClick: () => {
-          handleStepClick(i);
-        },
-        disabled: step.disabled,
-        mode,
-        first: i === 0,
-        last: i === steps.length - 1,
-        "aria-current": renderedCurrent === i ? "step" : "false",
-        tabIndex,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(StepHeader, { validityIcon: step.valid !== void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(IconContainer8, { current: i === renderedCurrent, visited: i < renderedCurrent, disabled: step.disabled, children: step.icon ? typeof step.icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon_default, { icon: step.icon }) : step.icon : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Number3, { children: i + 1 }) }),
-            step.valid !== void 0 && (step.valid ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ValidityIconContainer, { children: icons2.validIcon }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ValidityIconContainer, { children: icons2.invalidIcon }))
-          ] }),
-          (step.label || step.description) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(InfoContainer, { children: [
-            step.label && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Label14, { current: i === renderedCurrent, disabled: step.disabled, visited: i <= innerCurrent, children: step.label }),
-            step.description && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Description, { current: i === renderedCurrent, disabled: step.disabled, visited: i <= innerCurrent, children: step.description })
-          ] })
-        ]
-      }
-    ),
-    i === steps.length - 1 ? "" : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(StepSeparator, { mode })
-  ] }, `step${i}`)) }) });
-};
+var Icons_default3 = icons2;
+
+// src/wizard/Wizard.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var StepsContainer = import_styled_components76.default.div`
   display: flex;
   flex-direction: ${(props) => props.mode === "vertical" ? "column" : "row"};
@@ -14377,6 +14297,7 @@ var Step = import_styled_components76.default.button`
   display: flex;
   justify-content: flex-start;
   align-items: center;
+  gap: 0.75rem;
   border: none;
   border-radius: 0.25rem;
   background: inherit;
@@ -14435,9 +14356,6 @@ var ValidityIconContainer = import_styled_components76.default.div`
   top: 22.5px;
   left: 22.5px;
 `;
-var InfoContainer = import_styled_components76.default.div`
-  margin-left: 12px;
-`;
 var Label14 = import_styled_components76.default.p`
   text-align: ${(props) => props.theme.labelTextAlign};
   font-family: ${(props) => props.theme.labelFontFamily};
@@ -14467,6 +14385,50 @@ var StepSeparator = import_styled_components76.default.div`
   opacity: 1;
   flex-grow: 1;
 `;
+var DxcWizard = ({
+  mode = "horizontal",
+  defaultCurrentStep = 0,
+  currentStep,
+  onStepClick,
+  steps,
+  margin,
+  tabIndex = 0
+}) => {
+  const colorsTheme = (0, import_react83.useContext)(HalstackContext);
+  const [innerCurrent, setInnerCurrentStep] = (0, import_react83.useState)(defaultCurrentStep);
+  const renderedCurrent = (0, import_react83.useMemo)(() => currentStep ?? innerCurrent, [currentStep, innerCurrent]);
+  const handleStepClick = (newValue) => {
+    setInnerCurrentStep(newValue);
+    onStepClick?.(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_styled_components76.ThemeProvider, { theme: colorsTheme.wizard, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepsContainer, { mode, margin, role: "group", children: steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(StepContainer, { mode, lastStep: i === steps.length - 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+      Step,
+      {
+        onClick: () => {
+          handleStepClick(i);
+        },
+        disabled: step.disabled,
+        mode,
+        first: i === 0,
+        last: i === steps.length - 1,
+        "aria-current": renderedCurrent === i ? "step" : "false",
+        tabIndex,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(StepHeader, { validityIcon: step.valid != null, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(IconContainer8, { current: i === renderedCurrent, visited: i < renderedCurrent, disabled: step.disabled, children: step.icon ? typeof step.icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Icon_default, { icon: step.icon }) : step.icon : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Number3, { children: i + 1 }) }),
+            step.valid != null && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ValidityIconContainer, { children: step.valid ? Icons_default3.valid : Icons_default3.invalid })
+          ] }),
+          (step.label || step.description) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
+            step.label && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Label14, { current: i === renderedCurrent, disabled: step.disabled, visited: i <= innerCurrent, children: step.label }),
+            step.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Description, { current: i === renderedCurrent, disabled: step.disabled, visited: i <= innerCurrent, children: step.description })
+          ] })
+        ]
+      }
+    ),
+    i === steps.length - 1 ? "" : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(StepSeparator, { mode })
+  ] }, `step${i}`)) }) });
+};
 var Wizard_default = DxcWizard;
 
 // src/toast/useToast.tsx