@dxc-technology/halstack-react 15.2.2 → 15.3.2

package/dist/index.mjs

@@ -1959,6 +1959,7 @@ var Flex = styled2.div`
     ${typeof props.alignSelf === "string" ? `align-self: ${props.alignSelf};` : ""}
     ${typeof props.$basis === "string" ? `flex-basis: ${props.$basis};` : ""}
     ${typeof props.$direction === "string" ? `flex-direction: ${props.$direction};` : ""}
+    ${props.$fullHeight ? "height: 100%;" : ""}
     ${typeof props.$gap === "string" ? `gap: ${props.$gap};` : ""}
     ${typeof props.$gap === "object" ? `column-gap: ${props.$gap.columnGap}; row-gap: ${props.$gap.rowGap};` : ""}
     ${typeof props.$grow === "number" ? `flex-grow: ${props.$grow};` : ""}
@@ -1968,16 +1969,7 @@ var Flex = styled2.div`
     ${typeof props.$wrap === "string" ? `flex-wrap: ${props.$wrap};` : ""}
   `}
 `;
-var DxcFlex = ({
-  basis,
-  direction,
-  gap,
-  grow,
-  order,
-  shrink,
-  wrap,
-  ...props
-}) => /* @__PURE__ */ jsx3(
+var DxcFlex = ({ basis, direction, fullHeight = false, gap, grow, order, shrink, wrap, ...props }) => /* @__PURE__ */ jsx3(
   Flex,
   {
     $basis: basis,
@@ -1987,6 +1979,7 @@ var DxcFlex = ({
     $order: order,
     $shrink: shrink,
     $wrap: wrap,
+    $fullHeight: fullHeight,
     ...props
   }
 );
@@ -1994,6 +1987,7 @@ var Flex_default = DxcFlex;
 
 // src/container/Container.tsx
 import styled3 from "styled-components";
+import { forwardRef } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var getBorderStyles = (direction, borderProperties) => `border-${direction}: ${borderProperties.width ?? ""} ${borderProperties.style ?? ""} ${borderProperties.color ? getCoreColorToken(borderProperties.color) : ""};`;
 var Container = styled3.div`
@@ -2057,9 +2051,12 @@ var Container = styled3.div`
   padding-bottom: ${({ padding }) => typeof padding === "object" && padding.bottom ? spaces[padding.bottom] : ""};
   padding-left: ${({ padding }) => typeof padding === "object" && padding.left ? spaces[padding.left] : ""};
 `;
-function DxcContainer({ display, width, height, overflow, ...props }) {
-  return /* @__PURE__ */ jsx4(Container, { $display: display, $width: width, $height: height, $overflow: overflow, ...props });
-}
+var DxcContainer = forwardRef(
+  ({ display, width, height, overflow, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4(Container, { ref, $display: display, $width: width, $height: height, $overflow: overflow, ...props });
+  }
+);
+var Container_default = DxcContainer;
 
 // src/accordion/AccordionItem.tsx
 import React from "react";
@@ -2094,7 +2091,7 @@ var AccordionItem = ({
         tabIndex: disabled ? -1 : tabIndex,
         "aria-expanded": isItemExpanded,
         "aria-controls": `accordion-panel-${id}`,
-        children: /* @__PURE__ */ jsx5(DxcContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(Flex_default, { gap: "1.5rem", children: [
+        children: /* @__PURE__ */ jsx5(Container_default, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(Flex_default, { gap: "1.5rem", children: [
           /* @__PURE__ */ jsx5(LeftSideContainer, { children: /* @__PURE__ */ jsxs(Flex_default, { gap: "0.75rem", children: [
             (icon || badge?.position === "before") && /* @__PURE__ */ jsx5(OptionalElement, { children: icon ? /* @__PURE__ */ jsx5(IconContainer2, { disabled, children: typeof icon === "string" ? /* @__PURE__ */ jsx5(Icon_default, { icon }) : icon }) : /* @__PURE__ */ jsx5(StatusContainer, { subLabel, children: disabled ? cloneElement(badge?.element, { color: "grey" }) : badge?.element }) }),
             /* @__PURE__ */ jsxs(LabelsContainer, { children: [
@@ -2928,7 +2925,7 @@ var StyledDivider = styled8.hr`
 var Divider_default = DxcDivider;
 
 // src/action-icon/ActionIcon.tsx
-import { forwardRef } from "react";
+import { forwardRef as forwardRef2 } from "react";
 import styled9 from "styled-components";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var ActionIcon = styled9.button`
@@ -2968,7 +2965,7 @@ var ActionIcon = styled9.button`
     height: 16px;
   }
 `;
-var ActionIcon_default = forwardRef(
+var ActionIcon_default = forwardRef2(
   ({ disabled = false, title, icon, onClick, tabIndex }, ref) => /* @__PURE__ */ jsx10(Tooltip, { label: title, children: /* @__PURE__ */ jsx10(
     ActionIcon,
     {
@@ -3736,7 +3733,7 @@ var useWidth = (target) => {
 var useWidth_default = useWidth;
 
 // src/dropdown/DropdownMenu.tsx
-import { forwardRef as forwardRef2, memo as memo3 } from "react";
+import { forwardRef as forwardRef3, memo as memo3 } from "react";
 import styled14 from "styled-components";
 
 // src/dropdown/DropdownMenuItem.tsx
@@ -3809,7 +3806,7 @@ var DropdownMenuItem_default = memo2(DropdownMenuItem);
 
 // src/dropdown/DropdownMenu.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
-var DropdownMenu = forwardRef2(
+var DropdownMenu = forwardRef3(
   ({ id, dropdownTriggerId, iconsPosition, visualFocusIndex, menuItemOnClick, onKeyDown, options, styles }, ref) => /* @__PURE__ */ jsx17(
     DropdownMenuContainer,
     {
@@ -4429,7 +4426,7 @@ var Overlay2 = styled16.div`
 var Header_default = DxcHeader;
 
 // src/sidenav/Sidenav.tsx
-import { forwardRef as forwardRef3, useContext as useContext10, useEffect as useEffect5, useState as useState8 } from "react";
+import { forwardRef as forwardRef4, useContext as useContext10, useEffect as useEffect5, useState as useState8 } from "react";
 import styled18, { ThemeProvider as ThemeProvider8 } from "styled-components";
 
 // src/bleed/Bleed.tsx
@@ -4508,7 +4505,7 @@ var Group = ({ title, collapsable = false, icon, children }) => {
     !collapsed && children
   ] }) });
 };
