@trilogy-ds/react 0.0.3-beta-v4 → 0.0.4-esm-cjs

package/lib/components/timeline/content/TimelineContent.native.mjs

@@ -0,0 +1,111 @@
+import {
+  TimelineItemContext
+} from "../../../chunk-PNHDHZ6W.mjs";
+import "../../../chunk-6CKUXYFW.mjs";
+import "../../../chunk-TAGR4AF3.mjs";
+import {
+  Link_default
+} from "../../../chunk-HKPWGLB2.mjs";
+import "../../../chunk-YPID42KM.mjs";
+import "../../../chunk-HHJYYP3Q.mjs";
+import "../../../chunk-WNOUV4YC.mjs";
+import "../../../chunk-RFSYQTZ3.mjs";
+import {
+  AutoLayout_default
+} from "../../../chunk-7PQQULG3.mjs";
+import "../../../chunk-RGTP7W2N.mjs";
+import "../../../chunk-H2WRUU2Y.mjs";
+import "../../../chunk-GPLKH3UQ.mjs";
+import "../../../chunk-2MRTCINP.mjs";
+import "../../../chunk-7V4Z4X42.mjs";
+import {
+  Text_default
+} from "../../../chunk-S3NVF5RX.mjs";
+import "../../../chunk-XHEUUXUM.mjs";
+import "../../../chunk-NGHKQW6O.mjs";
+import "../../../chunk-CSXVI5YI.mjs";
+import "../../../chunk-ZVIFXAQX.mjs";
+import "../../../chunk-I7OXRAPM.mjs";
+import "../../../chunk-YGCFBCWD.mjs";
+import "../../../chunk-BDMIO5IW.mjs";
+import "../../../chunk-4UBVMYQW.mjs";
+import "../../../chunk-YL3L4XUV.mjs";
+import "../../../chunk-IPT4TW4E.mjs";
+import "../../../chunk-ZHAWFRQE.mjs";
+import "../../../chunk-SNKTAQES.mjs";
+import "../../../chunk-KBEAJL4Y.mjs";
+import "../../../chunk-GROIVPY2.mjs";
+import "../../../chunk-JMI2ZDSK.mjs";
+import "../../../chunk-OD7EAHWA.mjs";
+import "../../../chunk-HUITZVGB.mjs";
+import "../../../chunk-N4AHATSI.mjs";
+import "../../../chunk-A3EAYKHQ.mjs";
+import "../../../chunk-DDOYJDC6.mjs";
+import "../../../chunk-X6YXZ7IX.mjs";
+import "../../../chunk-V3GUCW64.mjs";
+import "../../../chunk-CLLVIOLX.mjs";
+import "../../../chunk-F3R22XFV.mjs";
+import "../../../chunk-O63NISNW.mjs";
+import "../../../chunk-CBTZPEJP.mjs";
+import "../../../chunk-QS6QFWA4.mjs";
+import "../../../chunk-2WYT3W76.mjs";
+import "../../../chunk-ZUJOJMIY.mjs";
+import "../../../chunk-WVW5Y7JU.mjs";
+import "../../../chunk-6XYXISPQ.mjs";
+import "../../../chunk-DZDQL5F4.mjs";
+import "../../../chunk-DLLAGMBJ.mjs";
+import "../../../chunk-ZZKO3PGP.mjs";
+import "../../../chunk-LCCPZVJA.mjs";
+import "../../../chunk-RKRETAZE.mjs";
+import "../../../chunk-4VQXIGA4.mjs";
+import "../../../chunk-CERCYDMJ.mjs";
+import "../../../chunk-6F4GWAQR.mjs";
+import "../../../chunk-B52A3BFQ.mjs";
+import "../../../chunk-RBMXTQBU.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-YZRO54LX.mjs";
+import "../../../chunk-4YIM7SBN.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-4VQ23W74.mjs";
+
+// components/timeline/content/TimelineContent.native.tsx
+import React, { useContext } from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+var TimelineContent = React.forwardRef(
+  ({ content, heading, linkLabel, linkTo, children }, ref) => {
+    const timelineContextValues = useContext(TimelineItemContext);
+    const styles = StyleSheet.create({
+      container: {
+        flex: 6,
+        marginBottom: 8,
+        marginLeft: 4
+      },
+      heading: {
+        marginBottom: 4,
+        marginTop: 8
+      },
+      content: {
+        fontWeight: timelineContextValues.active ? "600" : "400",
+        marginBottom: 4
+      },
+      link: {
+        marginTop: 6
+      }
+    });
+    return children ? /* @__PURE__ */ React.createElement(View, { ref, style: styles.container }, /* @__PURE__ */ React.createElement(AutoLayout_default, null, children)) : /* @__PURE__ */ React.createElement(View, { ref, style: styles.container }, !!heading && /* @__PURE__ */ React.createElement(Text_default, { level: 3 /* THREE */, style: styles.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ React.createElement(Text_default, { level: 2 /* TWO */, style: styles.content }, content), linkLabel && linkTo && /* @__PURE__ */ React.createElement(TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ React.createElement(View, { style: styles.link }, /* @__PURE__ */ React.createElement(Link_default, { to: linkTo }, linkLabel))));
+  }
+);
+TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
+var TimelineContent_native_default = TimelineContent;
+export {
+  TimelineContent_native_default as default
+};

package/lib/components/timeline/content/TimelineContentProps.d.mts

@@ -0,0 +1,19 @@
+/**
+ * Timeline Content Interface
+ */
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TimelineContentProps {
+    children?: React.ReactNode;
+    heading?: string;
+    content?: string;
+    linkTo?: string;
+    linkLabel?: string;
+}
+/**
+ * Timeline Content Web Interface
+ */
+export interface TimelineContentWebProps extends TimelineContentProps, CommonProps {
+}
+export type TimelineContentRef = HTMLDivElement;
+export type TimelineContentNativeRef = View;

package/lib/components/timeline/content/TimelineContentProps.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 /**
  * Timeline Content Interface
  */
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface TimelineContentProps {
     children?: React.ReactNode;
@@ -15,3 +15,5 @@ export interface TimelineContentProps {
  */
 export interface TimelineContentWebProps extends TimelineContentProps, CommonProps {
 }
+export type TimelineContentRef = HTMLDivElement;
+export type TimelineContentNativeRef = View;

package/lib/components/timeline/content/TimelineContentProps.js

@@ -1,2 +1,18 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvVGltZWxpbmVDb250ZW50UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/timeline/content/TimelineContentProps.ts
+var TimelineContentProps_exports = {};
+module.exports = __toCommonJS(TimelineContentProps_exports);

package/lib/components/timeline/content/index.d.mts

@@ -0,0 +1,2 @@
+import TimelineContent from './TimelineContent';
+export default TimelineContent;

package/lib/components/timeline/content/index.js

@@ -1,3 +1,393 @@
-import TimelineContent from './TimelineContent';
-export default TimelineContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL2NvbnRlbnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sbUJBQW1CLENBQUE7QUFFL0MsZUFBZSxlQUFlLENBQUEifQ==
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/timeline/content/index.ts
+var content_exports = {};
+__export(content_exports, {
+  default: () => content_default
+});
+module.exports = __toCommonJS(content_exports);
+
+// context/index.tsx
+var React = __toESM(require("react"));
+var TrilogyContext = React.createContext({
+  styled: false,
+  setStyled: () => void 0
+});
+var useTrilogyContext = () => {
+  const context = React.useContext(TrilogyContext);
+  if (context === void 0) {
+    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
+  }
+  return context;
+};
+
+// helpers/hashClassesHelpers/index.tsx
+var hashClass = (addHash = false, classes) => {
+  const { hash, styled } = useTrilogyContext();
+  if (classes.trim().length < 1) return "";
+  if (styled) {
+    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
+  }
+  return classes;
+};
+
+// helpers/device/index.ts
+var Device = /* @__PURE__ */ ((Device2) => {
+  Device2["Browser"] = "browser";
+  Device2["Server"] = "server";
+  Device2["Native"] = "native";
+  return Device2;
+})(Device || {});
+var { Browser, Server, Native } = Device;
+var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+var canUseNative = typeof navigator != "undefined" && navigator.product == "ReactNative";
+var device = canUseNative ? Native : canUseDOM ? Browser : Server;
+var SSRObjectDefined = {
+  isBrowser: device === Browser,
+  isServer: device === Server,
+  isNative: device === Native,
+  device,
+  canUseWorkers: typeof Worker !== "undefined",
+  canUseEventListeners: device === Browser && !!window.addEventListener,
+  canUseViewport: device === Browser && !!window.screen
+};
+var assign = (...args) => Object.assign({}, ...args);
+var values = (obj) => Object.values(obj);
+var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
+var SSRObject = toArrayObject();
+
+// context/providerTheme/index.tsx
+var import_react = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
+
+// objects/facets/Color/index.tsx
+var import_react2 = require("react");
+var colors = {
+  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
+  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
+  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
+  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
+  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
+  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
+  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
+  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
+  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
+  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
+  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
+  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
+  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
+  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
+  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
+  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
+  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
+  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
+};
+var getColorClassName = (trilogyColor) => {
+  const color = colors[trilogyColor];
+  return color[1];
+};
+
+// objects/atoms/Background/index.ts
+var getBackgroundClassName = (backgroundType) => {
+  return `background-${getColorClassName(backgroundType)}`;
+};
+
+// objects/facets/Justifiable/index.ts
+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";
+  }
+};
+
+// services/classify/index.ts
+function classify(prefix) {
+  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
+}
+var is = classify("is");
+var has = classify("has");
+
+// components/icon/Icon.tsx
+var import_clsx = __toESM(require("clsx"));
+var React3 = __toESM(require("react"));
+var Icon = React3.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align } = _b, others = __objRest(_b, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
+    const { styled } = useTrilogyContext();
+    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
+    const classes = hashClass(
+      styled,
+      (0, import_clsx.default)(
+        "icon",
+        stretched && is("stretched"),
+        size && is(size),
+        circled && is("circled"),
+        circled && !color && has("text-white"),
+        color && is(`${getColorClassName(color)}`),
+        skeleton && is("loading"),
+        align && (0, import_clsx.default)(is("flex"), is(getJustifySelfClassName(align))),
+        background,
+        className
+      )
+    );
+    return /* @__PURE__ */ React3.createElement("span", __spreadProps(__spreadValues({ id, onClick: onClick && onClick, className: classes }, others), { ref }), /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
+  }
+);
+Icon.displayName = "Icon" /* Icon */;
+var Icon_default = Icon;
+
+// components/link/Link.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var React4 = __toESM(require("react"));
+var Link = React4.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      className,
+      id,
+      to,
+      href,
+      onClick,
+      accessibilityLabel,
+      routerLink,
+      iconName,
+      inverted,
+      blank,
+      title
+    } = _b, others = __objRest(_b, [
+      "children",
+      "className",
+      "id",
+      "to",
+      "href",
+      "onClick",
+      "accessibilityLabel",
+      "routerLink",
+      "iconName",
+      "inverted",
+      "blank",
+      "title"
+    ]);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, (0, import_clsx2.default)("link", iconName && has("icon"), inverted && is("inverted"), className));
+    if (routerLink && to) {
+      const RouterLink = routerLink ? routerLink : "a";
+      const RouterLinkTrilogy = () => {
+        return /* @__PURE__ */ React4.createElement(
+          RouterLink,
+          __spreadValues(__spreadValues({
+            ref,
+            id,
+            "aria-label": accessibilityLabel,
+            onClick: onClick && onClick,
+            className: hashClass(styled, (0, import_clsx2.default)(classes)),
+            to: to || ""
+          }, blank && {
+            target: "_blank"
+          }), others),
+          children
+        );
+      };
+      return /* @__PURE__ */ React4.createElement(RouterLinkTrilogy, null);
+    }
+    const LinkTrilogy = () => {
+      return /* @__PURE__ */ React4.createElement(
+        "a",
+        __spreadValues(__spreadValues({
+          ref,
+          id,
+          "aria-label": accessibilityLabel,
+          onClick: onClick && onClick,
+          className: classes,
+          title,
+          href
+        }, blank && {
+          target: "_blank"
+        }), others),
+        iconName ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("span", null, children), /* @__PURE__ */ React4.createElement(Icon_default, { name: iconName, size: "small" /* SMALL */ })) : children
+      );
+    };
+    return /* @__PURE__ */ React4.createElement(LinkTrilogy, null);
+  }
+);
+Link.displayName = "Link" /* Link */;
+var Link_default = Link;
+
+// components/text/Text.tsx
+var React5 = __toESM(require("react"));
+var import_clsx3 = __toESM(require("clsx"));
+
+// components/text/TextEnum.ts
+var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
+  TextMarkup2["P"] = "p";
+  TextMarkup2["SPAN"] = "span";
+  return TextMarkup2;
+})(TextMarkup || {});
+
+// components/text/Text.tsx
+var Text = React5.forwardRef((_a, ref) => {
+  var _b = _a, {
+    level,
+    markup,
+    children,
+    className,
+    id,
+    typo,
+    inverted,
+    skeleton,
+    accessibilityLabel,
+    marginless,
+    numberOfLines
+  } = _b, others = __objRest(_b, [
+    "level",
+    "markup",
+    "children",
+    "className",
+    "id",
+    "typo",
+    "inverted",
+    "skeleton",
+    "accessibilityLabel",
+    "marginless",
+    "numberOfLines"
+  ]);
+  const { styled } = useTrilogyContext();
+  const levelText = () => {
+    if (level) {
+      switch (level) {
+        case 1 /* ONE */:
+          return is("level-1");
+        case 2 /* TWO */:
+          return is("level-2");
+        case 3 /* THREE */:
+          return is("level-3");
+        case 4 /* FOUR */:
+          return is("level-4");
+        default:
+          return is(`level-${level}`);
+      }
+    }
+  };
+  const classes = hashClass(
+    styled,
+    (0, import_clsx3.default)(
+      "text",
+      level && levelText(),
+      inverted && is("inverted"),
+      typo,
+      skeleton && is("loading"),
+      marginless && is("marginless"),
+      numberOfLines && is("text-ellipsis"),
+      className
+    )
+  );
+  const isCorrectMarkup = (stringMarkup) => {
+    if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
+  };
+  const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
+  return /* @__PURE__ */ React5.createElement(
+    Tag,
+    __spreadValues({
+      ref,
+      id,
+      style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {},
+      "aria-label": accessibilityLabel,
+      className: classes
+    }, others),
+    children
+  );
+});
+Text.displayName = "Text" /* Text */;
+var Text_default = Text;
+
+// components/timeline/content/TimelineContent.tsx
+var import_clsx4 = __toESM(require("clsx"));
+var React6 = __toESM(require("react"));
+var TimelineContent = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, id, heading, content, linkLabel, linkTo } = _b, others = __objRest(_b, ["children", "className", "id", "heading", "content", "linkLabel", "linkTo"]);
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, (0, import_clsx4.default)("timeline-content", className));
+    if (children) {
+      return /* @__PURE__ */ React6.createElement("div", __spreadValues({ ref, id, className: classes }, others), children);
+    }
+    return /* @__PURE__ */ React6.createElement("div", __spreadValues({ ref, id, className: classes }, others), heading && /* @__PURE__ */ React6.createElement(Text_default, { markup: "p" /* P */ }, heading), content && /* @__PURE__ */ React6.createElement(Text_default, { className: "main-content", markup: "p" /* P */ }, content), linkTo && linkLabel && /* @__PURE__ */ React6.createElement(Link_default, { href: linkTo }, linkLabel));
+  }
+);
+TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
+var TimelineContent_default = TimelineContent;
+
+// components/timeline/content/index.ts
+var content_default = TimelineContent_default;

