@vodafone_de/brix-components 7.1.10 → 7.1.11

package/dist/{TableHead-C2zQ4jce.js → TableHead-ogeZ901P.js}

@@ -75,6 +75,13 @@ const TableCellStyled = styled.td.withConfig({
     fontWeight: getFontWeight(fontWeightBold)
   }
 }));
+const TableContext = createContext({});
+const TableProvider = ({
+  columns,
+  children
+}) => /* @__PURE__ */ jsx(TableContext.Provider, { value: {
+  columns
+}, children });
 const TableCell = ({
   children,
   align = "left",
@@ -85,13 +92,6 @@ const TableCell = ({
 }) => {
   return /* @__PURE__ */ jsx(TableCellStyled, { as, align, colSpan, scope, ...rest, children });
 };
-const TableContext = createContext({});
-const TableProvider = ({
-  columns,
-  children
-}) => /* @__PURE__ */ jsx(TableContext.Provider, { value: {
-  columns
-}, children });
 const TableBody = ({
   rows,
   sideHeader
@@ -121,11 +121,11 @@ const TableHead = ({
 };
 TableHead.displayName = "TableHead";
 export {
-  TableHead as T,
-  TableBody as a,
-  TableFoot as b,
-  TableCell as c,
-  TableContext as d,
+  TableBody as T,
+  TableCell as a,
+  TableContext as b,
+  TableFoot as c,
+  TableHead as d,
   TableProvider as e,
   TableWrapperDiv as f,
   TableStyled as g

package/dist/{TableWrapper-C8SpplcL.js → TableWrapper-Og83COGw.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Children, isValidElement } from "react";
-import { e as TableProvider, f as TableWrapperDiv, g as TableStyled } from "./TableHead-C2zQ4jce.js";
+import { e as TableProvider, f as TableWrapperDiv, g as TableStyled } from "./TableHead-ogeZ901P.js";
 const allowedTypes = ["TableHead", "TableBody", "TableFoot"];
 const TableWrapper = ({
   children,

package/dist/components/Badge/index.js

@@ -1,13 +1,14 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { F as FootnoteLink } from "../../index-UJLGt4uV.js";
 import { b as iconNames, I as IconLoader } from "../../index-C3dW-7e_.js";
 import { a as iconSizeXs, b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-B1bxWqtW.js";
 import { s as smallSize, m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { p as primaryBadgeAppearance, s as secondaryBadgeAppearance, t as tertiaryBadgeAppearance, a as successBadgeAppearance, b as BadgeStyled } from "../../styled-BBO2jrba.js";
-import { B } from "../../styled-BBO2jrba.js";
+import { p as primaryBadgeAppearance, s as secondaryBadgeAppearance, t as tertiaryBadgeAppearance, a as successBadgeAppearance, b as BadgeStyled } from "../../styled-CIwf9Ebu.js";
+import { B } from "../../styled-CIwf9Ebu.js";
 const badgeAppearances = [primaryBadgeAppearance, secondaryBadgeAppearance, tertiaryBadgeAppearance, successBadgeAppearance];
 const badgeSizes = [smallSize, mediumSize];
 const validateBadgeProps = (props) => {
@@ -37,11 +38,14 @@ const isBadgeProps = (props) => {
 };
 const Badge = ({
   children,
+  icon,
+  footnote,
   bottomSpacing = spacingMd,
   ...props
 }) => /* @__PURE__ */ jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
-  props.icon ? /* @__PURE__ */ jsx(IconLoader, { name: props.icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
-  renderInlineRichTextFromOpenText(children)
+  icon ? /* @__PURE__ */ jsx(IconLoader, { name: icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
+  renderInlineRichTextFromOpenText(children),
+  footnote && /* @__PURE__ */ jsx(FootnoteLink, { ...footnote })
 ] });
 export {
   B as BadgeAppearanceColor,

package/dist/components/Badge/props.d.ts

@@ -1,8 +1,9 @@
 import { IconName } from '@vfde-react/inline-icon-library/IconName';
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
 import { ObjectColor } from '../../foundations/types/ObjectColor';
 import { mediumSize, smallSize } from '../../foundations/types/SizeTypes';
+import { FootnoteLinkProps } from '../FootnoteLink';
 export declare const primaryBadgeAppearance = "primary";
 export declare const secondaryBadgeAppearance = "secondary";
 export declare const tertiaryBadgeAppearance = "tertiary";
@@ -28,7 +29,11 @@ export interface BadgeProps extends PatternProps, HTMLAttributes<HTMLSpanElement
      */
     icon?: IconName;
     /**
-     * Children are mandatory and must be a string
+     * Children are mandatory
      */
-    children: string;
+    children: ReactNode;
+    /**
+     * add a footnote next the badge
+     */
+    footnote?: FootnoteLinkProps;
 }

package/dist/components/Body/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import FootnoteLink from "../FootnoteLink/index.js";
+import { F as FootnoteLink } from "../../index-UJLGt4uV.js";
 import { c as spacingSm, a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { t as textBodyMd, a as textBodySm } from "../../TextBodySize-BcZR9mh2.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/Button/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../index-CHzok6W_.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-Cv2XdnwK.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { B as ButtonStyled } from "../../styled-Dgv3RBlg.js";
 const buttonFullWidth = "full";

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B } from "../../index-CHzok6W_.js";
+import { B } from "../../index-Cv2XdnwK.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-BWnAPYBL.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/Carousel/index.js

@@ -18,7 +18,7 @@ import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
 import { a as colorObjectBrand, g as colorObjectUnselected } from "../../ObjectColor-0RAzLGI5.js";
 import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 import IconButton from "../IconButton/index.js";
-import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
+import { S as ScreenreaderOnly } from "../../index-DSF1zGyd.js";
 const getItems = (items, loop) => {
   const normalizedItems = [...items].map((item, index) => ({
     ...item,

package/dist/components/DateInput/index.js

@@ -83,6 +83,7 @@ const DateInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+DateInput.displayName = "DateInput";
 export {
   DateInput as default
 };

package/dist/components/Dialog/index.js

@@ -96,7 +96,9 @@ const Dialog = ({
     size: textHeadingMd,
     weight: fontWeightBold,
     uid: headingId,
-    bottomSpacing: spacingNone
+    id: headingId,
+    bottomSpacing: spacingNone,
+    tabIndex: focusElementOnOpen ? void 0 : -1
   };
   const closeWithEscape = (event) => {
     if (event.key !== "Escape") return;
@@ -141,16 +143,16 @@ const Dialog = ({
     };
   }, []);
   useEffect(() => {
-    var _a;
+    var _a, _b;
     if (open) {
       updateElements(true);
-      focusElementOnOpen && ((_a = document.getElementById(focusElementOnOpen)) == null ? void 0 : _a.focus());
+      focusElementOnOpen ? (_a = document.getElementById(focusElementOnOpen)) == null ? void 0 : _a.focus() : (_b = document.getElementById(headingId)) == null ? void 0 : _b.focus();
       dismissable && document.addEventListener("keydown", closeWithEscape);
     }
     return () => {
-      var _a2, _b;
+      var _a2, _b2;
       updateElements(false);
-      focusElementOnClose ? (_a2 = document.getElementById(focusElementOnClose)) == null ? void 0 : _a2.focus() : (_b = invokingElement.current) == null ? void 0 : _b.focus();
+      focusElementOnClose ? (_a2 = document.getElementById(focusElementOnClose)) == null ? void 0 : _a2.focus() : (_b2 = invokingElement.current) == null ? void 0 : _b2.focus();
       dismissable && document.removeEventListener("keydown", closeWithEscape);
     };
   }, [open]);

package/dist/components/DiscoveryCard/index.js

@@ -5,24 +5,24 @@ import Badge from "../Badge/index.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DLvMM1Dq.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-tT4JzApY.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { b as textHeadingSm } from "../../HeadingSize-CqqUYZWV.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd, s as spacingNone, b as spacingXs, c as spacingSm } from "../../Spacing-BMQelJYr.js";
+import "../../index-DSF1zGyd.js";
+import "../../index-UJLGt4uV.js";
 import "../../NotificationErrorIcon-DMnAJgPN.js";
 import "../../styled-B1bxWqtW.js";
 import "html-react-parser";
-import { b as BadgeStyled } from "../../styled-BBO2jrba.js";
-import "../ScreenreaderOnly/index.js";
-import "../FootnoteLink/index.js";
+import { b as BadgeStyled } from "../../styled-CIwf9Ebu.js";
 import "../../styled-Dmb8-99g.js";
 import "../../styled-Dgv3RBlg.js";
 import { a as LinkStyled } from "../../index-ByPSWRQ0.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../InlineLink/index.js";
-import "../../TableHead-C2zQ4jce.js";
+import "../../TableHead-ogeZ901P.js";
 import "../../styled-BYYivuzh.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";

package/dist/components/Fieldset/index.js

@@ -34,6 +34,7 @@ const Fieldset = forwardRef(({
     inputStateError !== status && helperText || inputStateError === status && errorMessage ? /* @__PURE__ */ jsx(FormHelperMessage, { id: `fieldset-message-${uid}`, message: inputStateError === status ? errorMessage : helperText, status, children: status === inputStateError && /* @__PURE__ */ jsx(NotificationErrorIcon, { size: "iconSizeXs" }) }) : null
   ] });
 });
+Fieldset.displayName = "Fieldset";
 export {
   Fieldset as default
 };

package/dist/components/FilterGroup/index.js

@@ -6,7 +6,7 @@ import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-B1bxWqtW.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
-import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
+import { s as screenreaderOnly } from "../../index-DSF1zGyd.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";

package/dist/components/FootnoteLink/index.js

@@ -1,55 +1,7 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
-import styled from "styled-components";
-import InlineLink from "../InlineLink/index.js";
-import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
-import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { e as spacing2Xs } from "../../Spacing-BMQelJYr.js";
-const FootnoteLinkStyled = styled(InlineLink).withConfig({
-  displayName: "FootnoteLinkStyled",
-  componentId: "sc-ydos3j-0"
-})({
-  verticalAlign: "top",
-  fontSize: "0.7em",
-  fontWeight: getFontWeight("bold"),
-  textDecoration: "none",
-  display: "inline-block",
-  "& a": {
-    textDecoration: "underline",
-    paddingLeft: getSpacing(spacing2Xs),
-    paddingRight: getSpacing(spacing2Xs),
-    verticalAlign: "baseline",
-    fontSize: "inherit"
-  }
-});
-const FootnoteLink = ({
-  uid,
-  contentUid,
-  screenReaderLabel,
-  children,
-  component: _component
-}) => {
-  const onClick = (event) => {
-    const linkbackToContent = document.getElementById(`back-${contentUid}`);
-    if (!linkbackToContent) {
-      return;
-    }
-    linkbackToContent.setAttribute("href", `#${uid}`);
-    const details = linkbackToContent.closest("details");
-    if (details && null === details.getAttribute("open")) {
-      event.preventDefault();
-      details.setAttribute("open", "open");
-      setTimeout(() => {
-        event.target.click();
-      }, 15);
-    }
-  };
-  return /* @__PURE__ */ jsxs(FootnoteLinkStyled, { id: uid, href: `#${contentUid}`, onClick, children: [
-    children,
-    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: screenReaderLabel })
-  ] });
-};
+import "react/jsx-runtime";
+import "../../index-DSF1zGyd.js";
+import { F } from "../../index-UJLGt4uV.js";
 export {
-  FootnoteLink as default
+  F as default
 };

package/dist/components/Heading/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import FootnoteLink from "../FootnoteLink/index.js";
+import { F as FootnoteLink } from "../../index-UJLGt4uV.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { H as HeadingStyled } from "../../styled-Dmb8-99g.js";

package/dist/components/IconSnippet/index.js

@@ -6,7 +6,7 @@ import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../props-
 import "../../styled-B1bxWqtW.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import { d as divTagName } from "../../tags-38kBhOn6.js";
 import { c as spacingSm, a as spacingMd, s as spacingNone, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";

package/dist/components/ImageHeader/index.js

@@ -4,8 +4,8 @@ import Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../index-DLvMM1Dq.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { P as Price, b as priceSizeSm } from "../../index-tT4JzApY.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import { b as fontWeightLight } from "../../FontWeight-C2pGs7aR.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd, c as spacingSm, d as spacingXl, b as spacingXs, e as spacing2Xs, s as spacingNone } from "../../Spacing-BMQelJYr.js";

package/dist/components/InlineLink/index.js

@@ -20,12 +20,14 @@ const InlineLinkStyled = styled.span.withConfig({
   displayName: "InlineLinkStyled",
   componentId: "sc-ztdjf-0"
 })({
-  cursor: "pointer",
-  color: getTextColor(colorTextNeutral),
-  textDecoration: "underline",
-  transition: `color 0.2s ${ease_in_sine}`,
-  verticalAlign: "baseline",
-  "&:focus-within": {
+  "& a": {
+    cursor: "pointer",
+    color: getTextColor(colorTextNeutral),
+    textDecoration: "underline",
+    transition: `color 0.2s ${ease_in_sine}`,
+    verticalAlign: "baseline"
+  },
+  "&:focus-within a": {
     ...forcedColors({
       outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
     }),
@@ -33,13 +35,10 @@ const InlineLinkStyled = styled.span.withConfig({
     outline: "none",
     ...hover
   },
-  "&:visited": {
+  "&:visited a": {
     color: getTextColor(colorTextNeutral)
   },
-  "&:hover": hover,
-  "& a": {
-    color: "inherit"
-  },
+  "&:hover a": hover,
   "& a:focus-visible": {
     outline: "none"
   }

package/dist/components/Input/index.js

@@ -48,6 +48,7 @@ const Input = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+Input.displayName = "Input";
 export {
   Input as default,
   inputStateError,

package/dist/components/Legend/index.js

@@ -3,8 +3,18 @@ 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-CifS-Z_9.js";
-import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
+import styled from "styled-components";
+const LegendStyled = styled.legend.withConfig({
+  displayName: "LegendStyled",
+  componentId: "sc-1vyrzt5-0"
+})({
+  /**
+   * minimal hack to disable the wired position of a legend in a fieldset
+   */
+  all: "unset",
+  width: "100%"
+});
 const Legend = ({
   contents,
   ...props

package/dist/components/LoadingSpinner/index.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
-import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
+import { S as ScreenreaderOnly } from "../../index-DSF1zGyd.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-Du4LgXoA.js";
 const LoadingSpinnerSVG = ({
   size = "lg",

package/dist/components/MediaText/index.js

@@ -6,7 +6,7 @@ import FlexItem from "../FlexItem/index.js";
 import Heading from "../Heading/index.js";
 import Image, { aspectRatio16_9 } from "../Image/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import YoutubeVideo from "../YoutubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";

package/dist/components/Notification/index.js

@@ -9,7 +9,7 @@ import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-B1bxWqtW.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, g as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-CYdSW9dg.js";

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -5,7 +5,7 @@ import AccordionGroup from "../AccordionGroup/index.js";
 import Container from "../Container/index.js";
 import FootnoteContent from "../FootnoteContent/index.js";
 import Heading from "../Heading/index.js";
-import { R as RichText } from "../../index-CifS-Z_9.js";
+import { R as RichText } from "../../index-Cmrx-D-0.js";
 import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CqqUYZWV.js";
 import { h as h3TagName } from "../../tags-38kBhOn6.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {

package/dist/components/PickerGroup/index.js

@@ -15,7 +15,7 @@ import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import GridItem from "../GridItem/index.js";
-import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
+import { s as screenreaderOnly } from "../../index-DSF1zGyd.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";

package/dist/components/Price/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import "../ScreenreaderOnly/index.js";
-import { c, P, g, f, p, a, e, d, b } from "../../index-DLvMM1Dq.js";
+import "../../index-DSF1zGyd.js";
+import { c, P, g, f, p, a, e, d, b } from "../../index-tT4JzApY.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   c as createScreenReaderText,

package/dist/components/ProductCard/index.js

@@ -9,7 +9,7 @@ import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
 import "../../styled-B1bxWqtW.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DLvMM1Dq.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-tT4JzApY.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { t as textHeadingMd } from "../../HeadingSize-CqqUYZWV.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";

package/dist/components/Rating/index.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
+import Legend from "../Legend/index.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
-import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
+import { s as screenreaderOnly } from "../../index-DSF1zGyd.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -16,7 +17,6 @@ import { c as colorBorderFocus, j as colorBorderSelected, a as colorBorderNeutra
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorObjectSelected } from "../../ObjectColor-0RAzLGI5.js";
 import { b as spacingXs } from "../../Spacing-BMQelJYr.js";
-import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
 const StarSvg = () => {
   return /* @__PURE__ */ jsx(StarSvgStyled, { viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
 };
@@ -107,6 +107,7 @@ const Rating = ({
   onUpdate,
   className,
   groupName,
+  legend,
   uid,
   component: _component,
   ...props
@@ -141,7 +142,7 @@ const Rating = ({
   };
   const ref = useRef(null);
   return /* @__PURE__ */ jsxs(RatingFieldsetStyled, { ...props, uid, ref, children: [
-    /* @__PURE__ */ jsx(LegendStyled, { ...props.legend }),
+    legend && /* @__PURE__ */ jsx(Legend, { ...legend }),
     /* @__PURE__ */ jsx(StarsWrapperStyled, { className, role: "radiogroup", children: [...Array(5)].map((_, index) => {
       const starValue = index + 1;
       const isInHoverRange = hoverValue !== null && starValue <= hoverValue;

package/dist/components/RichText/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { R } from "../../index-CifS-Z_9.js";
+import { R } from "../../index-Cmrx-D-0.js";
 export {
   R as default
 };

package/dist/components/RichtTextContentful/index.js

@@ -5,7 +5,7 @@ import Body from "../Body/index.js";
 import Divider from "../Divider/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { a as TextListItem, T as TextList } from "../../index-CifS-Z_9.js";
+import { a as TextListItem, T as TextList } from "../../index-Cmrx-D-0.js";
 const getOptions = (paragraphSpacing = void 0) => {
   const options = {
     renderMark: {

package/dist/components/ScreenreaderOnly/index.js

@@ -1,17 +1,6 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
-import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
-const ScreenReaderOnlyStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ScreenReaderOnlyStyled",
-  componentId: "sc-1r7az4k-0"
-})(screenreaderOnly);
-const ScreenreaderOnly = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
+import "react/jsx-runtime";
+import { S } from "../../index-DSF1zGyd.js";
 export {
-  ScreenreaderOnly as default
+  S as default
 };

package/dist/components/SelectInput/index.js

@@ -157,6 +157,7 @@ const SelectInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+SelectInput.displayName = "SelectInput";
 export {
   SelectInput as default
 };