@vodafone_de/brix-components 3.1.8 → 3.1.9

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

@@ -1,16 +1,17 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import FootnoteLink from "../FootnoteLink/index.js";
-import { a as spacingXs, c as spacingSm, s as spacingMd, f as spacingLg, d as spacingXl } from "../../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { b as spacingXs, s as spacingSm, a as spacingMd, f as spacingLg, e as spacingXl } from "../../Spacing-B-7SYaM_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../../tags-DI6H1biK.js";
+import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../tags-DI6H1biK.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 { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { f as fontWeightBold, a as fontWeightLight } from "../../../FontWeight-CR22KTex.js";
-import { a as colorTextNeutral } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { f as fontWeightBold, a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
+import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";
 const mapHeadingSizeToFontWeight = {

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

@@ -1,9 +1,10 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
-import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+import { a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const IconStyled = styled.img.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "IconStyled",

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

@@ -1,5 +1,6 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
-import { df as IconLoader } from "../../../index-Cbojl4_Q.js";
+import { df as IconLoader } from "../../index-Cbojl4_Q.js";
 import HifiIcon from "../HifiIcon/index.js";
 const iconSize5xl = "iconSize5xl";
 const iconSize6xl = "iconSize6xl";

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

@@ -1,20 +1,21 @@
+"use client";
 import { jsx } 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 styled from "styled-components";
-import { s as shadow28 } from "../../../shadow-u158mzuN.js";
+import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 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 { b as borderRadiusMd, c as borderRadiusFull } from "../../../BorderRadius-ClUShVLu.js";
-import { d as borderWidthSelected } from "../../../BorderWidth-DfOlyKK7.js";
-import { a as opacityDisabled } from "../../../Opacity-smkGiwsf.js";
-import { a as spacingXs, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../../styled-QeNVrhQW.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
-import { g as getCssVar } from "../../../getCssVar-BP6T9pFM.js";
+import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { b as spacingXs, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-DBibvE8t.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const iconButtonShapeSquare = "square";
 const iconButtonShapeCircle = "circle";
 const IconButtonStyled = styled.button.withConfig({

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

@@ -1,16 +1,17 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { df as IconLoader, iu as iconSizeMd, io as iconSize2xl } from "../../../index-Cbojl4_Q.js";
+import { df as IconLoader, iu as iconSizeMd, io as iconSize2xl } from "../../index-Cbojl4_Q.js";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { R as RichText } from "../../../index-D3VTZbkv.js";
-import { d as divTagName } from "../../../tags-DI6H1biK.js";
-import { a as spacingXs, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
+import { R as RichText } from "../../index-DPQJSCi7.js";
+import { d as divTagName } from "../../tags-DI6H1biK.js";
+import { b as spacingXs, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
 import Link from "../Link/index.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const iconSnippetSizeSmall = "small";
 const iconSnippetSizeLarge = "large";
 const iconSnippetPositionLeft = "left";

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

@@ -1,9 +1,10 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { u as ulTagName, l as liTagName } from "../../../tags-DI6H1biK.js";
-import { b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
+import { u as ulTagName, l as liTagName } from "../../tags-DI6H1biK.js";
+import { c as spacingNone } from "../../Spacing-B-7SYaM_.js";
 const IconSnippetList = ({
   component: _component,
   items,

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

@@ -1,10 +1,11 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { b as borderRadiusMd, a as borderRadiusNone } from "../../../BorderRadius-ClUShVLu.js";
-import { c as cornerStraight } from "../../../CornerStyle-JEbGNArR.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
+import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const objectFitContain = "contain";
 const objectFitCover = "cover";
 const objectFitNone = "none";

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

@@ -1,26 +1,27 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Body from "../Body/index.js";
-import { a as fontWeightLight } from "../../../FontWeight-CR22KTex.js";
-import { s as spacingMd, c as spacingSm, d as spacingXl, a as spacingXs, e as spacing2Xs, b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
-import { m as mediumSize } from "../../../SizeTypes-Ck_RdzIf.js";
-import { g as getUid, R as RichText } from "../../../index-D3VTZbkv.js";
+import { a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
+import { a as spacingMd, s as spacingSm, e as spacingXl, b as spacingXs, d as spacing2Xs, c as spacingNone } from "../../Spacing-B-7SYaM_.js";
+import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
+import { g as getUid, R as RichText } from "../../index-DPQJSCi7.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../../index-CgzBmq4n.js";
+import { P as Price, b as priceSizeSm } from "../../index-DH6pW0wc.js";
 import styled from "styled-components";
-import { B as Badge } from "../../../index-DXcRBKzd.js";
+import { B as Badge } from "../../index-DE9iZx_0.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import ResponsiveImage from "../ResponsiveImage/index.js";
-import { v as viewport } from "../../../index-Ck2bCrhT.js";
+import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as colorBackgroundOverlay } from "../../../BackgroundColor-JObp_2xA.js";
-import { t as textBodyMd } from "../../../TextBodySize-BcZR9mh2.js";
-import { a as flexOrientationVertical } from "../../../styled-B7ngqPIu.js";
+import { a as colorBackgroundOverlay } from "../../BackgroundColor-JObp_2xA.js";
+import { a as textBodyMd } from "../../TextBodySize-ovWXXu9n.js";
+import { a as flexOrientationVertical } from "../../styled-BWxYFp57.js";
 const imageHeaderVariantFull = "full";
 const imageHeaderVariantSplit = "split";
 const imageHeaderPositionRight = "right";

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

@@ -1,14 +1,15 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 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 { getBorderWidth } from "../../foundations/token/getBorderWidth/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 { a as colorTextNeutral, f as colorTextBrand } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
+import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const hover = {
   textDecoration: "none",
   color: getTextColor(colorTextBrand)

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

@@ -1,14 +1,15 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 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 { 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 { i } from "../../../props-DDpgcryb.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../../styled-VjTKXjli.js";
+import { a as spacingMd, b as spacingXs } from "../../Spacing-B-7SYaM_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { i } from "../../props-DDpgcryb.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-G3ZpnzDF.js";
 const Input = forwardRef(({
   uid,
   status,

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

@@ -1,9 +1,10 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const LabelStyled = styled.label.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "LabelStyled",

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

@@ -1,8 +1,9 @@
+"use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet, { iconSnippetAlignCenter } from "../IconSnippet/index.js";
-import { R as RichText } from "../../../index-D3VTZbkv.js";
+import { R as RichText } from "../../index-DPQJSCi7.js";
 import styled from "styled-components";
 const LegendStyled = styled.legend.withConfig({
   displayName: "LegendStyled",

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

@@ -1,6 +1,7 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../../index-RUfLpIPk.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-DauKVKW_.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 const isLinkAsButtonProp = (props) => {
   return props.href === void 0;
 };

package/dist/components/LinkAsButton/index.js

@@ -0,0 +1,7 @@
+"use client";
+import "react/jsx-runtime";
+import { L } from "../../index-DauKVKW_.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+export {
+  L as default
+};

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

@@ -1,6 +1,7 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
-import { u as ulTagName, l as liTagName } from "../../../tags-DI6H1biK.js";
-import { s as spacingMd, b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
+import { u as ulTagName, l as liTagName } from "../../tags-DI6H1biK.js";
+import { a as spacingMd, c as spacingNone } from "../../Spacing-B-7SYaM_.js";
 import LinkListItem, { linkListItemVariantVertical, linkListItemVariantHorizontal } from "../LinkListItem/index.js";
 import styled from "styled-components";
 import Grid from "../Grid/index.js";

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

@@ -1,13 +1,14 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { iu as iconSizeMd, df as IconLoader } from "../../../index-Cbojl4_Q.js";
-import { s as spanTagName } from "../../../tags-DI6H1biK.js";
-import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
-import { s as smallSize } from "../../../SizeTypes-Ck_RdzIf.js";
-import { B as Badge } from "../../../index-DXcRBKzd.js";
+import { iu as iconSizeMd, df as IconLoader } from "../../index-Cbojl4_Q.js";
+import { s as spanTagName } from "../../tags-DI6H1biK.js";
+import { a as spacingMd, b as spacingXs, c as spacingNone } from "../../Spacing-B-7SYaM_.js";
+import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
+import { B as Badge } from "../../index-DE9iZx_0.js";
 import Body from "../Body/index.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";
@@ -17,16 +18,16 @@ import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { c as colorBorderFocus, j as colorBorderSubtle } from "../../../BorderColor-BummoQ1-.js";
-import { b as borderRadiusMd, a as borderRadiusNone } from "../../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus, c as borderWidthSm } from "../../../BorderWidth-DfOlyKK7.js";
-import { t as textHeadingXs } from "../../../HeadingSize-CfCRn3Lh.js";
-import { b as colorIconBrand } from "../../../IconColor-CtC9WUgr.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBorderFocus, j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
+import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_mz82k.js";
+import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { b as colorIconBrand } from "../../IconColor-CtC9WUgr.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import Card from "../Card/index.js";
 import Icon from "../Icon/index.js";
-import { C as CardAppearanceColor } from "../../../styled-BOWAXJ4T.js";
+import { C as CardAppearanceColor } from "../../styled-D4n7rxyh.js";
 const linkListItemVariantVertical = "vertical";
 const linkListItemVariantHorizontal = "horizontal";
 const focusStyles = {

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

@@ -1,8 +1,9 @@
+"use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { createPortal } from "react-dom";
-import { S as ScreenreaderOnly } from "../../../index-DQhtQZ85.js";
-import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../../styled-B-SHnHIq.js";
+import { S as ScreenreaderOnly } from "../../index-DQhtQZ85.js";
+import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-CN4Pw2Cl.js";
 const LoadingSpinnerSVG = ({
   size = "lg",
   ...props

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

@@ -1,16 +1,17 @@
+"use client";
 import { jsxs, jsx } 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 Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../../index-D3VTZbkv.js";
+import { R as RichText } from "../../index-DPQJSCi7.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
-import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../../BorderColor-BummoQ1-.js";
-import { h as colorObjectCritical, i as colorObjectWarning, e as colorObjectSuccess, j as colorObjectInformation } from "../../../ObjectColor-BZDBuV8H.js";
+import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-BummoQ1-.js";
+import { h as colorObjectCritical, i as colorObjectWarning, e as colorObjectSuccess, j as colorObjectInformation } from "../../ObjectColor-BZDBuV8H.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
@@ -19,12 +20,12 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { c as colorBackgroundNeutral } from "../../../BackgroundColor-JObp_2xA.js";
-import { b as borderRadiusMd } from "../../../BorderRadius-ClUShVLu.js";
-import { g as borderWidthMd } from "../../../BorderWidth-DfOlyKK7.js";
-import { d as colorIconInverse } from "../../../IconColor-CtC9WUgr.js";
-import { s as spacingMd, c as spacingSm } from "../../../Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBackgroundNeutral } from "../../BackgroundColor-JObp_2xA.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { g as borderWidthMd } from "../../BorderWidth-eg_mz82k.js";
+import { d as colorIconInverse } from "../../IconColor-CtC9WUgr.js";
+import { a as spacingMd, s as spacingSm } from "../../Spacing-B-7SYaM_.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const notificationStatusVariants = {
   info: {
     borderColor: getBorderColor(colorBorderInformation),

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

@@ -1,8 +1,9 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
-import { b as colorBackgroundOverlayStatic } from "../../../BackgroundColor-JObp_2xA.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { b as colorBackgroundOverlayStatic } from "../../BackgroundColor-JObp_2xA.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const overlayAppearancePrimary = "primary";
 const overlayAppearanceSecondary = "secondary";
 const OverlayStyled = styled.div.withConfig({

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

@@ -1,18 +1,19 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Fieldset from "../Fieldset/index.js";
-import { a as inputStateError } from "../../../props-DDpgcryb.js";
-import { e as spacing2Xs, s as spacingMd, c as spacingSm, b as spacingNone } from "../../../Spacing-D0HQH9YJ.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { d as spacing2Xs, a as spacingMd, s as spacingSm, c as spacingNone } from "../../Spacing-B-7SYaM_.js";
 import { useState, useEffect } from "react";
 import Grid from "../Grid/index.js";
-import { df as IconLoader, iu as iconSizeMd } from "../../../index-Cbojl4_Q.js";
-import { B as Badge } from "../../../index-DXcRBKzd.js";
+import { df as IconLoader, iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
+import { B as Badge } from "../../index-DE9iZx_0.js";
 import ColorSwatch from "../ColorSwatch/index.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
-import { v as viewport } from "../../../index-Ck2bCrhT.js";
+import { v as viewport } from "../../index-Ck2bCrhT.js";
 import GridItem from "../GridItem/index.js";
-import { s as screenreaderOnly } from "../../../index-DQhtQZ85.js";
+import { s as screenreaderOnly } from "../../index-DQhtQZ85.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
@@ -23,17 +24,17 @@ import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/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 { b as borderRadiusMd } from "../../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus, d as borderWidthSelected } from "../../../BorderWidth-DfOlyKK7.js";
-import { b as fontWeightRegular, f as fontWeightBold } from "../../../FontWeight-CR22KTex.js";
-import { o as opacityOverlay } from "../../../Opacity-smkGiwsf.js";
-import { a as colorTextNeutral } from "../../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBackgroundNeutral } from "../../BackgroundColor-JObp_2xA.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderWidthFocus, c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
+import { b as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
+import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
-import { t as textHeadingXs } from "../../../HeadingSize-CfCRn3Lh.js";
+import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
-import { t as textBodyMd } from "../../../TextBodySize-BcZR9mh2.js";
+import { a as textBodyMd } from "../../TextBodySize-ovWXXu9n.js";
 const PickerElementIconStyled = styled(IconLoader).withConfig({
   displayName: "PickerElementIconStyled",
   componentId: "sc-sucu78-0"

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

@@ -1,7 +1,8 @@
+"use client";
 import "react/jsx-runtime";
-import "../../../index-DQhtQZ85.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { c, P, i, g, f, h, p, a, e, d, b } from "../../../index-CgzBmq4n.js";
+import "../../index-DQhtQZ85.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-DH6pW0wc.js";
 export {
   c as createScreenReaderText,
   P as default,

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

@@ -1,15 +1,16 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { it as iconSizeLg } from "../../../index-Cbojl4_Q.js";
+import { it as iconSizeLg } from "../../index-Cbojl4_Q.js";
 import Image, { aspectRatio1_1 } from "../Image/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 { B as Badge } from "../../../index-DXcRBKzd.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 { B as Badge } from "../../index-DE9iZx_0.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../../index-CgzBmq4n.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DH6pW0wc.js";
 import styled from "styled-components";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import Card from "../Card/index.js";

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

@@ -1,9 +1,10 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
 import Fieldset from "../Fieldset/index.js";
 import Flex from "../Flex/index.js";
-import { a as inputStateError } from "../../../props-DDpgcryb.js";
-import { a as spacingXs, b as spacingNone, c as spacingSm } from "../../../Spacing-D0HQH9YJ.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { b as spacingXs, c as spacingNone, s as spacingSm } from "../../Spacing-B-7SYaM_.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -13,12 +14,12 @@ import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.j
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
-import { c as colorBorderFocus, e as colorBorderCritical, i as colorBorderSelected, b as colorBorderUnselected } from "../../../BorderColor-BummoQ1-.js";
-import { c as borderRadiusFull } from "../../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus } from "../../../BorderWidth-DfOlyKK7.js";
-import { b as colorObjectSelected, a as colorObjectInverse } from "../../../ObjectColor-BZDBuV8H.js";
-import { a as opacityDisabled } from "../../../Opacity-smkGiwsf.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { c as colorBorderFocus, e as colorBorderCritical, i as colorBorderSelected, b as colorBorderUnselected } from "../../BorderColor-BummoQ1-.js";
+import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
+import { b as colorObjectSelected, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const RadioContainer = styled(Flex).withConfig({
   shouldForwardProp: filterProps(["disabled"]),
   displayName: "RadioContainer",

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

@@ -1,11 +1,12 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { v as viewport, a as breakpoint_large, c as breakpoint_medium } from "../../../index-Ck2bCrhT.js";
-import { s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
+import { v as viewport, a as breakpoint_large, c as breakpoint_medium } from "../../index-Ck2bCrhT.js";
+import { a as spacingMd } from "../../Spacing-B-7SYaM_.js";
 import styled from "styled-components";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { b as borderRadiusMd, a as borderRadiusNone } from "../../../BorderRadius-ClUShVLu.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const ResponsiveImagePictureStyled = styled.picture.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "ResponsiveImagePictureStyled",

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

@@ -1,6 +1,7 @@
+"use client";
 import "react/jsx-runtime";
 import "react";
-import { R } from "../../../index-D3VTZbkv.js";
+import { R } from "../../index-DPQJSCi7.js";
 export {
   R as default
 };

package/dist/components/ScreenreaderOnly/index.js

@@ -0,0 +1,6 @@
+"use client";
+import "react/jsx-runtime";
+import { S } from "../../index-DQhtQZ85.js";
+export {
+  S as default
+};

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

@@ -1,16 +1,17 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { bn as CloseIcon, iv as iconSizeSm } from "../../../index-Cbojl4_Q.js";
+import { bn as CloseIcon, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
 import { forwardRef, useState, useRef, useImperativeHandle } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
-import { b as spacingNone, s as spacingMd } from "../../../Spacing-D0HQH9YJ.js";
-import { p as primaryAppearance } from "../../../styled-QeNVrhQW.js";
-import { r as renderInlineRichTextFromOpenText } from "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { c as spacingNone, a as spacingMd } from "../../Spacing-B-7SYaM_.js";
+import { p as primaryAppearance } from "../../styled-DBibvE8t.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Form from "../Form/index.js";
 import styled from "styled-components";
-import { I as InputWrapperStyled, a as InputStyled } from "../../../styled-VjTKXjli.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-G3ZpnzDF.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { f as filterProps } from "../../../filterProps-Cewck8OH.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const SearchInputButtonWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "SearchInputButtonWrapperStyled",