@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/index-lCL2zeQr.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { S as ScreenreaderOnly } from "./index-p6eyyJpy.js";
+import styled from "styled-components";
+import InlineLink from "./components/InlineLink/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { g as getSpacing } from "./index-l-i-mIeP.js";
+import { f as spacing2Xs } from "./Spacing-Dj-qX3Z5.js";
+const FootnoteLinkStyled = styled(InlineLink).withConfig({
+  displayName: "FootnoteLinkStyled",
+  componentId: "sc-179jg3e-0"
+})({
+  verticalAlign: "top",
+  fontSize: "0.7em",
+  fontWeight: getFontWeight("bold"),
+  textDecoration: "none",
+  display: "inline-block",
+  "& a": {
+    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 })
+  ] });
+};
+export {
+  FootnoteLink as F,
+  FootnoteLinkStyled as a
+};

package/dist/index-p2pfnRRq.js

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import AccordionGroup from "./components/AccordionGroup/index.js";
+import { C as Container } from "./index-sVS9qq5A.js";
+import FootnoteContent from "./components/FootnoteContent/index.js";
+import Heading from "./components/Heading/index.js";
+import { R as RichText } from "./index-B39bJrc9.js";
+import { a as textHeadingSm, c as textHeadingLg } from "./HeadingSize-O__w72MO.js";
+import parse from "html-react-parser";
+const getFootnoteContent = (content, footnoteContentBacklinkText) => {
+  const result = [];
+  const sectionRegex = /<h3><a[^>]*data-footnote="(\d+)"[^>]*>\d+<\/a>\s*([^<]+)<\/h3>/g;
+  let match;
+  const matches = [];
+  while ((match = sectionRegex.exec(content)) !== null) {
+    matches.push({
+      id: parseInt(match[1], 10),
+      heading: match[2].trim(),
+      startIndex: match.index,
+      endIndex: sectionRegex.lastIndex
+    });
+  }
+  if (0 === matches.length) {
+    result.push({
+      component: "RichText",
+      html: content
+    });
+  } else {
+    for (let i = 0; i < matches.length; i++) {
+      const current = matches[i];
+      const next = matches[i + 1];
+      const contentStart = current.endIndex;
+      const contentEnd = next ? next.startIndex : content.length;
+      const html = content.slice(contentStart, contentEnd).trim();
+      result.push({
+        component: "FootnoteContent",
+        uid: `footnote-content-${current.id}`,
+        linkUid: `footnote-${current.id}`,
+        backlinkText: footnoteContentBacklinkText,
+        children: [/* @__PURE__ */ jsxs(Heading, { size: textHeadingSm, children: [
+          current.id,
+          " ",
+          current.heading
+        ] }, `heading-${current.id}`), /* @__PURE__ */ jsx(RichText, { html }, `content-${current.id}`)]
+      });
+    }
+  }
+  return result;
+};
+const renderInlineRichTextFromOpenText = (fromCms) => {
+  if (typeof fromCms === "string") {
+    return parse(fromCms);
+  }
+  if (Array.isArray(fromCms)) {
+    return fromCms.map(renderInlineRichTextFromOpenText);
+  }
+  return fromCms;
+};
+const OpenTextFootnoteAdapter = ({
+  heading,
+  footnoteContentBacklinkText,
+  content
+}) => {
+  useEffect(() => {
+    const rootElement = document.getElementsByTagName("html")[0];
+    rootElement.style.scrollBehavior = "smooth";
+    rootElement.style.scrollPaddingTop = "var(--navi-height)";
+  }, []);
+  const getAccordions = (content2) => {
+    const accordions = content2.map((accordion) => {
+      return {
+        children: getFootnoteContent(accordion.content, footnoteContentBacklinkText).map((footnoteContent, index) => {
+          if ("RichText" === footnoteContent.component) {
+            return /* @__PURE__ */ jsx(RichText, { ...footnoteContent }, `no-footnote-${index}`);
+          }
+          if ("FootnoteContent" === footnoteContent.component) {
+            return /* @__PURE__ */ jsx(FootnoteContent, { ...footnoteContent, children: footnoteContent.children }, footnoteContent.uid);
+          }
+        }),
+        heading: {
+          children: accordion.heading
+        },
+        uid: accordion.uid,
+        expanded: false
+      };
+    });
+    return /* @__PURE__ */ jsx(AccordionGroup, { accordions });
+  };
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(Heading, { size: textHeadingLg, children: renderInlineRichTextFromOpenText(heading) }),
+    getAccordions(content)
+  ] });
+};
+export {
+  OpenTextFootnoteAdapter as O,
+  renderInlineRichTextFromOpenText as r
+};

