@vodafone_de/brix-components 3.1.8 → 3.1.9

package/{esm → dist}/components/SelectInput/index.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { iv as iconSizeSm, bf as ChevronDownIcon } from "../../../index-Cbojl4_Q.js";
+import { iv as iconSizeSm, bf as ChevronDownIcon } from "../../index-Cbojl4_Q.js";
 import { forwardRef } from "react";
 import FormElement from "../FormElement/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
-import { a as inputStateError } from "../../../props-DDpgcryb.js";
-import { a as spacingXs, c as spacingSm, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { b as spacingXs, s as spacingSm, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
@@ -16,12 +17,12 @@ import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.j
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { c as colorBackgroundNeutral } from "../../../BackgroundColor-JObp_2xA.js";
-import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../../BorderColor-BummoQ1-.js";
-import { b as borderRadiusMd } from "../../../BorderRadius-ClUShVLu.js";
-import { a as colorTextNeutral } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
-import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+import { c as colorBackgroundNeutral } from "../../BackgroundColor-JObp_2xA.js";
+import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-BummoQ1-.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const SelectInputWrapperStyled = styled.div.withConfig({
   displayName: "SelectInputWrapperStyled",
   componentId: "sc-4qxq2i-0"

package/{esm → dist}/components/Stepper/index.js

@@ -1,21 +1,22 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { useViewport } from "../../hooks/useViewport/index.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
-import { v as viewport, b as breakpoint_medium_number } from "../../../index-Ck2bCrhT.js";
+import { v as viewport, b as breakpoint_medium_number } from "../../index-Ck2bCrhT.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
-import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../../BorderColor-BummoQ1-.js";
-import { f as fontWeightBold } from "../../../FontWeight-CR22KTex.js";
-import { c as colorObjectBrand, a as colorObjectInverse } from "../../../ObjectColor-BZDBuV8H.js";
-import { s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { t as textBodyMd } from "../../../TextBodySize-BcZR9mh2.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../BorderColor-BummoQ1-.js";
+import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { c as colorObjectBrand, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
+import { a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { a as textBodyMd } from "../../TextBodySize-ovWXXu9n.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const StepperItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "StepperItemStyled",

package/{esm → dist}/components/SuggestInput/index.js

@@ -1,16 +1,17 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { df as IconLoader, iv as iconSizeSm } from "../../../index-Cbojl4_Q.js";
+import { df as IconLoader, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
 import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
 import FlexItem from "../FlexItem/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
-import { a as inputStateError } from "../../../props-DDpgcryb.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../../styled-VjTKXjli.js";
-import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-G3ZpnzDF.js";
+import { s as spacingSm, b as spacingXs, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Body from "../Body/index.js";
-import { g as strongTagName } from "../../../tags-DI6H1biK.js";
+import { g as strongTagName } from "../../tags-DI6H1biK.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -18,17 +19,17 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { c as colorBackgroundNeutral } from "../../../BackgroundColor-JObp_2xA.js";
-import { c as colorBorderFocus } from "../../../BorderColor-BummoQ1-.js";
-import { t as textBodyMd } from "../../../TextBodySize-BcZR9mh2.js";
+import { c as colorBackgroundNeutral } from "../../BackgroundColor-JObp_2xA.js";
+import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
+import { a as textBodyMd } from "../../TextBodySize-ovWXXu9n.js";
 import Flex from "../Flex/index.js";
 import LoadingSpinner from "../LoadingSpinner/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { a as opacityDisabled } from "../../../Opacity-smkGiwsf.js";
-import { a as colorTextNeutral } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const calculateListMaxHeight = (numberOfVisibleItems) => {
   return `calc((${getSpacing(spacingSm)} * 2 + ${getBodySize(textBodyMd).fontSize} * ${getBodySize(textBodyMd).lineHeight}) * ${numberOfVisibleItems})`;
 };

package/{esm → dist}/components/Switch/index.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { df as IconLoader, ip as iconSize2xs } from "../../../index-Cbojl4_Q.js";
+import { df as IconLoader, ip as iconSize2xs } from "../../index-Cbojl4_Q.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
-import { e as ease_in_sine } from "../../../easing-Dm-pO8SY.js";
+import { e as ease_in_sine } from "../../easing-Dm-pO8SY.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
@@ -11,13 +12,13 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { c as colorBorderFocus } from "../../../BorderColor-BummoQ1-.js";
-import { c as borderRadiusFull } from "../../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus, c as borderWidthSm } from "../../../BorderWidth-DfOlyKK7.js";
-import { a as colorObjectInverse, b as colorObjectSelected, d as colorObjectUnselected } from "../../../ObjectColor-BZDBuV8H.js";
-import { a as opacityDisabled } from "../../../Opacity-smkGiwsf.js";
-import { a as spacingXs, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
+import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_mz82k.js";
+import { a as colorObjectInverse, b as colorObjectSelected, d as colorObjectUnselected } from "../../ObjectColor-BZDBuV8H.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { b as spacingXs, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import Label from "../Label/index.js";
 const getHandleIcon = (checked) => {
   const iconName = checked ? "Tick" : "Close";

package/dist/components/TabularPrice/index.js

@@ -0,0 +1,8 @@
+"use client";
+import "react/jsx-runtime";
+import { T } from "../../index-DH6pW0wc.js";
+import "../../index-DQhtQZ85.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+export {
+  T as default
+};

package/dist/components/TextList/index.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import { a, T } from "../../index-DPQJSCi7.js";
+import "../../tags-DI6H1biK.js";
+import "../../Spacing-B-7SYaM_.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+export {
+  a as TextListItem,
+  T as default
+};

package/{esm → dist}/components/Textarea/index.js

@@ -1,11 +1,12 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import FormElement from "../FormElement/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
-import { a as inputStateError } from "../../../props-DDpgcryb.js";
-import { c as spacingSm, d as spacingXl, s as spacingMd, a as spacingXs } from "../../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { s as spacingSm, e as spacingXl, a as spacingMd, b as spacingXs } from "../../Spacing-B-7SYaM_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -15,11 +16,11 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { a as colorBorderNeutral, c as colorBorderFocus, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../../BorderColor-BummoQ1-.js";
-import { b as borderRadiusMd } from "../../../BorderRadius-ClUShVLu.js";
-import { t as textHeadingXs } from "../../../HeadingSize-CfCRn3Lh.js";
-import { c as colorTextPlaceholder, a as colorTextNeutral } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { a as colorBorderNeutral, c as colorBorderFocus, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-BummoQ1-.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { e as colorTextPlaceholder, a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const TextareaWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextareaWrapperStyled",

package/{esm → dist}/components/Tray/index.js

@@ -1,24 +1,25 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
-import { f as fontWeightBold } from "../../../FontWeight-CR22KTex.js";
-import { a as textHeadingMd } from "../../../HeadingSize-CfCRn3Lh.js";
-import { s as spacingMd, b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
+import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
+import { a as spacingMd, c as spacingNone } from "../../Spacing-B-7SYaM_.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import Flex from "../Flex/index.js";
 import IconButton from "../IconButton/index.js";
-import { v as viewport } from "../../../index-Ck2bCrhT.js";
-import { s as shadow28 } from "../../../shadow-u158mzuN.js";
+import { v as viewport } from "../../index-Ck2bCrhT.js";
+import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { b as colorBackgroundOverlayStatic } from "../../../BackgroundColor-JObp_2xA.js";
-import { a as borderWidthFocus } from "../../../BorderWidth-DfOlyKK7.js";
-import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
-import { a as flexOrientationVertical } from "../../../styled-B7ngqPIu.js";
+import { b as colorBackgroundOverlayStatic } from "../../BackgroundColor-JObp_2xA.js";
+import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
+import { a as flexOrientationVertical } from "../../styled-BWxYFp57.js";
 const TrayOverlayStyled = styled("div").withConfig({
   displayName: "TrayOverlayStyled",
   componentId: "sc-os3mq3-0"

package/{esm → dist}/foundations/GlobalStyle/index.js

@@ -1,6 +1,7 @@
+"use client";
 import { css, createGlobalStyle } from "styled-components";
-import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "../../../styled-B-SHnHIq.js";
-import { c as breakpoint_medium, a as breakpoint_large } from "../../../index-Ck2bCrhT.js";
+import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "../../styled-CN4Pw2Cl.js";
+import { c as breakpoint_medium, a as breakpoint_large } from "../../index-Ck2bCrhT.js";
 const colorVodafoneRed = "colorVodafoneRed";
 const colorVodafoneRedTint = "colorVodafoneRedTint";
 const colorRed = "colorRed";

package/{esm → dist}/foundations/media-query/viewport/index.js

@@ -1,4 +1,4 @@
-import { v, l, m } from "../../../../index-Ck2bCrhT.js";
+import { v, l, m } from "../../../index-Ck2bCrhT.js";
 export {
   v as default,
   l as largeMediaQuery,

package/{esm → dist}/foundations/token/getBackgroundColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getBackgroundColor = (color) => getCssVar(color);
 export {
   getBackgroundColor

package/{esm → dist}/foundations/token/getBodySize/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const bodySizes = {
   md: {
     fontSize: getCssVar("bodyMdFontSize"),

package/{esm → dist}/foundations/token/getBorderColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getBorderColor = (color) => getCssVar(color);
 export {
   getBorderColor

package/{esm → dist}/foundations/token/getBorderRadius/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const baseBorderRadius0 = "borderRadius0";
 const baseBorderRadius3 = "borderRadius3";
 const baseBorderRadius6 = "borderRadius6";

package/{esm → dist}/foundations/token/getBorderWidth/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const baseBorderWidth0 = "borderWidth0";
 const baseBorderWidth1 = "borderWidth1";
 const baseBorderWidth2 = "borderWidth2";

package/{esm → dist}/foundations/token/getFontWeight/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const baseWeight300 = "fontWeightLight";
 const baseWeight400 = "fontWeightRegular";
 const baseWeight700 = "fontWeightBold";

package/{esm → dist}/foundations/token/getHeadingSize/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const headingSizes = {
   xl: {
     fontSize: getCssVar("headingXlFontSize"),

package/{esm → dist}/foundations/token/getHoverColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getHoverColor = (color) => {
   return getCssVar(`${color}Hover`);
 };

package/{esm → dist}/foundations/token/getIconColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getIconColor = (color) => getCssVar(color);
 export {
   getIconColor

package/{esm → dist}/foundations/token/getObjectColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getObjectColor = (color) => getCssVar(color);
 export {
   getObjectColor

package/{esm → dist}/foundations/token/getOpacity/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const baseOpacity60 = "opacity60";
 const baseOpacity38 = "opacity38";
 const opacities = {

package/{esm → dist}/foundations/token/getPressColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getPressColor = (color) => {
   return getCssVar(`${color}Press`);
 };

package/{esm → dist}/foundations/token/getSpacing/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getSpacing = (spacing) => getCssVar(`spacing${spacing}`);
 export {
   getSpacing

package/{esm → dist}/foundations/token/getTextColor/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const getTextColor = (color) => getCssVar(color);
 export {
   getTextColor

package/{esm → dist}/foundations/token/getTextDecoration/index.js

@@ -1,4 +1,4 @@
-import { g as getCssVar } from "../../../../getCssVar-BP6T9pFM.js";
+import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
 const baseTextDecorationNone = "textDecorationNone";
 const baseTextDecorationUnderline = "textDecorationUnderline";
 const baseTextDecorationStrikethrough = "textDecorationStrikethrough";

package/{esm → dist}/hooks/useViewport/index.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { l as largeMediaQuery, m as mediumMediaQuery } from "../../../index-Ck2bCrhT.js";
+import { l as largeMediaQuery, m as mediumMediaQuery } from "../../index-Ck2bCrhT.js";
 import { useMediaQuery } from "../useMediaQuery/index.js";
 const viewportSm = "sm";
 const viewportMd = "md";

package/{esm → dist}/icons/index.js

@@ -1,4 +1,4 @@
-import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bS, bT, bU, bV, bW, bX, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, ca, cb, cc, cd, ce, cf, cg, ch, ci, cj, ck, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, cx, cy, cz, cA, cB, cC, cD, cE, cF, cG, cH, cI, cJ, cK, cL, cM, cN, cO, cP, cQ, cR, cS, cT, cU, cV, cW, cX, cY, cZ, c_, c$, d0, d1, d2, d3, d4, d5, d6, d7, d8, d9, da, db, dc, dd, de, df, dg, dh, di, dj, dk, dl, dm, dn, dp, dq, dr, ds, dt, du, dv, dw, dx, dy, dz, dA, dB, dC, dD, dE, dF, dG, dH, dI, dJ, dK, dL, dM, dN, dO, dP, dQ, dR, dS, dT, dU, dV, dW, dX, dY, dZ, d_, d$, e0, e1, e2, e3, e4, e5, e6, e7, e8, e9, ea, eb, ec, ed, ee, ef, eg, eh, ei, ej, ek, el, em, en, eo, ep, eq, er, es, et, eu, ev, ew, ex, ey, ez, eA, eB, eC, eD, eE, eF, eG, eH, eI, eJ, eK, eL, eM, eN, eO, eP, eQ, eR, eS, eT, eU, eV, eW, eX, eY, eZ, e_, e$, f0, f1, f2, f3, f4, f5, f6, f7, f8, f9, fa, fb, fc, fd, fe, ff, fg, fh, fi, fj, fk, fl, fm, fn, fo, fp, fq, fr, fs, ft, fu, fv, fw, fx, fy, fz, fA, fB, fC, fD, fE, fF, fG, fH, fI, fJ, fK, fL, fM, fN, fO, fP, fQ, fR, fS, fT, fU, fV, fW, fX, fY, fZ, f_, f$, g0, g1, g2, g3, g4, g5, g6, g7, g8, g9, ga, gb, gc, gd, ge, gf, gg, gh, gi, gj, gk, gl, gm, gn, go, gp, gq, gr, gs, gt, gu, gv, gw, gx, gy, gz, gA, gB, gC, gD, gE, gF, gG, gH, gI, gJ, gK, gL, gM, gN, gO, gP, gQ, gR, gS, gT, gU, gV, gW, gX, gY, gZ, g_, g$, h0, h1, h2, h3, h4, h5, h6, h7, h8, h9, ha, hb, hc, hd, he, hf, hg, hh, hi, hj, hk, hl, hm, hn, ho, hp, hq, hr, hs, ht, hu, hv, hw, hx, hy, hz, hA, hB, hC, hD, hE, hF, hG, hH, hI, hJ, hK, hL, hM, hN, hO, hP, hQ, hR, hS, hT, hU, hV, hW, hX, hY, hZ, h_, h$, i0, i1, i2, i3, i4, i5, i6, i7, i8, i9, ia, ib, ic, id, ie, ig, ih, ii, ij, ik, il, im, io, ip, iq, ir, is, it, iu, iv, iw, ix, iy, iz, iA } from "../../index-Cbojl4_Q.js";
+import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2, b3, b4, b5, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi, bj, bk, bl, bm, bn, bo, bp, bq, br, bs, bt, bu, bv, bw, bx, by, bz, bA, bB, bC, bD, bE, bF, bG, bH, bI, bJ, bK, bL, bM, bN, bO, bP, bQ, bR, bS, bT, bU, bV, bW, bX, bY, bZ, b_, b$, c0, c1, c2, c3, c4, c5, c6, c7, c8, c9, ca, cb, cc, cd, ce, cf, cg, ch, ci, cj, ck, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, cx, cy, cz, cA, cB, cC, cD, cE, cF, cG, cH, cI, cJ, cK, cL, cM, cN, cO, cP, cQ, cR, cS, cT, cU, cV, cW, cX, cY, cZ, c_, c$, d0, d1, d2, d3, d4, d5, d6, d7, d8, d9, da, db, dc, dd, de, df, dg, dh, di, dj, dk, dl, dm, dn, dp, dq, dr, ds, dt, du, dv, dw, dx, dy, dz, dA, dB, dC, dD, dE, dF, dG, dH, dI, dJ, dK, dL, dM, dN, dO, dP, dQ, dR, dS, dT, dU, dV, dW, dX, dY, dZ, d_, d$, e0, e1, e2, e3, e4, e5, e6, e7, e8, e9, ea, eb, ec, ed, ee, ef, eg, eh, ei, ej, ek, el, em, en, eo, ep, eq, er, es, et, eu, ev, ew, ex, ey, ez, eA, eB, eC, eD, eE, eF, eG, eH, eI, eJ, eK, eL, eM, eN, eO, eP, eQ, eR, eS, eT, eU, eV, eW, eX, eY, eZ, e_, e$, f0, f1, f2, f3, f4, f5, f6, f7, f8, f9, fa, fb, fc, fd, fe, ff, fg, fh, fi, fj, fk, fl, fm, fn, fo, fp, fq, fr, fs, ft, fu, fv, fw, fx, fy, fz, fA, fB, fC, fD, fE, fF, fG, fH, fI, fJ, fK, fL, fM, fN, fO, fP, fQ, fR, fS, fT, fU, fV, fW, fX, fY, fZ, f_, f$, g0, g1, g2, g3, g4, g5, g6, g7, g8, g9, ga, gb, gc, gd, ge, gf, gg, gh, gi, gj, gk, gl, gm, gn, go, gp, gq, gr, gs, gt, gu, gv, gw, gx, gy, gz, gA, gB, gC, gD, gE, gF, gG, gH, gI, gJ, gK, gL, gM, gN, gO, gP, gQ, gR, gS, gT, gU, gV, gW, gX, gY, gZ, g_, g$, h0, h1, h2, h3, h4, h5, h6, h7, h8, h9, ha, hb, hc, hd, he, hf, hg, hh, hi, hj, hk, hl, hm, hn, ho, hp, hq, hr, hs, ht, hu, hv, hw, hx, hy, hz, hA, hB, hC, hD, hE, hF, hG, hH, hI, hJ, hK, hL, hM, hN, hO, hP, hQ, hR, hS, hT, hU, hV, hW, hX, hY, hZ, h_, h$, i0, i1, i2, i3, i4, i5, i6, i7, i8, i9, ia, ib, ic, id, ie, ig, ih, ii, ij, ik, il, im, io, ip, iq, ir, is, it, iu, iv, iw, ix, iy, iz, iA } from "../index-Cbojl4_Q.js";
 export {
   A as AbTestIcon,
   a as Above28Icon,

package/{index-DXcRBKzd.js → dist/index-DE9iZx_0.js}

@@ -1,20 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { df as IconLoader, ix as iconSizeXs, iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { a as spacingXs, e as spacing2Xs, c as spacingSm, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
+import { b as spacingXs, d as spacing2Xs, s as spacingSm, a as spacingMd } from "./Spacing-B-7SYaM_.js";
 import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import forcedColors from "./esm/foundations/media-query/forcedColors/index.js";
-import { getBodySize } from "./esm/foundations/token/getBodySize/index.js";
-import { getBorderRadius } from "./esm/foundations/token/getBorderRadius/index.js";
-import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
-import { getObjectColor } from "./esm/foundations/token/getObjectColor/index.js";
-import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
 import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
-import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { b as getForegroundColor } from "./colorUtils-BYlfVHXJ.js";
+import { t as textBodySm, a as textBodyMd } from "./TextBodySize-ovWXXu9n.js";
+import { g as getForegroundColor } from "./colorUtils-uLZF5UIN.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
 import { e as colorObjectSuccess, f as colorObjectNeutral, g as colorObjectAccent, c as colorObjectBrand } from "./ObjectColor-BZDBuV8H.js";
 const BadgeAppearanceColor = {

package/{index-CgzBmq4n.js → dist/index-DH6pW0wc.js}

@@ -2,15 +2,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { S as ScreenreaderOnly } from "./index-DQhtQZ85.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
-import { getHeadingSize } from "./esm/foundations/token/getHeadingSize/index.js";
-import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
-import { getTextColor } from "./esm/foundations/token/getTextColor/index.js";
-import { getTextDecoration } from "./esm/foundations/token/getTextDecoration/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
-import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
-import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
+import { a as spacingMd, c as spacingNone, b as spacingXs } from "./Spacing-B-7SYaM_.js";
+import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-BXiR5Uq9.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
 const priceOrientationHorizontal = "horizontal";
 const priceOrientationVertical = "vertical";

package/{index-D3VTZbkv.js → dist/index-DPQJSCi7.js}

@@ -1,20 +1,20 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import parse, { Element, domToReact } from "html-react-parser";
-import Body from "./esm/components/Body/index.js";
-import FootnoteLink from "./esm/components/FootnoteLink/index.js";
-import Heading from "./esm/components/Heading/index.js";
-import InlineLink from "./esm/components/InlineLink/index.js";
+import Body from "./components/Body/index.js";
+import FootnoteLink from "./components/FootnoteLink/index.js";
+import Heading from "./components/Heading/index.js";
+import InlineLink from "./components/InlineLink/index.js";
 import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-DI6H1biK.js";
-import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
+import { a as spacingMd, c as spacingNone } from "./Spacing-B-7SYaM_.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { getBodySize } from "./esm/foundations/token/getBodySize/index.js";
-import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
-import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
-import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { t as textBodySm, a as textBodyMd } from "./TextBodySize-ovWXXu9n.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
 import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
 import { v4 } from "uuid";

package/{index-BjJ1C1T5.js → dist/index-DRQqmPiC.js}

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-QeNVrhQW.js";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-DBibvE8t.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { getBodySize } from "./esm/foundations/token/getBodySize/index.js";
-import { getBorderRadius } from "./esm/foundations/token/getBorderRadius/index.js";
-import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
-import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
 import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
-import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
-import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { b as spacingXs, e as spacingXl, c as spacingNone, a as spacingMd } from "./Spacing-B-7SYaM_.js";
+import { a as textBodyMd } from "./TextBodySize-ovWXXu9n.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
 const getButtonIcon = (icon) => {
   if (!icon || !icon.name) {

package/{index-RUfLpIPk.js → dist/index-DauKVKW_.js}

@@ -1,21 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { c as ButtonIconStyled } from "./styled-QeNVrhQW.js";
+import { c as ButtonIconStyled } from "./styled-DBibvE8t.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
-import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { a as spacingMd, c as spacingNone, b as spacingXs } from "./Spacing-B-7SYaM_.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
-import forcedColors from "./esm/foundations/media-query/forcedColors/index.js";
-import { getBodySize } from "./esm/foundations/token/getBodySize/index.js";
-import { getBorderColor } from "./esm/foundations/token/getBorderColor/index.js";
-import { getBorderWidth } from "./esm/foundations/token/getBorderWidth/index.js";
-import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
-import { getTextColor } from "./esm/foundations/token/getTextColor/index.js";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus } from "./BorderColor-BummoQ1-.js";
-import { a as borderWidthFocus } from "./BorderWidth-DfOlyKK7.js";
-import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { f as colorTextBrand } from "./TextColor-DsntmDNw.js";
+import { a as borderWidthFocus } from "./BorderWidth-eg_mz82k.js";
+import { a as textBodyMd } from "./TextBodySize-ovWXXu9n.js";
+import { f as colorTextBrand } from "./TextColor-BXiR5Uq9.js";
 const getLinkIcon = (icon) => /* @__PURE__ */ jsx(ButtonIconStyled, { name: icon.name, iconPosition: icon.position, size: iconSizeSm });
 const linkBaseCssObject = {
   ...forcedColors({