@trilogy-ds/react 0.0.9-beta-v4 → 0.0.11-esm-cjs

package/lib/chunk-KJ3L7UBY.mjs

@@ -0,0 +1,25 @@
+"use client";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/rows/row/Row.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Row = React.forwardRef(({ className, id, narrow, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
+  return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others });
+});
+Row.displayName = "Row" /* Row */;
+var Row_default = Row;
+
+export {
+  Row_default
+};

package/lib/chunk-KJYQ43XM.mjs

@@ -0,0 +1,13 @@
+"use client";
+
+// components/styleComponent/mangled/styleComponentMangled.tsx
+import "@trilogy-ds/styles/dist/default/trilogy-mangled.css";
+import React from "react";
+var StyleComponentMangled = ({ children }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+};
+var styleComponentMangled_default = StyleComponentMangled;
+
+export {
+  styleComponentMangled_default
+};

package/lib/chunk-KNRXLZZP.mjs

@@ -0,0 +1,62 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-VI2KFLCZ.mjs";
+
+// objects/facets/Status/index.native.ts
+var StatusState = /* @__PURE__ */ ((StatusState2) => {
+  StatusState2["SUCCESS"] = "SUCCESS";
+  StatusState2["INFO"] = "INFO";
+  StatusState2["WARNING"] = "WARNING";
+  StatusState2["ERROR"] = "ERROR";
+  return StatusState2;
+})(StatusState || {});
+var getStatusClassName = (statusType) => {
+  switch (statusType) {
+    case "SUCCESS":
+      return "success";
+    case "INFO":
+      return "info";
+    case "WARNING":
+      return "warning";
+    case "ERROR":
+      return "error";
+    default:
+      return "";
+  }
+};
+var STATUS_COLORS = {
+  SUCCESS: { color: "SUCCESS" /* SUCCESS */, backgroundColor: "SUCCESS_FADE" /* SUCCESS_FADE */ },
+  INFO: { color: "INFO" /* INFO */, backgroundColor: "INFO_FADE" /* INFO_FADE */ },
+  WARNING: { color: "WARNING" /* WARNING */, backgroundColor: "WARNING_FADE" /* WARNING_FADE */ },
+  ERROR: { color: "ERROR" /* ERROR */, backgroundColor: "ERROR_FADE" /* ERROR_FADE */ },
+  DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
+};
+var getStatusStyle = (statusType) => {
+  const colors = STATUS_COLORS[statusType || "DEFAULT"];
+  return {
+    color: getColorStyle(colors.color),
+    backgroundColor: getColorStyle(colors.backgroundColor)
+  };
+};
+var getStatusIconName = (statusType) => {
+  switch (statusType) {
+    case "SUCCESS":
+      return "tri-check-circle" /* CHECK_CIRCLE */;
+    case "INFO":
+      return "tri-infos-circle" /* INFOS_CIRCLE */;
+    case "WARNING":
+      return "tri-alert" /* ALERT */;
+    case "ERROR":
+      return "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */;
+    default:
+      return "tri-infos-circle" /* INFOS_CIRCLE */;
+  }
+};
+
+export {
+  StatusState,
+  getStatusClassName,
+  getStatusStyle,
+  getStatusIconName
+};

package/lib/chunk-KQV6UPEF.mjs

@@ -0,0 +1,53 @@
+"use client";
+import {
+  isRequiredChild
+} from "./chunk-TFRD43SL.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+import {
+  getJustifiedClassName
+} from "./chunk-L4UDEKQK.mjs";
+
+// components/checkbox/list/CheckboxList.tsx
+import clsx from "clsx";
+import * as React from "react";
+var CheckboxList = React.forwardRef(
+  ({ className, id, align, horizontalMobile, verticalDesktop, accessibilityLabelledBy, children, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        id,
+        role: "group",
+        "aria-labelledby": accessibilityLabelledBy,
+        "aria-required": isRequiredChild(children) ? "true" : void 0,
+        className: hashClass(
+          styled,
+          clsx(
+            "checkboxes",
+            className,
+            align && is(getJustifiedClassName(align)),
+            horizontalMobile && is("horizontal-mobile"),
+            verticalDesktop && is("vertical-desktop")
+          )
+        ),
+        ...others
+      },
+      children
+    );
+  }
+);
+CheckboxList.displayName = "CheckboxList" /* CheckboxList */;
+var CheckboxList_default = CheckboxList;
+
+export {
+  CheckboxList_default
+};