-var Link = forwardRef3(
+var Link = forwardRef4(
   ({ href, newWindow = false, selected = false, icon, onClick, tabIndex = 0, children, ...otherProps }, ref) => {
     const changeIsGroupSelected = useContext10(GroupContext);
     const setIsSidenavVisibleResponsive = useResponsiveSidenavVisibility();
@@ -5474,11 +5471,11 @@ var CardContent = styled25.div`
 var Card_default = DxcCard;
 
 // src/checkbox/Checkbox.tsx
-import { useContext as useContext15, useState as useState12, useRef as useRef6, useId as useId5, forwardRef as forwardRef4 } from "react";
+import { useContext as useContext15, useState as useState12, useRef as useRef6, useId as useId5, forwardRef as forwardRef5 } from "react";
 import styled26, { ThemeProvider as ThemeProvider11 } from "styled-components";
 import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var checkedIcon = /* @__PURE__ */ jsx30("svg", { fill: "currentColor", focusable: "false", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx30("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) });
-var DxcCheckbox = forwardRef4(
+var DxcCheckbox = forwardRef5(
   ({
     checked,
     defaultChecked = false,
@@ -6620,7 +6617,7 @@ import styled36, { ThemeProvider as ThemeProvider16 } from "styled-components";
 // src/select/Select.tsx
 import * as Popover2 from "@radix-ui/react-popover";
 import {
-  forwardRef as forwardRef5,
+  forwardRef as forwardRef6,
   useCallback as useCallback6,
   useContext as useContext22,
   useId as useId9,
@@ -6746,22 +6743,21 @@ var isOptionGroup = (option) => "options" in option && option.options != null;
 var isArrayOfOptionGroups = (options) => options[0] != null && isOptionGroup(options[0]);
 var groupsHaveOptions = (options) => isArrayOfOptionGroups(options) ? options.some((groupOption) => groupOption.options.length > 0) : true;
 var canOpenListbox = (options, disabled) => !disabled && options.length > 0 && groupsHaveOptions(options);
-var filterOptionsBySearchValue = (options, searchValue) => {
-  if (options.length > 0) {
-    if (isArrayOfOptionGroups(options))
-      return options.map((optionGroup) => {
-        const group = {
-          label: optionGroup.label,
-          options: optionGroup.options.filter(
-            (option) => option.label.toUpperCase().includes(searchValue.toUpperCase())
-          )
-        };
-        return group;
-      });
-    else return options.filter((option) => option.label.toUpperCase().includes(searchValue.toUpperCase()));
-  } else {
-    return [];
-  }
+var filterOptionsBySearchValue = (options, searchValue, searchByStartsWith = false) => {
+  const matchesSearch = (label, search, searchByStartsWith2) => {
+    const upperLabel = label.toUpperCase();
+    const upperSearch = search.toUpperCase();
+    return searchByStartsWith2 ? upperLabel.startsWith(upperSearch) : upperLabel.includes(upperSearch);
+  };
+  return options.length > 0 ? isArrayOfOptionGroups(options) ? options.map((optionGroup) => {
+    const group = {
+      label: optionGroup.label,
+      options: optionGroup.options.filter(
+        (option) => matchesSearch(option.label, searchValue, searchByStartsWith)
+      )
+    };
+    return group;
+  }) : options.filter((option) => matchesSearch(option.label, searchValue, searchByStartsWith)) : [];
 };
 var getLastOptionIndex = (options, filteredOptions, searchable, optional, multiple) => {
   let last = 0;
@@ -6986,7 +6982,7 @@ var Listbox_default = Listbox;
 
 // src/select/Select.tsx
 import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
-var DxcSelect = forwardRef5(
+var DxcSelect = forwardRef6(
   ({
     label,
     name = "",
@@ -6999,6 +6995,7 @@ var DxcSelect = forwardRef5(
     multiple = false,
     optional = false,
     searchable = false,
+    searchByStartsWith = false,
     onChange,
     onBlur,
     error,
@@ -7022,7 +7019,7 @@ var DxcSelect = forwardRef5(
     const colorsTheme = useContext22(HalstackContext);
     const translatedLabels = useContext22(HalstackLanguageContext);
     const optionalItem = { label: placeholder, value: "" };
-    const filteredOptions = useMemo10(() => filterOptionsBySearchValue(options, searchValue), [options, searchValue]);
+    const filteredOptions = useMemo10(() => filterOptionsBySearchValue(options, searchValue, searchByStartsWith), [options, searchValue, searchByStartsWith]);
     const lastOptionIndex = useMemo10(
       () => getLastOptionIndex(options, filteredOptions, searchable, optional, multiple),
       [options, filteredOptions, searchable, optional, multiple]
@@ -8287,7 +8284,7 @@ import {
   useId as useId13,
   useCallback as useCallback7,
   useContext as useContext30,
-  forwardRef as forwardRef7
+  forwardRef as forwardRef8
 } from "react";
 import dayjs3 from "dayjs";
 import styled45, { ThemeProvider as ThemeProvider20 } from "styled-components";
@@ -8778,7 +8775,7 @@ var DatePicker_default = memo7(DatePicker);
 // src/text-input/TextInput.tsx
 import * as Popover3 from "@radix-ui/react-popover";
 import {
-  forwardRef as forwardRef6,
+  forwardRef as forwardRef7,
   useContext as useContext29,
   useEffect as useEffect13,
   useId as useId12,
@@ -9123,7 +9120,7 @@ var ErrorMessageContainer = styled44.span`
   margin-top: 0.25rem;
 `;
 var AutosuggestWrapper = ({ condition, wrapper, children }) => /* @__PURE__ */ jsx51(Fragment12, { children: condition ? wrapper(children) : children });
-var DxcTextInput = forwardRef6(
+var DxcTextInput = forwardRef7(
   ({
     alignment = "left",
     label,
@@ -9523,7 +9520,7 @@ var DxcTextInput = forwardRef6(
                         onClick: handleClearActionOnClick,
                         icon: "close",
                         tabIndex,
-                        title: !disabled ? translatedLabels.textInput.clearFieldActionTitle : void 0
+                        title: translatedLabels.textInput.clearFieldActionTitle
                       }
                     ),
                     numberInputContext?.typeNumber === "number" && numberInputContext?.showControls && /* @__PURE__ */ jsxs36(Fragment12, { children: [
@@ -9534,7 +9531,7 @@ var DxcTextInput = forwardRef6(
                           icon: "remove",
                           tabIndex,
                           ref: actionRef,
-                          title: !disabled ? translatedLabels.numberInput.decrementValueTitle : void 0,
+                          title: translatedLabels.numberInput.decrementValueTitle,
                           disabled
                         }
                       ),
@@ -9545,7 +9542,7 @@ var DxcTextInput = forwardRef6(
                           icon: "add",
                           tabIndex,
                           ref: actionRef,
-                          title: !disabled ? translatedLabels.numberInput.incrementValueTitle : void 0,
+                          title: translatedLabels.numberInput.incrementValueTitle,
                           disabled
                         }
                       )
@@ -9557,7 +9554,7 @@ var DxcTextInput = forwardRef6(
                         icon: action.icon,
                         tabIndex,
                         ref: actionRef,
-                        title: !disabled ? action.title ?? void 0 : void 0,
+                        title: action.title ?? void 0,
                         disabled
                       }
                     )
@@ -9599,7 +9596,7 @@ var getDate = (value, format, lastValidYear, setLastValidYear) => {
   }
   return newDate;
 };
-var DxcDateInput = forwardRef7(
+var DxcDateInput = forwardRef8(
   ({
     label,
     name,
@@ -9966,7 +9963,7 @@ var DxcDialog = ({
 var Dialog_default = DxcDialog;
 
 // src/file-input/FileInput.tsx
-import { useCallback as useCallback8, useContext as useContext33, useEffect as useEffect16, useId as useId16, useState as useState26, forwardRef as forwardRef8 } from "react";
+import { useCallback as useCallback8, useContext as useContext33, useEffect as useEffect16, useId as useId16, useState as useState26, forwardRef as forwardRef9 } from "react";
 import styled48, { ThemeProvider as ThemeProvider22 } from "styled-components";
 
 // src/file-input/FileItem.tsx
@@ -10187,7 +10184,7 @@ var ErrorMessage2 = styled48.div`
   line-height: ${(props) => props.theme.errorMessageLineHeight};
   margin-top: 0.25rem;
 `;
-var DxcFileInput = forwardRef8(
+var DxcFileInput = forwardRef9(
   ({
     mode = "file",
     label = "",
@@ -10586,7 +10583,7 @@ var Inset = ({ space, horizontal, vertical, top, right, bottom, left, children }
 var Inset_default = Inset;
 
 // src/link/Link.tsx
-import { forwardRef as forwardRef9, useContext as useContext36 } from "react";
+import { forwardRef as forwardRef10, useContext as useContext36 } from "react";
 import styled53, { ThemeProvider as ThemeProvider25 } from "styled-components";
 import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 var StyledLink = styled53.a`
@@ -10651,7 +10648,7 @@ var LinkIconContainer = styled53.div`
     height: ${(props) => props.theme.iconSize};
   }
 `;
-var DxcLink = forwardRef9(
+var DxcLink = forwardRef10(
   ({
     inheritColor = false,
     disabled = false,
@@ -10694,7 +10691,7 @@ import { Children as Children4, useContext as useContext38, useEffect as useEffe
 import styled55, { ThemeProvider as ThemeProvider26 } from "styled-components";
 
 // src/nav-tabs/Tab.tsx
-import { useEffect as useEffect17, forwardRef as forwardRef10, useContext as useContext37, useRef as useRef13, useImperativeHandle } from "react";
+import { useEffect as useEffect17, forwardRef as forwardRef11, useContext as useContext37, useRef as useRef13, useImperativeHandle } from "react";
 import styled54 from "styled-components";
 
 // src/nav-tabs/NavTabsContext.tsx
@@ -10703,7 +10700,7 @@ var NavTabsContext_default = createContext8(null);
 
 // src/nav-tabs/Tab.tsx
 import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
-var DxcTab = forwardRef10(
+var DxcTab = forwardRef11(
   ({
     href,
     active = false,
@@ -10937,10 +10934,10 @@ var NavTabsContainer = styled55.div`
 var NavTabs_default = DxcNavTabs;
 
 // src/number-input/NumberInput.tsx
-import { forwardRef as forwardRef11, useEffect as useEffect19, useMemo as useMemo15, useRef as useRef15 } from "react";
+import { forwardRef as forwardRef12, useEffect as useEffect19, useMemo as useMemo15, useRef as useRef15 } from "react";
 import styled56 from "styled-components";
 import { jsx as jsx63 } from "react/jsx-runtime";
-var DxcNumberInput = forwardRef11(
+var DxcNumberInput = forwardRef12(
   ({
     label,
     name,
@@ -11055,7 +11052,7 @@ function DxcParagraph({ children }) {
 }
 
 // src/password-input/PasswordInput.tsx
-import { forwardRef as forwardRef12, useContext as useContext40, useEffect as useEffect20, useRef as useRef16, useState as useState28 } from "react";
+import { forwardRef as forwardRef13, useContext as useContext40, useEffect as useEffect20, useRef as useRef16, useState as useState28 } from "react";
 import styled58 from "styled-components";
 import { jsx as jsx65 } from "react/jsx-runtime";
 var setInputType = (type, element) => {
@@ -11065,7 +11062,7 @@ var setAriaAttributes = (ariaExpanded, element) => {
   const buttonElement = element?.getElementsByTagName("button")[0];
   buttonElement?.setAttribute("aria-expanded", ariaExpanded);
 };
-var DxcPasswordInput = forwardRef12(
+var DxcPasswordInput = forwardRef13(
   ({
     label,
     name = "",
@@ -11387,7 +11384,7 @@ var Link3 = styled60.a`
 var QuickNav_default = DxcQuickNav;
 
 // src/radio-group/RadioGroup.tsx
-import { forwardRef as forwardRef13, useCallback as useCallback10, useContext as useContext44, useId as useId19, useMemo as useMemo16, useState as useState31 } from "react";
+import { forwardRef as forwardRef14, useCallback as useCallback10, useContext as useContext44, useId as useId19, useMemo as useMemo16, useState as useState31 } from "react";
 import styled62, { ThemeProvider as ThemeProvider31 } from "styled-components";
 
 // src/radio-group/Radio.tsx
@@ -11525,7 +11522,7 @@ var getInitialFocusIndex = (innerOptions, value) => {
   const initialSelectedOptionIndex = innerOptions.findIndex((option) => option.value === value);
   return initialSelectedOptionIndex !== -1 ? initialSelectedOptionIndex : 0;
 };
-var DxcRadioGroup = forwardRef13(
+var DxcRadioGroup = forwardRef14(
   ({
     label,
     name,
@@ -11926,7 +11923,7 @@ DxcResultsetTable.ActionsCell = DxcActionsCell;
 var ResultsetTable_default = DxcResultsetTable;
 
 // src/slider/Slider.tsx
-import { forwardRef as forwardRef14, useContext as useContext46, useId as useId20, useMemo as useMemo18, useState as useState33 } from "react";
+import { forwardRef as forwardRef15, useContext as useContext46, useId as useId20, useMemo as useMemo18, useState as useState33 } from "react";
 import styled64, { ThemeProvider as ThemeProvider33 } from "styled-components";
 import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
 var sizes6 = {
@@ -12097,7 +12094,7 @@ var TextInputContainer2 = styled64.div`
   margin-left: ${(props) => props.theme.inputMarginLeft};
   max-width: 70px;
 `;
-var DxcSlider = forwardRef14(
+var DxcSlider = forwardRef15(
   ({
     label = "",
     name = "",
@@ -12257,10 +12254,10 @@ var StatusLabel = styled65.span`
 var StatusLight_default = DxcStatusLight;
 
 // src/switch/Switch.tsx
-import { forwardRef as forwardRef15, useContext as useContext47, useId as useId21, useRef as useRef19, useState as useState34 } from "react";
+import { forwardRef as forwardRef16, useContext as useContext47, useId as useId21, useRef as useRef19, useState as useState34 } from "react";
 import styled66, { ThemeProvider as ThemeProvider34 } from "styled-components";
 import { Fragment as Fragment14, jsx as jsx74, jsxs as jsxs52 } from "react/jsx-runtime";
-var DxcSwitch = forwardRef15(
+var DxcSwitch = forwardRef16(
   ({
     defaultChecked = false,
     checked,
@@ -12516,10 +12513,10 @@ import { createContext as createContext9 } from "react";
 var TabsContext_default = createContext9(null);
 
 // src/tabs/Tab.tsx
-import { forwardRef as forwardRef16, useContext as useContext48, useEffect as useEffect24, useRef as useRef20 } from "react";
+import { forwardRef as forwardRef17, useContext as useContext48, useEffect as useEffect24, useRef as useRef20 } from "react";
 import styled67 from "styled-components";
 import { jsx as jsx75, jsxs as jsxs53 } from "react/jsx-runtime";
-var DxcTab2 = forwardRef16(
+var DxcTab2 = forwardRef17(
   ({
     icon,
     label,
@@ -12736,10 +12733,10 @@ import { useCallback as useCallback11, useContext as useContext49, useEffect as
 import styled69, { ThemeProvider as ThemeProvider35 } from "styled-components";
 
 // src/tabs/TabLegacy.tsx
-import { forwardRef as forwardRef17, memo as memo12 } from "react";
+import { forwardRef as forwardRef18, memo as memo12 } from "react";
 import styled68 from "styled-components";
 import { jsx as jsx76, jsxs as jsxs54 } from "react/jsx-runtime";
-var Tab2 = forwardRef17(
+var Tab2 = forwardRef18(
   ({ active, tab, tabIndex, hasLabelAndIcon, iconPosition, onClick, onMouseEnter, onMouseLeave }, ref) => /* @__PURE__ */ jsxs54(
     TabContainer3,
     {
@@ -13312,7 +13309,6 @@ var DxcTabs2 = ({
   const [innerFocusIndex, setInnerFocusIndex] = useState36(null);
   const [activeIndicatorWidth, setActiveIndicatorWidth] = useState36(0);
   const [activeIndicatorLeft, setActiveIndicatorLeft] = useState36(0);
-  const [countClick, setCountClick] = useState36(0);
   const [totalTabsWidth, setTotalTabsWidth] = useState36(0);
   const [translateScroll, setTranslateScroll] = useState36(0);
   const [scrollRightEnabled, setScrollRightEnabled] = useState36(true);
@@ -13409,8 +13405,10 @@ var DxcTabs2 = ({
         });
         return total;
       });
-    scrollLimitCheck();
-  }, [viewWidth, totalTabsWidth]);
+    setTimeout(() => {
+      scrollLimitCheck();
+    }, 0);
+  }, [viewWidth, totalTabsWidth, activeTab]);
   return children ? /* @__PURE__ */ jsxs56(Fragment15, { children: [
     /* @__PURE__ */ jsx78(ThemeProvider36, { theme: colorsTheme.tabs, children: /* @__PURE__ */ jsxs56(TabsContainer2, { margin, children: [
       /* @__PURE__ */ jsx78(Underline3, {}),
@@ -13707,11 +13705,11 @@ var TagLabel = styled71.div`
 var Tag_default = DxcTag;
 
 // src/textarea/Textarea.tsx
-import { forwardRef as forwardRef18, useContext as useContext52, useEffect as useEffect27, useId as useId22, useRef as useRef23, useState as useState38 } from "react";
+import { forwardRef as forwardRef19, useContext as useContext52, useEffect as useEffect27, useId as useId22, useRef as useRef23, useState as useState38 } from "react";
 import styled72, { ThemeProvider as ThemeProvider38 } from "styled-components";
 import { jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
 var patternMatch = (pattern, value) => new RegExp(pattern).test(value);
-var DxcTextarea = forwardRef18(
+var DxcTextarea = forwardRef19(
   ({
     label,
     name = "",
@@ -14614,7 +14612,7 @@ export {
   Card_default as DxcCard,
   Checkbox_default as DxcCheckbox,
   Chip_default as DxcChip,
-  DxcContainer,
+  Container_default as DxcContainer,
   DxcContextualMenu,
   DataGrid_default as DxcDataGrid,
   DateInput_default as DxcDateInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "15.2.2",
+  "version": "15.3.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dxc-technology/halstack-react.git"