@vodafone_de/brix-components 9.0.4 → 10.0.0

package/dist/index.js

@@ -5,8 +5,8 @@ import { default as default5 } from "./components/ToggleButtonProvider/index.js"
 import { default as default6 } from "./components/ToggleButton/index.js";
 import { default as default7 } from "./components/TimeInput/index.js";
 import { default as default8 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-C4eCcl02.js";
-import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-TL0X3rXH.js";
+import { R, T, a } from "./index-DP6Nlg-a.js";
+import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-DCXRnuHz.js";
 import { T as T3, a as a3, b as b2, c as c2, d as d2, e as e2, f as f2, T as T4 } from "./TableWrapper-Do9KCTGV.js";
 import { PanelStyled, default as default9, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
 import { default as default10 } from "./components/Switch/index.js";
@@ -15,78 +15,77 @@ import { default as default12 } from "./components/Stepper/index.js";
 import { default as default13 } from "./components/SmoothScrollArea/index.js";
 import { default as default14 } from "./components/SelectInput/index.js";
 import { default as default15 } from "./components/SearchInput/index.js";
-import { S } from "./index-DCE5HNIR.js";
+import { S } from "./index-C2E3JrhF.js";
 import { default as default16 } from "./components/RichtTextContentful/index.js";
-import { default as default17, isResponsiveImageProps, validateResponsiveImageProps } from "./components/ResponsiveImage/index.js";
-import { HiddenRadioStyled, default as default18, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
-import { default as default19 } from "./components/RadioGroup/index.js";
-import { default as default20 } from "./components/QuickLinkList/index.js";
-import { default as default21 } from "./components/ProductCard/index.js";
-import { default as default22 } from "./components/PickerGroup/index.js";
-import { default as default23, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
-import { default as default24 } from "./components/OpenTextFootnoteAdapter/index.js";
-import { default as default25, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-ClAH0TNC.js";
-import { default as default26 } from "./components/LocalStyle/index.js";
-import { default as default27 } from "./components/LoadingSpinner/index.js";
-import { default as default28, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
-import { default as default29, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
-import { L, i as i3, v as v3 } from "./index-CEotMXpL.js";
-import { default as default30, isLinkProps, validateLinkProps } from "./components/Link/index.js";
-import { default as default31 } from "./components/Legend/index.js";
-import { default as default32 } from "./components/Label/index.js";
-import { default as default33 } from "./components/Input/index.js";
-import { default as default34, isInlineLinkProps, validateInlineLinkProps } from "./components/InlineLink/index.js";
-import { IconWithAccent, default as default35, InlineIconStyled, inlineIconModeFill, inlineIconModeStroke } from "./components/InlineIcon/index.js";
-import { default as default36, infoBannerAppearancePrimary, infoBannerAppearanceSecondary } from "./components/InfoBanner/index.js";
-import { default as default37, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderPositions, imageHeaderVariantFull, imageHeaderVariantSplit, imageHeaderVariants, isImageHeaderProps, validateImageHeaderProps } from "./components/ImageHeader/index.js";
-import { default as default38 } from "./components/Image/index.js";
-import { default as default39, isIconSnippetListProps, validateIconSnippetListProps } from "./components/IconSnippetList/index.js";
-import { default as default40, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetAligns, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetPositions, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall, iconSnippetSizes, iconSnippetTags, isIconSnippetProps, validateIconSnippetProps } from "./components/IconSnippet/index.js";
+import { HiddenRadioStyled, default as default17, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
+import { default as default18 } from "./components/RadioGroup/index.js";
+import { default as default19 } from "./components/QuickLinkList/index.js";
+import { default as default20 } from "./components/ProductCard/index.js";
+import { default as default21 } from "./components/PickerGroup/index.js";
+import { default as default22, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
+import { default as default23 } from "./components/OpenTextFootnoteAdapter/index.js";
+import { default as default24, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
+import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-72IFVw5W.js";
+import { default as default25 } from "./components/LocalStyle/index.js";
+import { default as default26 } from "./components/LoadingSpinner/index.js";
+import { default as default27, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
+import { default as default28, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
+import { L, i as i3, v as v3 } from "./index-Dd-A7i9Y.js";
+import { default as default29, isLinkProps, validateLinkProps } from "./components/Link/index.js";
+import { default as default30 } from "./components/Legend/index.js";
+import { default as default31 } from "./components/Label/index.js";
+import { default as default32 } from "./components/Input/index.js";
+import { default as default33, isInlineLinkProps, validateInlineLinkProps } from "./components/InlineLink/index.js";
+import { IconWithAccent, default as default34, InlineIconStyled, inlineIconModeFill, inlineIconModeStroke } from "./components/InlineIcon/index.js";
+import { default as default35, infoBannerAppearancePrimary, infoBannerAppearanceSecondary } from "./components/InfoBanner/index.js";
+import { default as default36, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderPositions, imageHeaderVariantFull, imageHeaderVariantSplit, imageHeaderVariants, isImageHeaderProps, validateImageHeaderProps } from "./components/ImageHeader/index.js";
+import { default as default37, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, aspectRatios, isImageProps, objectFitContain, objectFitCover, objectFitNone, objectFits, validateImageProps } from "./components/Image/index.js";
+import { default as default38, isIconSnippetListProps, validateIconSnippetListProps } from "./components/IconSnippetList/index.js";
+import { default as default39, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetAligns, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetPositions, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall, iconSnippetSizes, iconSnippetTags, isIconSnippetProps, validateIconSnippetProps } from "./components/IconSnippet/index.js";
 import { I, i as i4, a as a5, v as v4 } from "./index--RjkzZm0.js";
-import { default as default41, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
-import { default as default42 } from "./components/Icon/index.js";
-import { default as default43, hifiIconSizes, isHifiIconProps, validateHifiIconProps } from "./components/HifiIcon/index.js";
-import { default as default44, headingAlignCenter, headingAlignLeft, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
-import { default as default45, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
-import { default as default46, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
-import { default as default47 } from "./components/GoogleMap/index.js";
-import { default as default48, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
-import { default as default49 } from "./components/FormHelperMessage/index.js";
-import { default as default50 } from "./components/FormHelperLabel/index.js";
-import { default as default51 } from "./components/FormElement/index.js";
-import { default as default52 } from "./components/Form/index.js";
-import { F } from "./index-BJHhIBYl.js";
-import { default as default53 } from "./components/FootnoteContent/index.js";
-import { default as default54, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
-import { default as default55 } from "./components/Flex/index.js";
-import { default as default56 } from "./components/FilterGroup/index.js";
-import { default as default57 } from "./components/Fieldset/index.js";
-import { default as default58 } from "./components/EnergySnippet/index.js";
-import { default as default59, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
-import { default as default60, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
-import { default as default61, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
-import { default as default62 } from "./components/Dialog/index.js";
-import { default as default63 } from "./components/DemoBox/index.js";
-import { default as default64 } from "./components/DateInput/index.js";
-import { default as default65, ContainerAppearanceColor, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
-import { default as default66 } from "./components/ConsentMessage/index.js";
-import { default as default67, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
-import { default as default68, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
-import { default as default69 } from "./components/Collapsible/index.js";
-import { default as default70 } from "./components/CheckboxGroup/index.js";
-import { default as default71 } from "./components/Checkbox/index.js";
-import { default as default72 } from "./components/Carousel/index.js";
-import { default as default73, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
-import { default as default74 } from "./components/Calendar/index.js";
-import { default as default75, flexJustifyBehaviors, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
-import { B, c as c4, a as a6, b as b4, d as d3, i as i5, f as f3, v as v5, e as e3 } from "./validate-Dlzxlfzp.js";
-import { default as default76 } from "./components/Button/index.js";
-import { default as default77 } from "./components/BottomBar/index.js";
-import { default as default78, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
-import { B as B2, b as b5, c as c5, d as d4, i as i6, p as p2, s, a as a7, t, v as v6 } from "./index-j22agtAk.js";
-import { default as default79, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
-import { default as default80, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
+import { default as default40, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
+import { default as default41 } from "./components/Icon/index.js";
+import { default as default42, hifiIconSizes, isHifiIconProps, validateHifiIconProps } from "./components/HifiIcon/index.js";
+import { default as default43, headingAlignCenter, headingAlignLeft, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
+import { a as a6, d as d3, G, b as b4, f as f3, c as c4, g as g2, h as h2, e as e3, l, i as i5, n, j as j2, k as k2, v as v5, m as m2 } from "./index-Bu-7sSif.js";
+import { default as default44 } from "./components/GoogleMap/index.js";
+import { default as default45, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
+import { default as default46 } from "./components/FormHelperMessage/index.js";
+import { default as default47 } from "./components/FormHelperLabel/index.js";
+import { default as default48 } from "./components/FormElement/index.js";
+import { default as default49 } from "./components/Form/index.js";
+import { F } from "./index-BsykXBqC.js";
+import { default as default50 } from "./components/FootnoteContent/index.js";
+import { default as default51, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
+import { default as default52 } from "./components/Flex/index.js";
+import { default as default53 } from "./components/FilterGroup/index.js";
+import { default as default54 } from "./components/Fieldset/index.js";
+import { default as default55 } from "./components/EnergySnippet/index.js";
+import { default as default56, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
+import { default as default57, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
+import { default as default58, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
+import { default as default59 } from "./components/Dialog/index.js";
+import { default as default60 } from "./components/DemoBox/index.js";
+import { default as default61 } from "./components/DateInput/index.js";
+import { C, b as b5, a as a7, c as c5, d as d4, i as i6, v as v6 } from "./index-DbG0QL9D.js";
+import { default as default62 } from "./components/ConsentMessage/index.js";
+import { default as default63, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
+import { default as default64, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
+import { default as default65 } from "./components/Collapsible/index.js";
+import { default as default66 } from "./components/CheckboxGroup/index.js";
+import { default as default67 } from "./components/Checkbox/index.js";
+import { default as default68 } from "./components/Carousel/index.js";
+import { default as default69, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
+import { default as default70 } from "./components/Calendar/index.js";
+import { default as default71, flexJustifyBehaviours, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
+import { B, c as c6, a as a8, b as b6, d as d5, i as i7, f as f4, v as v7, e as e4 } from "./validate-CLBUbscx.js";
+import { default as default72 } from "./components/Button/index.js";
+import { default as default73 } from "./components/BottomBar/index.js";
+import { default as default74, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
+import { B as B2, b as b7, c as c7, d as d6, i as i8, p as p2, s, a as a9, t, v as v8 } from "./index-DwGcrvTh.js";
+import { default as default75 } from "./components/ArtDirectedImage/index.js";
+import { default as default76, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
+import { default as default77, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -107,106 +106,115 @@ import { largeMediaQuery, mediumMediaQuery } from "./foundations/media-query/vie
 import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
 import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
 import { GlobalStyle, cssReset } from "./foundations/GlobalStyle/index.js";
-import { useViewport } from "./hooks/useViewport/index.js";
+import { u } from "./index-DKCzYjXw.js";
 import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
 import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
+import { DefaultPicture, PictureContext, PictureProvider, filterAspectRatioFromSources, filterImagePropsToPictureComponentImageProps, usePictureComponent } from "./hooks/usePictureComponent/index.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
 import { DefaultLink, LinkContext, LinkProvider, useLinkComponent } from "./hooks/useLinkComponent/index.js";
+import { DefaultImage, ImageContext, ImageProvider, filterImagePropsToImageComponentProps, useImageComponent } from "./hooks/useImageComponent/index.js";
 import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L as L2 } from "./mapContentToComponents-C_O2rRrX.js";
-import { a as a8, i as i7 } from "./props-DDpgcryb.js";
-import { p as p3, m as m2, q, r, s as s2, n, t as t2, x, d as d5, h as h2, c as c6, w, z, o, a as a9, b as b6, u, e as e4, i as i8, g as g2, f as f4, l, k as k2, j as j2, v as v7, y } from "./validate-DYmFz2FF.js";
-import { e as e5, d as d6, c as c7, b as b7, f as f5, a as a10 } from "./styled-BxkvYuWW.js";
-import { C } from "./styled-Dq0NuP5r.js";
+import { L as L2 } from "./mapContentToComponents-DcPjYAXH.js";
+import { a as a10, i as i9 } from "./props-DDpgcryb.js";
+import { i as i10, h as h3, g as g3, e as e5, d as d7, c as c8, b as b8, f as f5, a as a11 } from "./styled-CUp4EbPh.js";
+import { C as C2 } from "./styled-rsUoUFyl.js";
 export {
-  default80 as Accordion,
-  default79 as AccordionGroup,
+  default77 as Accordion,
+  default76 as AccordionGroup,
+  default75 as ArtDirectedImage,
   B2 as Badge,
-  b5 as BadgeAppearanceColor,
-  default78 as Body,
-  default77 as BottomBar,
-  default76 as Button,
+  b7 as BadgeAppearanceColor,
+  default74 as Body,
+  default73 as BottomBar,
+  default72 as Button,
   B as ButtonAsLink,
-  default75 as ButtonGroup,
-  default74 as Calendar,
-  default73 as Card,
-  C as CardAppearanceColor,
-  default72 as Carousel,
-  default71 as Checkbox,
-  default70 as CheckboxGroup,
-  default69 as Collapsible,
-  default68 as ColorSwatch,
-  default67 as ColorSwatchGroup,
-  default66 as ConsentMessage,
-  default65 as Container,
-  ContainerAppearanceColor,
-  default64 as DateInput,
+  default71 as ButtonGroup,
+  default70 as Calendar,
+  default69 as Card,
+  C2 as CardAppearanceColor,
+  default68 as Carousel,
+  default67 as Checkbox,
+  default66 as CheckboxGroup,
+  default65 as Collapsible,
+  default64 as ColorSwatch,
+  default63 as ColorSwatchGroup,
+  default62 as ConsentMessage,
+  C as Container,
+  b5 as ContainerAppearanceColor,
+  a7 as ContainerContext,
+  default61 as DateInput,
+  DefaultImage,
   DefaultLink,
-  default63 as DemoBox,
-  default62 as Dialog,
-  default61 as DiscoveryCard,
-  default60 as DiscoveryCardGroup,
-  default59 as Divider,
-  default58 as EnergySnippet,
-  default57 as Fieldset,
-  default56 as FilterGroup,
-  default55 as Flex,
-  default54 as FlexItem,
-  default53 as FootnoteContent,
+  DefaultPicture,
+  default60 as DemoBox,
+  default59 as Dialog,
+  default58 as DiscoveryCard,
+  default57 as DiscoveryCardGroup,
+  default56 as Divider,
+  default55 as EnergySnippet,
+  default54 as Fieldset,
+  default53 as FilterGroup,
+  default52 as Flex,
+  default51 as FlexItem,
+  default50 as FootnoteContent,
   F as FootnoteLink,
-  default52 as Form,
-  default51 as FormElement,
-  default50 as FormHelperLabel,
-  default49 as FormHelperMessage,
-  default48 as FormHelperStatusIcon,
+  default49 as Form,
+  default48 as FormElement,
+  default47 as FormHelperLabel,
+  default46 as FormHelperMessage,
+  default45 as FormHelperStatusIcon,
   GlobalStyle,
-  default47 as GoogleMap,
-  default46 as Grid,
-  GridContext,
-  default45 as GridItem,
-  default44 as Heading,
+  default44 as GoogleMap,
+  a6 as Grid,
+  d3 as GridContext,
+  G as GridItem,
+  b4 as GridItemContext,
+  default43 as Heading,
   HiddenRadioStyled,
-  default43 as HifiIcon,
-  default42 as Icon,
-  default41 as IconButton,
+  default42 as HifiIcon,
+  default41 as Icon,
+  default40 as IconButton,
   I as IconLoader,
-  default40 as IconSnippet,
-  default39 as IconSnippetList,
+  default39 as IconSnippet,
+  default38 as IconSnippetList,
   IconWithAccent,
-  default38 as Image,
-  default37 as ImageHeader,
-  default36 as InfoBanner,
-  default35 as InlineIcon,
+  default37 as Image,
+  ImageContext,
+  default36 as ImageHeader,
+  ImageProvider,
+  default35 as InfoBanner,
+  default34 as InlineIcon,
   InlineIconStyled,
-  default34 as InlineLink,
-  default33 as Input,
-  default32 as Label,
-  default31 as Legend,
-  default30 as Link,
+  default33 as InlineLink,
+  default32 as Input,
+  default31 as Label,
+  default30 as Legend,
+  default29 as Link,
   L as LinkAsButton,
   LinkContext,
-  default29 as LinkList,
-  default28 as LinkListItem,
+  default28 as LinkList,
+  default27 as LinkListItem,
   LinkProvider,
   L2 as LivePreviewInspector,
-  default27 as LoadingSpinner,
-  default26 as LocalStyle,
+  default26 as LoadingSpinner,
+  default25 as LocalStyle,
   M as MediaText,
-  default25 as Notification,
-  default24 as OpenTextFootnoteAdapter,
-  default23 as Overlay,
+  default24 as Notification,
+  default23 as OpenTextFootnoteAdapter,
+  default22 as Overlay,
   PanelStyled,
-  default22 as PickerGroup,
+  default21 as PickerGroup,
+  PictureContext,
+  PictureProvider,
   P as Price,
-  default21 as ProductCard,
-  default20 as QuickLinkList,
-  default19 as RadioGroup,
-  default18 as Rating,
+  default20 as ProductCard,
+  default19 as QuickLinkList,
+  default18 as RadioGroup,
+  default17 as Rating,
   RatingFieldsetStyled,
-  default17 as ResponsiveImage,
   R as RichText,
   default16 as RichtTextContentful,
   S as ScreenreaderOnly,
@@ -248,15 +256,15 @@ export {
   accordionToggleCollapsed,
   accordionToggleCollapsing,
   accordionToggleExpanded,
-  p3 as aspectRatio16_9,
-  m2 as aspectRatio1_1,
-  q as aspectRatio21_9,
-  r as aspectRatio32_9,
-  s2 as aspectRatio48_9,
-  n as aspectRatio4_3,
-  t2 as aspectRatios,
-  c5 as badgeAppearances,
-  d4 as badgeSizes,
+  aspectRatio16_9,
+  aspectRatio1_1,
+  aspectRatio21_9,
+  aspectRatio32_9,
+  aspectRatio3_4,
+  aspectRatio48_9,
+  aspectRatios,
+  c7 as badgeAppearances,
+  d6 as badgeSizes,
   bodyAlignCenter,
   bodyAlignLeft,
   bodyAlignRight,
@@ -264,10 +272,10 @@ export {
   bodySizes,
   bodyTags,
   bodyWeights,
-  c4 as buttonAppearances,
-  a6 as buttonAutoWidth,
-  b4 as buttonFullWidth,
-  d3 as buttonWidthBehaviors,
+  c6 as buttonAppearances,
+  a8 as buttonAutoWidth,
+  b6 as buttonFullWidth,
+  d5 as buttonWidthBehaviors,
   cardAppearances,
   cardTags,
   checkThirdPartyConsentStorage,
@@ -277,22 +285,27 @@ export {
   consentStorageFeature,
   consentStorageItemName,
   consentStorageKey,
-  containerAppearances,
-  containerPaddings,
-  x as cornerStyles,
+  c5 as containerAppearances,
+  d4 as containerPaddings,
   c as createScreenReaderText,
   cssReset,
   discoveryCardOrientationHorizontal,
   discoveryCardOrientationVertical,
+  filterAspectRatioFromSources,
+  filterImagePropsToImageComponentProps,
+  filterImagePropsToPictureComponentImageProps,
+  i10 as flexAlignCenter,
+  h3 as flexAlignEnd,
+  g3 as flexAlignStart,
   flexItemAutoGrow,
   flexItemFullGrow,
-  flexJustifyBehaviors,
+  flexJustifyBehaviours,
   e5 as flexJustifyBetween,
-  d6 as flexJustifyCenter,
-  c7 as flexJustifyEnd,
-  b7 as flexJustifyStart,
+  d7 as flexJustifyCenter,
+  c8 as flexJustifyEnd,
+  b8 as flexJustifyStart,
   f5 as flexOrientationHorizontal,
-  a10 as flexOrientationVertical,
+  a11 as flexOrientationVertical,
   flexOrientations,
   forcedColorsQuery,
   getBackgroundColor,
@@ -311,11 +324,11 @@ export {
   getSpacing,
   getTextColor,
   getTextDecoration,
-  gridAligns,
-  gridItemAligns,
-  gridItemTags,
-  gridSpacings,
-  gridTags,
+  f3 as gridAligns,
+  c4 as gridItemAligns,
+  g2 as gridItemTags,
+  h2 as gridSpacings,
+  e3 as gridTags,
   headingAlignCenter,
   headingAlignLeft,
   headingSizes,
@@ -323,10 +336,6 @@ export {
   headingWeights,
   headlingAligns,
   hifiIconSizes,
-  d5 as horizontalAlignmentCenter,
-  h2 as horizontalAlignmentLeft,
-  c6 as horizontalAlignmentRight,
-  w as horizontalAlignments,
   iconButtonShapeCircle,
   iconButtonShapeSquare,
   iconPositionLeft,
@@ -353,39 +362,38 @@ export {
   infoBannerAppearanceSecondary,
   inlineIconModeFill,
   inlineIconModeStroke,
-  a8 as inputStateError,
-  i7 as inputStateSuccess,
+  a10 as inputStateError,
+  i9 as inputStateSuccess,
   inputStatusIcons,
   isAccordionGroupProps,
   isAccordionProps,
-  i6 as isBadgeProps,
+  i8 as isBadgeProps,
   isBodyProps,
-  i5 as isButtonAsLinkProps,
+  i7 as isButtonAsLinkProps,
   isButtonGroupProps,
-  f3 as isButtonProps,
+  f4 as isButtonProps,
   isCardProps,
   isColorSwatchGroupProps,
   isColorSwatchProps,
-  isContainerProps,
+  i6 as isContainerProps,
   isDiscoveryCardGroupProps,
   isDiscoveryCardProps,
   isDividerProps,
-  isGridConfig,
-  isGridItemProps,
-  isGridProps,
+  l as isGridConfig,
+  i5 as isGridItemProps,
+  n as isGridProps,
   isHeadingProps,
   isHifiIconProps,
   a5 as isIconLoaderProps,
   isIconSnippetListProps,
   isIconSnippetProps,
   isImageHeaderProps,
-  z as isImageProps,
+  isImageProps,
   isInlineLinkProps,
   i3 as isLinkAsButtonProps,
   isLinkProps,
   i2 as isMediaTextProps,
   k as isPriceProps,
-  isResponsiveImageProps,
   largeMediaQuery,
   linkListItemVariantHorizontal,
   linkListItemVariantVertical,
@@ -401,18 +409,10 @@ export {
   notificationStatusInfo,
   notificationStatusSuccess,
   notificationStatusWarning,
-  o as objectFitContain,
-  a9 as objectFitCover,
-  b6 as objectFitNone,
-  u as objectFits,
-  e4 as objectPositionCenter,
-  i8 as objectPositionLeftBottom,
-  g2 as objectPositionLeftCenter,
-  f4 as objectPositionLeftTop,
-  l as objectPositionRightBottom,
-  k2 as objectPositionRightCenter,
-  j2 as objectPositionRightTop,
-  v7 as objectPositions,
+  objectFitContain,
+  objectFitCover,
+  objectFitNone,
+  objectFits,
   overlayAppearancePrimary,
   overlayAppearanceSecondary,
   g as priceAlignCenter,
@@ -428,46 +428,47 @@ export {
   p2 as primaryBadgeAppearance,
   reducedMotionQuery,
   s as secondaryBadgeAppearance,
-  a7 as successBadgeAppearance,
+  a9 as successBadgeAppearance,
   tabGroupWidthAuto,
   tabGroupWidthFull,
   t as tertiaryBadgeAppearance,
   useFocusWithin,
   useForcedColors,
+  useImageComponent,
   useLinkComponent,
   useMediaQuery,
+  usePictureComponent,
   useReducedMotion,
   useThirdPartyConsent,
-  useViewport,
+  u as useViewport,
   validateAccordionGroupProps,
   validateAccordionProps,
-  v6 as validateBadgeProps,
+  v8 as validateBadgeProps,
   validateBodyProps,
-  v5 as validateButtonAsLinkProps,
+  v7 as validateButtonAsLinkProps,
   validateButtonGroupProps,
-  e3 as validateButtonProps,
+  e4 as validateButtonProps,
   validateCardProps,
   validateColorSwatchGroupProps,
   validateColorSwatchProps,
-  validateContainerProps,
+  v6 as validateContainerProps,
   validateDiscoveryCardGroupProps,
   validateDiscoveryCardProps,
   validateDividerProps,
-  validateGridColSpan,
-  validateGridConfig,
-  validateGridItemProps,
-  validateGridProps,
+  j2 as validateGridColSpan,
+  k2 as validateGridConfig,
+  v5 as validateGridItemProps,
+  m2 as validateGridProps,
   validateHeadingProps,
   validateHifiIconProps,
   v4 as validateIconLoaderProps,
   validateIconSnippetListProps,
   validateIconSnippetProps,
   validateImageHeaderProps,
-  y as validateImageProps,
+  validateImageProps,
   validateInlineLinkProps,
   v3 as validateLinkAsButtonProps,
   validateLinkProps,
   v2 as validateMediaTextProps,
-  v as validatePriceProps,
-  validateResponsiveImageProps
+  v as validatePriceProps
 };