package/lib/chunk-KUF5FQNN.mjs

@@ -0,0 +1,23 @@
+"use client";
+
+// components/columns/ColumnsTypes.ts
+var GapSize = /* @__PURE__ */ ((GapSize2) => {
+  GapSize2[GapSize2["ZERO"] = 0] = "ZERO";
+  GapSize2[GapSize2["ONE"] = 1] = "ONE";
+  GapSize2[GapSize2["TWO"] = 2] = "TWO";
+  GapSize2[GapSize2["THREE"] = 3] = "THREE";
+  GapSize2[GapSize2["FOUR"] = 4] = "FOUR";
+  GapSize2[GapSize2["FIVE"] = 5] = "FIVE";
+  GapSize2[GapSize2["SIX"] = 6] = "SIX";
+  GapSize2[GapSize2["SEVEN"] = 7] = "SEVEN";
+  GapSize2[GapSize2["EIGHT"] = 8] = "EIGHT";
+  GapSize2[GapSize2["NINE"] = 9] = "NINE";
+  GapSize2[GapSize2["TEN"] = 10] = "TEN";
+  return GapSize2;
+})(GapSize || {});
+var ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
+
+export {
+  GapSize,
+  ColumnsGapValue
+};

package/lib/chunk-KX2KTYWH.mjs

@@ -0,0 +1,38 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-SGAZRZIK.mjs";
+import {
+  has,
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/product-tour/ProductTour.tsx
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+var ProductTour = React.forwardRef(
+  ({ children, className, id, active, arrowDirection, arrowAlign, closeable, avatarSrc, avatarDirection, ...others }, ref) => {
+    const [display, setDisplay] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+      setDisplay(active || false);
+    }, [active]);
+    const classes = hashClass(
+      styled,
+      clsx("product-tour", display && is("active"), avatarDirection && has(`icon-${avatarDirection}`), className)
+    );
+    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, arrowDirection && /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("arrow", is(arrowDirection), arrowAlign && is(arrowAlign))) }), avatarSrc && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("icon", is("medium"))) }, /* @__PURE__ */ React.createElement("img", { className: hashClass(styled, clsx(is("rounded"))), src: avatarSrc })), closeable && /* @__PURE__ */ React.createElement("div", { style: { cursor: "pointer" }, onClick: () => setDisplay(!display) }, /* @__PURE__ */ React.createElement(Icon_default, { size: "small" /* SMALL */, name: "tri-times" /* TIMES */, className: "close" })), /* @__PURE__ */ React.createElement("div", { className: hashClass(styled, clsx("product-tour-content")) }, children));
+  }
+);
+ProductTour.displayName = "ProductTour" /* ProductTour */;
+var ProductTour_default = ProductTour;
+
+export {
+  ProductTour_default
+};

package/lib/chunk-KZ3GTDH6.mjs