package/dist/index-p6eyyJpy.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
+const screenreaderOnly = {
+  position: "absolute",
+  width: "1px",
+  height: "1px",
+  padding: "0",
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  clipPath: "inset(50%)",
+  whiteSpace: "nowrap",
+  border: "0"
+};
+const ScreenReaderOnlyStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "ScreenReaderOnlyStyled",
+  componentId: "sc-4mpd9j-0"
+})(screenreaderOnly);
+const ScreenreaderOnly = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
+export {
+  ScreenreaderOnly as S,
+  screenreaderOnly as s
+};

package/dist/index-sVS9qq5A.js

@@ -0,0 +1,82 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+import { t as themeDark } from "./Theme-B6kzt-0D.js";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
+import { getBackgroundColor } from "./foundations/token/getBackgroundColor/index.js";
+import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
+import { g as getSpacing } from "./index-l-i-mIeP.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { f as colorBorderSubtle } from "./BorderColor-BACbvI20.js";
+import { e as borderWidthDivider } from "./BorderWidth-CwrNKc0Q.js";
+import { d as spacingXl, s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
+import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
+import { s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
+import { C as ContainerAppearanceColor } from "./props-A95cwKat.js";
+const ContainerBackgroundStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "ContainerBackgroundStyled",
+  componentId: "sc-bwtsx-0"
+})({
+  color: getTextColor(colorTextNeutral)
+}, ({
+  padding = spacingXl
+}) => ({
+  paddingTop: getSpacing(padding),
+  paddingBottom: getSpacing(padding)
+}), ({
+  appearance = "primary"
+}) => {
+  return {
+    background: getBackgroundColor(ContainerAppearanceColor[appearance])
+  };
+}, ({
+  border = false
+}) => {
+  if (!border) {
+    return {};
+  }
+  return {
+    borderBottom: `${getBorderWidth(borderWidthDivider)} solid ${getBorderColor(colorBorderSubtle)}`
+  };
+}, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const maxWidthBreakpoint = 1280;
+const containerMaxWidth = 1240;
+const maxWidthViewport = (stylesInViewport) => {
+  return {
+    [`@media screen and (min-width: ${maxWidthBreakpoint}px)`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const ContainerCenterStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "ContainerCenterStyled",
+  componentId: "sc-bwtsx-1"
+})({
+  marginLeft: getSpacing(spacingMd),
+  marginRight: getSpacing(spacingMd),
+  display: "flex",
+  flexDirection: "column"
+}, maxWidthViewport({
+  maxWidth: `${containerMaxWidth}px`,
+  marginLeft: "auto",
+  marginRight: "auto"
+}));
+const ContainerContext = createContext(false);
+const Container = ({
+  className,
+  children,
+  appearance = "primary",
+  tag = "div",
+  ...props
+}) => /* @__PURE__ */ jsx(ContainerContext, { value: true, children: /* @__PURE__ */ jsx(ContainerBackgroundStyled, { className: `${className ? className : ""} ${["tertiary", "alternative"].indexOf(appearance) > -1 ? themeDark : props.theme}`, appearance, as: tag, ...props, children: /* @__PURE__ */ jsx(ContainerCenterStyled, { children }) }) });
+export {
+  Container as C,
+  ContainerContext as a,
+  containerMaxWidth as c,
+  maxWidthBreakpoint as m
+};

package/dist/index-uxZ9eKKZ.js

@@ -0,0 +1,345 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { B as Badge } from "./index-yLLyPEd9.js";
+import IconLoader from "./components/IconLoader/index.js";
+import { c as spanTagName } from "./tags-BeNegJAK.js";
+import { h as iconSizeMd } from "./IconSize-Da9zhR76.js";
+import { s as smallSize } from "./SizeTypes-Ck_RdzIf.js";
+import { s as spacingMd, a as spacingXs, b as spacingNone } from "./Spacing-Dj-qX3Z5.js";
+import { useLinkComponent } from "./hooks/useLinkComponent/index.js";
+import { s as sanitizeLinkProps } from "./sanitizeLinkProps-D2Kkovy1.js";
+import { s as shouldForwardProp, a as shouldForwardPropExcluding, p as pickDomProps } from "./shouldForwardProp-CONMmlMa.js";
+import { a as linkListItemVariantHorizontal, b as linkListItemVariantVertical } from "./props-KyOo_gFu.js";
+import styled from "styled-components";
+import Body from "./components/Body/index.js";
+import Card from "./components/Card/index.js";
+import Icon from "./components/Icon/index.js";
+import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
+import forcedColors from "./foundations/media-query/forcedColors/index.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";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
+import { getHoverColor } from "./foundations/token/getHoverColor/index.js";
+import { getIconColor } from "./foundations/token/getIconColor/index.js";
+import { g as getSpacing } from "./index-l-i-mIeP.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { c as colorBorderFocus, f as colorBorderSubtle } from "./BorderColor-BACbvI20.js";
+import { b as borderRadiusMd, a as borderRadiusNone } from "./BorderRadius-0jhn76gB.js";
+import { b as borderWidthFocus, d as borderWidthSm } from "./BorderWidth-CwrNKc0Q.js";
+import { t as textHeadingXs } from "./HeadingSize-O__w72MO.js";
+import { b as colorIconBrand } from "./IconColor-CtC9WUgr.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "./TextColor-DsntmDNw.js";
+import { C as CardAppearanceColor } from "./props-DDJfToj8.js";
+const focusStyles = {
+  ...forcedColors({
+    outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
+  }),
+  boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
+  outline: "none"
+};
+const hoverBackgroundColor = getHoverColor(CardAppearanceColor["primary"]);
+const hoverStylesChangingBackground = {
+  transitionProperty: "background, color, box-shadow",
+  transitionDuration: "0.2s",
+  transitionTimingFunction: ease_in_sine,
+  "&:hover, &:focus-visible": {
+    background: hoverBackgroundColor
+  }
+};
+const LinkListItemButtonStyled = styled.button.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListItemButtonStyled",
+  componentId: "sc-1ofgr5q-0"
+})({
+  width: "100%",
+  height: "100%",
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  color: getTextColor(colorTextNeutral),
+  borderRadius: getBorderRadius(borderRadiusMd),
+  "&:focus-visible": focusStyles,
+  ...forcedColors({
+    border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`,
+    background: "ButtonFace",
+    color: "ButtonText"
+  })
+}, ({
+  elevation = true,
+  orientation
+}) => {
+  if (!elevation && orientation === linkListItemVariantHorizontal) {
+    return {
+      borderRadius: getBorderRadius(borderRadiusNone),
+      transitionProperty: "color",
+      transitionDuration: "0.2s",
+      transitionTimingFunction: ease_in_sine,
+      "&:hover, &:focus-visible": {
+        color: getTextColor(colorTextBrand)
+      }
+    };
+  }
+});
+const buttonParent = `${LinkListItemButtonStyled.toString()} &`;
+const LinkListItemAnchorStyled = styled.span.withConfig({
+  shouldForwardProp: shouldForwardPropExcluding(["href"]),
+  displayName: "LinkListItemAnchorStyled",
+  componentId: "sc-1ofgr5q-1"
+})({
+  height: "100%",
+  "& > a": {
+    textDecoration: "none",
+    display: "block",
+    height: "100%",
+    color: getTextColor(colorTextNeutral),
+    "&:focus-visible": focusStyles,
+    "&:hover, &:focus": {
+      textDecoration: "none"
+    },
+    "&:visited": {
+      color: getTextColor(colorTextNeutral)
+    }
+  }
+}, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout), ({
+  elevation = true,
+  orientation
+}) => {
+  if (!elevation && orientation === linkListItemVariantHorizontal) {
+    return {
+      "& > a": {
+        borderRadius: getBorderRadius(borderRadiusNone),
+        transitionProperty: "color",
+        transitionDuration: "0.2s",
+        transitionTimingFunction: ease_in_sine,
+        "&:hover, &:focus-visible": {
+          color: getTextColor(colorTextBrand)
+        }
+      }
+    };
+  }
+  return {
+    "& > a": {
+      borderRadius: getBorderRadius(borderRadiusMd)
+    }
+  };
+});
+const parentHasFocusSelector = `${LinkListItemAnchorStyled.toString()}:focus-within &, ${LinkListItemButtonStyled.toString()}:focus-within &`;
+const LinkListItemStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListItemStyled",
+  componentId: "sc-1ofgr5q-2"
+})({
+  display: "block",
+  height: "100%",
+  padding: `${getSpacing(spacingMd)} 0`,
+  borderBottom: `${getBorderWidth(borderWidthSm)} solid ${getBorderColor(colorBorderSubtle)}`,
+  borderTop: `${getBorderWidth(borderWidthSm)} solid ${getBorderColor(colorBorderSubtle)}`,
+  ...forcedColors({
+    borderBottom: `${getBorderWidth(borderWidthSm)} solid CanvasText`,
+    borderTop: `${getBorderWidth(borderWidthSm)} solid CanvasText`,
+    [buttonParent]: {
+      borderBottom: "none"
+    }
+  })
+}, ({
+  orientation
+}) => {
+  if (orientation === linkListItemVariantVertical) {
+    return {
+      ...hoverStylesChangingBackground,
+      borderRadius: getBorderRadius(borderRadiusMd),
+      border: `${getBorderWidth(borderWidthSm)} solid ${getBorderColor(colorBorderSubtle)}`,
+      padding: getSpacing(spacingMd),
+      [parentHasFocusSelector]: {
+        background: hoverBackgroundColor
+      },
+      ...forcedColors({
+        border: `${getBorderWidth(borderWidthSm)} solid CanvasText`,
+        [buttonParent]: {
+          border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`
+        },
+        "&:hover, &:focus-visible": {
+          background: "inherit"
+        },
+        [parentHasFocusSelector]: {
+          background: "inherit"
+        }
+      })
+    };
+  }
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const LinkListItemElevatedStyled = styled(Card).withConfig({
+  displayName: "LinkListItemElevatedStyled",
+  componentId: "sc-1ofgr5q-3"
+})({
+  ...hoverStylesChangingBackground,
+  ...forcedColors({
+    [buttonParent]: {
+      border: `${getBorderWidth(borderWidthSm)} solid ButtonBorder`,
+      background: "ButtonFace",
+      color: "ButtonText"
+    }
+  }),
+  height: "100%"
+}, () => {
+  return {
+    [parentHasFocusSelector]: {
+      background: hoverBackgroundColor
+    },
+    ...forcedColors({
+      [parentHasFocusSelector]: {
+        background: "inherit"
+      }
+    })
+  };
+});
+const LinkListItemContentWrapperStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListItemContentWrapperStyled",
+  componentId: "sc-1ofgr5q-4"
+})({
+  display: "flex"
+}, ({
+  orientation = linkListItemVariantHorizontal
+}) => {
+  return {
+    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
+    flexDirection: orientation === linkListItemVariantVertical ? "column" : "row",
+    gap: orientation === linkListItemVariantVertical ? getSpacing(spacingXs) : getSpacing(spacingNone)
+  };
+});
+const LinkListItemContentStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListItemContentStyled",
+  componentId: "sc-1ofgr5q-5"
+})({
+  flexGrow: 1,
+  display: "flex",
+  gap: getSpacing(spacingXs),
+  flexDirection: "row",
+  width: "100%",
+  "& > *": {
+    flexShrink: 0
+  }
+}, ({
+  orientation = linkListItemVariantHorizontal
+}) => {
+  return {
+    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
+    paddingRight: orientation === linkListItemVariantVertical ? getSpacing(spacingNone) : getSpacing(spacingXs)
+  };
+});
+const LinkListItemVerticalContentStyled = styled.span.withConfig({
+  displayName: "LinkListItemVerticalContentStyled",
+  componentId: "sc-1ofgr5q-6"
+})({
+  flexGrow: 1,
+  gap: getSpacing(spacingXs),
+  display: "flex",
+  flexDirection: "column",
+  flexShrink: 1,
+  minWidth: 0
+});
+const LinkListItemLabelWrapperStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListItemLabelWrapperStyled",
+  componentId: "sc-1ofgr5q-7"
+})({
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: 1,
+  alignItems: "flex-start",
+  flexShrink: 1
+});
+const LinkListLabelStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "LinkListLabelStyled",
+  componentId: "sc-1ofgr5q-8"
+})(getHeadingSize(textHeadingXs), {
+  textAlign: "left",
+  overflowWrap: "break-word",
+  hyphens: "auto",
+  maxWidth: "100%"
+});
+const LinkListSuffixStyled = styled(Body).withConfig({
+  displayName: "LinkListSuffixStyled",
+  componentId: "sc-1ofgr5q-9"
+})({
+  color: "inherit"
+});
+const LinkListItemChevronStyled = styled(Icon).withConfig({
+  displayName: "LinkListItemChevronStyled",
+  componentId: "sc-1ofgr5q-10"
+})({
+  flexGrow: 0,
+  flexShrink: 0,
+  color: getIconColor(colorIconBrand)
+});
+const isLinkListItemAsButtonProp = (props) => {
+  return props.href === void 0;
+};
+const LinkListItemVisualContent = ({
+  icon,
+  label,
+  suffix,
+  badge,
+  orientation
+}) => {
+  const LinkListIcon = icon ? /* @__PURE__ */ jsx(IconLoader, { name: icon, size: iconSizeMd }) : void 0;
+  const LinkListLabel = /* @__PURE__ */ jsx(LinkListLabelStyled, { children: label });
+  const LinkListSuffix = suffix ? /* @__PURE__ */ jsx(LinkListSuffixStyled, { tag: spanTagName, bottomSpacing: spacingNone, children: suffix }) : void 0;
+  const LinkListBadge = badge ? /* @__PURE__ */ jsx(Badge, { ...badge, size: smallSize, bottomSpacing: spacingNone }) : void 0;
+  const LinkListChevron = /* @__PURE__ */ jsx(LinkListItemChevronStyled, { name: "ChevronRight", size: iconSizeMd });
+  return /* @__PURE__ */ jsx(LinkListItemContentWrapperStyled, { orientation, children: orientation === linkListItemVariantHorizontal ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(LinkListItemContentStyled, { orientation, children: [
+      LinkListIcon,
+      /* @__PURE__ */ jsxs(LinkListItemLabelWrapperStyled, { children: [
+        LinkListLabel,
+        LinkListSuffix
+      ] }),
+      LinkListBadge
+    ] }),
+    LinkListChevron
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(LinkListItemContentStyled, { orientation, children: [
+      /* @__PURE__ */ jsxs(LinkListItemVerticalContentStyled, { children: [
+        LinkListIcon,
+        /* @__PURE__ */ jsxs(LinkListItemLabelWrapperStyled, { children: [
+          LinkListLabel,
+          LinkListSuffix
+        ] })
+      ] }),
+      LinkListChevron
+    ] }),
+    LinkListBadge
+  ] }) });
+};
+const LinkListItem = (props) => {
+  const {
+    icon,
+    label,
+    suffix,
+    badge,
+    orientation,
+    elevation
+  } = props;
+  const Content = /* @__PURE__ */ jsx(LinkListItemVisualContent, { icon, label, suffix, badge, orientation });
+  const Item = elevation ? /* @__PURE__ */ jsx(LinkListItemElevatedStyled, { tag: "span", children: Content }) : /* @__PURE__ */ jsx(LinkListItemStyled, { orientation, bottomSpacing: props.bottomSpacing, children: Content });
+  if (isLinkListItemAsButtonProp(props)) {
+    return /* @__PURE__ */ jsx(LinkListItemButtonStyled, { ...props, children: Item });
+  }
+  const LinkComponent = useLinkComponent();
+  return /* @__PURE__ */ jsx(LinkListItemAnchorStyled, { elevation, orientation, layout: props.layout, children: /* @__PURE__ */ jsx(LinkComponent, { ...sanitizeLinkProps(pickDomProps(props)), children: Item }) });
+};
+export {
+  LinkListItem as L,
+  LinkListItemStyled as a
+};