package/lib/components/timeline/content/index.mjs

@@ -0,0 +1,29 @@
+import {
+  content_default
+} from "../../../chunk-ZO46D3GS.mjs";
+import "../../../chunk-ZIPFFPLM.mjs";
+import "../../../chunk-TAGR4AF3.mjs";
+import "../../../chunk-HKPWGLB2.mjs";
+import "../../../chunk-7V4Z4X42.mjs";
+import "../../../chunk-S3NVF5RX.mjs";
+import "../../../chunk-CERCYDMJ.mjs";
+import "../../../chunk-6F4GWAQR.mjs";
+import "../../../chunk-B52A3BFQ.mjs";
+import "../../../chunk-RBMXTQBU.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-YZRO54LX.mjs";
+import "../../../chunk-4YIM7SBN.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-4VQ23W74.mjs";
+export {
+  content_default as default
+};

package/lib/components/timeline/content/test/TimelineContent.native.test.d.mts

@@ -0,0 +1 @@
+export {};

package/lib/components/timeline/content/test/TimelineContent.native.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/timeline/content/test/TimelineContent.test.d.mts

@@ -0,0 +1 @@
+export {};

package/lib/components/timeline/content/test/TimelineContent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/timeline/index.d.mts

@@ -0,0 +1,5 @@
+import TimelineContent from './content';
+import TimelineItem from './item';
+import TimelineMarker from './marker';
+import Timeline from './Timeline';
+export { Timeline, TimelineItem, TimelineContent, TimelineMarker };