@@ -0,0 +1,30 @@
+"use client";
+import {
+  Link_default
+} from "./chunk-62D2ZNLD.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/breadcrumb/item/BreadcrumbItem.tsx
+import clsx from "clsx";
+import * as React from "react";
+var BreadcrumbItem = React.forwardRef(
+  ({ children, active, id, href, to, routerLink, testId, onClick, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    if (routerLink && to) {
+      const RouterLink = routerLink ? routerLink : "a";
+      return /* @__PURE__ */ React.createElement("li", { ref, id, "data-testid": testId, onClick, "aria-current": active ? "page" : void 0 }, /* @__PURE__ */ React.createElement(RouterLink, { className: hashClass(styled, clsx("link")), to, ...others }, children));
+    }
+    return /* @__PURE__ */ React.createElement("li", { ref, id, onClick, "aria-current": active ? "page" : void 0 }, active ? children : /* @__PURE__ */ React.createElement(Link_default, { href, ...others }, children));
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem" /* BreadcrumbItem */;
+var BreadcrumbItem_default = BreadcrumbItem;
+
+export {
+  BreadcrumbItem_default
+};

package/lib/chunk-L25MU6JT.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-L3A2G234.mjs

@@ -0,0 +1,43 @@
+"use client";
+import {
+  getVariantClassName
+} from "./chunk-JA5LYEG4.mjs";
+import {
+  Icon_default
+} from "./chunk-SGAZRZIK.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/sticker/Sticker.tsx
+import clsx from "clsx";
+import React from "react";
+var Sticker = React.forwardRef(
+  ({ className, id, variant, small, label, outlined, iconName, accessibilityLabel, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(
+      styled,
+      clsx(
+        "sticker",
+        variant && is(getVariantClassName(variant)),
+        small && is("small"),
+        className,
+        outlined && is("outlined"),
+        is("vcentered")
+      )
+    );
+    return /* @__PURE__ */ React.createElement("p", { ref, id, className: classes, "aria-label": accessibilityLabel, ...others }, iconName && /* @__PURE__ */ React.createElement(Icon_default, { size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label);
+  }
+);
+Sticker.displayName = "Sticker" /* Sticker */;
+var Sticker_default = Sticker;
+
+export {
+  Sticker_default
+};

package/lib/chunk-L4NGR2DL.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-L4UDEKQK.mjs

@@ -0,0 +1,90 @@
+"use client";
+
+// objects/facets/Justifiable/index.ts
+var Justifiable = /* @__PURE__ */ ((Justifiable2) => {
+  Justifiable2["JUSTIFIED_CENTER"] = "JUSTIFIED_CENTER";
+  Justifiable2["JUSTIFIED_START"] = "JUSTIFIED_START";
+  Justifiable2["JUSTIFIED_END"] = "JUSTIFIED_END";
+  Justifiable2["SPACE_BETWEEN"] = "SPACE_BETWEEN";
+  return Justifiable2;
+})(Justifiable || {});
+var Justify = /* @__PURE__ */ ((Justify2) => {
+  Justify2["CENTER"] = "CENTER";
+  Justify2["START"] = "START";
+  Justify2["END"] = "END";
+  Justify2["SPACE_BETWEEN"] = "SPACE_BETWEEN";
+  Justify2["SPACE_AROUND"] = "SPACE_AROUND";
+  Justify2["SPACE_EVENLY"] = "SPACE_EVENLY";
+  return Justify2;
+})(Justify || {});
+var getJustifyStyle = (justifyContent) => {
+  switch (justifyContent) {
+    case "JUSTIFIED_CENTER":
+      return "center";
+    case "JUSTIFIED_START":
+      return "flex-start";
+    case "JUSTIFIED_END":
+      return "flex-end";
+    case "SPACE_BETWEEN":
+      return "space-between";
+    default:
+      return "flex-start";
+  }
+};
+var getJustifyClassName = (justifyContent) => {
+  switch (justifyContent) {
+    case "JUSTIFIED_CENTER":
+      return "centered";
+    case "CENTER":
+      return "justified-center";
+    case "JUSTIFIED_START":
+      return "justified-start";
+    case "START":
+      return "justified-start";
+    case "JUSTIFIED_END":
+      return "justified-end";
+    case "END":
+      return "justified-end";
+    case "SPACE_BETWEEN":
+      return "spaced-between";
+    case "SPACE_AROUND":
+      return "spaced-around";
+    case "SPACE_EVENLY":
+      return "spaced-evenly";
+    default:
+      return "justified-start";
+  }
+};
+var getJustifiedClassName = (justifyContent) => {
+  switch (justifyContent) {
+    case "ALIGNED_CENTER":
+      return "justified-center";
+    case "ALIGNED_START":
+      return "justified-start";
+    case "ALIGNED_END":
+      return "justified-end";
+    default:
+      return "justified-start";
+  }
+};
+var getJustifySelfClassName = (justifyContent) => {
+  switch (justifyContent) {
+    case "ALIGNED_CENTER":
+      return "justified-self-center";
+    case "ALIGNED_START":
+      return "justified-self-start";
+    case "ALIGNED_END":
+      return "justified-selfend";
+    default:
+      return "justified-selfstart";
+  }
+};
+
+export {
+  Justifiable,
+  Justify,
+  getJustifyStyle,
+  getJustifyClassName,
+  getJustifiedClassName,
+  getJustifySelfClassName
+};

package/lib/chunk-L5TMSDJR.mjs

@@ -0,0 +1,12 @@
+"use client";
+
+// objects/facets/Sticky/index.ts
+var StickyPosition = /* @__PURE__ */ ((StickyPosition2) => {
+  StickyPosition2["TOP"] = "TOP";
+  StickyPosition2["BOTTOM"] = "BOTTOM";
+  return StickyPosition2;
+})(StickyPosition || {});
+
+export {
+  StickyPosition
+};

package/lib/chunk-L6AARVS4.mjs

@@ -0,0 +1,41 @@
+"use client";
+import {
+  Text_native_default
+} from "./chunk-RPXUKVT4.mjs";
+import {
+  getColorStyle
+} from "./chunk-VI2KFLCZ.mjs";
+
+// components/breadcrumb/item/BreadcrumbItem.native.tsx
+import * as React from "react";
+import { Linking, StyleSheet, TouchableOpacity } from "react-native";
+var BreadcrumbItem = React.forwardRef(
+  ({ children, active, to, testId, onClick, ...others }, ref) => {
+    const { textStyle } = StyleSheet.create({
+      textStyle: {
+        color: getColorStyle("FONT" /* FONT */),
+        textDecorationLine: !active ? "underline" : "none",
+        textDecorationStyle: "solid"
+      }
+    });
+    return /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        ref,
+        testID: testId,
+        onPress: (e) => {
+          if (to) Linking.openURL(to);
+          if (onClick) onClick(e);
+        },
+        ...others
+      },
+      /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-weight-medium" /* TEXT_WEIGHT_MEDIUM */, style: { ...textStyle } }, children)
+    );
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem" /* BreadcrumbItem */;
+var BreadcrumbItem_native_default = BreadcrumbItem;
+
+export {
+  BreadcrumbItem_native_default
+};

package/lib/chunk-L6H74EAQ.mjs

@@ -0,0 +1,29 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-VI2KFLCZ.mjs";
+
+// components/box/footer/BoxFooter.native.tsx
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+var BoxFooter = React.forwardRef(
+  ({ children, backgroundColor, ...others }, ref) => {
+    const boxRadius = 6;
+    const styles = StyleSheet.create({
+      boxFooter: {
+        padding: 12,
+        justifyContent: "center",
+        backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : "transparent",
+        borderBottomLeftRadius: boxRadius,
+        borderBottomRightRadius: boxRadius
+      }
+    });
+    return /* @__PURE__ */ React.createElement(View, { ref, style: [styles.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text, null, String(children)) : children);
+  }
+);
+BoxFooter.displayName = "BoxFooter" /* BoxFooter */;
+var BoxFooter_native_default = BoxFooter;
+
+export {
+  BoxFooter_native_default
+};

package/lib/chunk-L7CNF7H6.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-LAVKSOBD.mjs

@@ -0,0 +1,28 @@
+"use client";
+
+// components/tag/list/TagList.native.tsx
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+var TagList = React.forwardRef(({ children, ...others }, ref) => {
+  const styles = StyleSheet.create({
+    tagList: {
+      width: "100%",
+      flexDirection: "row",
+      flexWrap: "wrap"
+    },
+    centered: {
+      alignSelf: "center"
+    },
+    gapless: {
+      margin: 0,
+      padding: 0
+    }
+  });
+  return /* @__PURE__ */ React.createElement(View, { ref, style: [styles.tagList], ...others }, children);
+});
+TagList.displayName = "TagList" /* TagList */;
+var TagList_native_default = TagList;
+
+export {
+  TagList_native_default
+};

package/lib/chunk-LBCAAKRZ.mjs

@@ -0,0 +1,103 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-SGAZRZIK.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/pagination/Pagination.tsx
+import clsx from "clsx";
+import React, { useEffect, useRef, useState } from "react";
+var Pagination = React.forwardRef(
+  ({ className, id, length, defaultPage = 1, onClick, href, ...others }, ref) => {
+    const [currentPage, setCurrentPage] = useState(defaultPage);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("pagination", className));
+    const prevCurrentPage = useRef(currentPage);
+    const pager = React.useMemo(() => {
+      let startPage = 1;
+      let endPage = 5;
+      if (length <= 5) {
+        startPage = 1;
+        endPage = length;
+      } else {
+        if (currentPage <= 3) {
+          startPage = 1;
+          endPage = 4;
+        } else if (currentPage + 3 >= length) {
+          startPage = length - 3;
+          endPage = length;
+        } else {
+          startPage = currentPage - 1;
+          endPage = currentPage + 1;
+        }
+      }
+      const pages = [...Array(endPage + 1 - startPage).keys()].map((i) => startPage + i);
+      return {
+        currentPage,
+        length,
+        endPage,
+        pages
+      };
+    }, [currentPage, length]);
+    useEffect(() => {
+      if (onClick && prevCurrentPage.current !== pager.currentPage) {
+        onClick(pager);
+      }
+      setCurrentPage(pager.currentPage);
+      prevCurrentPage.current = pager.currentPage;
+    }, [pager.currentPage]);
+    useEffect(() => {
+      setCurrentPage(defaultPage);
+    }, [defaultPage]);
+    return /* @__PURE__ */ React.createElement("nav", { ref, id, className: classes, ...others }, /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-previous")),
+        ...currentPage === 1 ? { "aria-disabled": true } : {},
+        onClick: () => {
+          if (currentPage !== 1) {
+            setCurrentPage(currentPage - 1);
+          }
+        },
+        href: href == null ? void 0 : href(currentPage - 1)
+      },
+      /* @__PURE__ */ React.createElement(Icon_default, { name: "tri-arrow-left" /* ARROW_LEFT */ })
+    ), /* @__PURE__ */ React.createElement("ul", { className: hashClass(styled, clsx("pagination-list")) }, !pager.pages.includes(1) && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("pagination-ellipsis")) }, "\u2026")), pager.pages.map((pageNumber) => /* @__PURE__ */ React.createElement("li", { key: pageNumber }, /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-link")),
+        ...currentPage === pageNumber ? { "aria-current": true } : {},
+        "aria-label": `Aller \xE0 la page ${pageNumber}`,
+        onClick: () => {
+          setCurrentPage(pageNumber);
+        },
+        href: href == null ? void 0 : href(pageNumber)
+      },
+      pageNumber
+    ))), !pager.pages.includes(length) && /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("pagination-ellipsis")) }, "\u2026"))), /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        className: hashClass(styled, clsx("pagination-next")),
+        ...currentPage === Math.max(length) ? { "aria-disabled": true } : {},
+        onClick: () => {
+          if (currentPage !== Math.max(length)) {
+            setCurrentPage(currentPage + 1);
+          }
+        },
+        href: href == null ? void 0 : href(currentPage + 1)
+      },
+      /* @__PURE__ */ React.createElement(Icon_default, { name: "tri-arrow-right" /* ARROW_RIGHT */ })
+    ));
+  }
+);
+Pagination.displayName = "Pagination" /* Pagination */;
+var Pagination_default = Pagination;
+
+export {
+  Pagination_default
+};

package/lib/chunk-LBLPESEI.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-LIWHCQTS.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-LKDRWZFT.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/chunk-LKS2SY52.mjs

@@ -0,0 +1,33 @@
+"use client";
+import {
+  Link_default
+} from "./chunk-62D2ZNLD.mjs";
+import {
+  Text_default
+} from "./chunk-HHE7L3CW.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/timeline/content/TimelineContent.tsx
+import clsx from "clsx";
+import * as React from "react";
+var TimelineContent = React.forwardRef(
+  ({ children, className, id, heading, content, linkLabel, linkTo, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("timeline-content", className));
+    if (children) {
+      return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, children);
+    }
+    return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, heading && /* @__PURE__ */ React.createElement(Text_default, { markup: "p" /* P */ }, heading), content && /* @__PURE__ */ React.createElement(Text_default, { className: "main-content", markup: "p" /* P */ }, content), linkTo && linkLabel && /* @__PURE__ */ React.createElement(Link_default, { href: linkTo }, linkLabel));
+  }
+);
+TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
+var TimelineContent_default = TimelineContent;
+
+export {
+  TimelineContent_default
+};