@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/ThemeProvider.js

@@ -1,286 +1,171 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import theme from './theme.js';
-import deepmerge from 'deepmerge';
-import { useSyncedState } from './hooks/useSyncedState.js';
-import { ThemeContext } from './ThemeContext.js';
-import { useTheme } from './useTheme.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useFeatureFlag } from './FeatureFlags/useFeatureFlag.js';
-import { useId } from './hooks/useId.js';
-
-const defaultColorMode = 'day';
-const defaultDayScheme = 'light';
-const defaultNightScheme = 'dark';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-// inspired from __NEXT_DATA__, we use application/json to avoid CSRF policy with inline scripts
-const serverHandoffCache = new Map();
-const emptyHandoff = {};
-const getServerHandoff = id => {
-  if (typeof document === 'undefined') return emptyHandoff;
-  const cached = serverHandoffCache.get(id);
-  if (cached !== undefined) return cached;
-  try {
-    var _document$getElementB;
-    const serverData = (_document$getElementB = document.getElementById(`__PRIMER_DATA_${id}__`)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.textContent;
-    if (serverData) {
-      const parsed = JSON.parse(serverData);
-      serverHandoffCache.set(id, parsed);
-      return parsed;
-    }
-  } catch (_error) {
-    // if document/element does not exist or JSON is invalid, suppress error
-  }
-  const empty = {};
-  serverHandoffCache.set(id, empty);
-  return empty;
-};
-const emptySubscribe = () => () => {};
-const ThemeProvider = t0 => {
-  var _ref, _props$colorMode, _ref2, _props$dayScheme, _ref3, _props$nightScheme;
-  const $ = c(47);
-  let children;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      children,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-  } else {
-    children = $[1];
-    props = $[2];
-  }
-  const {
-    theme: fallbackTheme,
-    colorMode: fallbackColorMode,
-    dayScheme: fallbackDayScheme,
-    nightScheme: fallbackNightScheme
-  } = useTheme();
-  const theme$1 = fallbackTheme !== null && fallbackTheme !== void 0 ? fallbackTheme : theme;
-  const removeSSRHandoff = useFeatureFlag("primer_react_theme_provider_remove_ssr_handoff");
-  const uniqueDataId = useId();
-  const [colorMode, setColorMode] = useSyncedState((_ref = (_props$colorMode = props.colorMode) !== null && _props$colorMode !== void 0 ? _props$colorMode : fallbackColorMode) !== null && _ref !== void 0 ? _ref : defaultColorMode);
-  const [dayScheme, setDayScheme] = useSyncedState((_ref2 = (_props$dayScheme = props.dayScheme) !== null && _props$dayScheme !== void 0 ? _props$dayScheme : fallbackDayScheme) !== null && _ref2 !== void 0 ? _ref2 : defaultDayScheme);
-  const [nightScheme, setNightScheme] = useSyncedState((_ref3 = (_props$nightScheme = props.nightScheme) !== null && _props$nightScheme !== void 0 ? _props$nightScheme : fallbackNightScheme) !== null && _ref3 !== void 0 ? _ref3 : defaultNightScheme);
-  const systemColorMode = useSystemColorMode();
-  let t1;
-  if ($[3] !== colorMode || $[4] !== systemColorMode) {
-    t1 = resolveColorMode(colorMode, systemColorMode);
-    $[3] = colorMode;
-    $[4] = systemColorMode;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  const clientColorMode = t1;
-  let t2;
-  if ($[6] !== clientColorMode) {
-    t2 = () => clientColorMode;
-    $[6] = clientColorMode;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  let t3;
-  if ($[8] !== clientColorMode || $[9] !== uniqueDataId) {
-    t3 = () => {
-      var _getServerHandoff$res;
-      return (_getServerHandoff$res = getServerHandoff(uniqueDataId).resolvedServerColorMode) !== null && _getServerHandoff$res !== void 0 ? _getServerHandoff$res : clientColorMode;
-    };
-    $[8] = clientColorMode;
-    $[9] = uniqueDataId;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  const ssrResolvedColorMode = React.useSyncExternalStore(emptySubscribe, t2, t3);
-  const resolvedColorMode = removeSSRHandoff ? clientColorMode : ssrResolvedColorMode;
-  let t4;
-  if ($[11] !== dayScheme || $[12] !== nightScheme || $[13] !== resolvedColorMode) {
-    t4 = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
-    $[11] = dayScheme;
-    $[12] = nightScheme;
-    $[13] = resolvedColorMode;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  const colorScheme = t4;
-  let t5;
-  if ($[15] !== colorScheme || $[16] !== theme$1) {
-    t5 = applyColorScheme(theme$1, colorScheme);
-    $[15] = colorScheme;
-    $[16] = theme$1;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  const {
-    resolvedTheme,
-    resolvedColorScheme
-  } = t5;
-  let t6;
-  if ($[18] !== colorMode || $[19] !== colorScheme || $[20] !== dayScheme || $[21] !== nightScheme || $[22] !== resolvedColorMode || $[23] !== resolvedColorScheme || $[24] !== resolvedTheme || $[25] !== setColorMode || $[26] !== setDayScheme || $[27] !== setNightScheme) {
-    t6 = {
-      theme: resolvedTheme,
-      colorScheme,
-      colorMode,
-      resolvedColorMode,
-      resolvedColorScheme,
-      dayScheme,
-      nightScheme,
-      setColorMode,
-      setDayScheme,
-      setNightScheme
-    };
-    $[18] = colorMode;
-    $[19] = colorScheme;
-    $[20] = dayScheme;
-    $[21] = nightScheme;
-    $[22] = resolvedColorMode;
-    $[23] = resolvedColorScheme;
-    $[24] = resolvedTheme;
-    $[25] = setColorMode;
-    $[26] = setDayScheme;
-    $[27] = setNightScheme;
-    $[28] = t6;
-  } else {
-    t6 = $[28];
-  }
-  const contextValue = t6;
-  let t7;
-  if ($[29] !== props.preventSSRMismatch || $[30] !== removeSSRHandoff || $[31] !== resolvedColorMode || $[32] !== uniqueDataId) {
-    t7 = !removeSSRHandoff && props.preventSSRMismatch ? /*#__PURE__*/jsx("script", {
-      type: "application/json",
-      id: `__PRIMER_DATA_${uniqueDataId}__`,
-      dangerouslySetInnerHTML: {
-        __html: JSON.stringify({
-          resolvedServerColorMode: resolvedColorMode
-        })
-      }
-    }) : null;
-    $[29] = props.preventSSRMismatch;
-    $[30] = removeSSRHandoff;
-    $[31] = resolvedColorMode;
-    $[32] = uniqueDataId;
-    $[33] = t7;
-  } else {
-    t7 = $[33];
-  }
-  const ssrHandoffScript = t7;
-  if (props.contextOnly) {
-    let t8;
-    if ($[34] !== children || $[35] !== contextValue || $[36] !== ssrHandoffScript) {
-      t8 = /*#__PURE__*/jsxs(ThemeContext.Provider, {
-        value: contextValue,
-        children: [children, ssrHandoffScript]
-      });
-      $[34] = children;
-      $[35] = contextValue;
-      $[36] = ssrHandoffScript;
-      $[37] = t8;
-    } else {
-      t8 = $[37];
-    }
-    return t8;
-  }
-  const t8 = colorMode === "auto" ? "auto" : colorScheme.includes("dark") ? "dark" : "light";
-  let t9;
-  if ($[38] !== children || $[39] !== dayScheme || $[40] !== nightScheme || $[41] !== ssrHandoffScript || $[42] !== t8) {
-    t9 = /*#__PURE__*/jsxs("div", {
-      "data-color-mode": t8,
-      "data-light-theme": dayScheme,
-      "data-dark-theme": nightScheme,
-      children: [children, ssrHandoffScript]
-    });
-    $[38] = children;
-    $[39] = dayScheme;
-    $[40] = nightScheme;
-    $[41] = ssrHandoffScript;
-    $[42] = t8;
-    $[43] = t9;
-  } else {
-    t9 = $[43];
-  }
-  let t10;
-  if ($[44] !== contextValue || $[45] !== t9) {
-    t10 = /*#__PURE__*/jsx(ThemeContext.Provider, {
-      value: contextValue,
-      children: t9
-    });
-    $[44] = contextValue;
-    $[45] = t9;
-    $[46] = t10;
-  } else {
-    t10 = $[46];
-  }
-  return t10;
+import theme from "./theme.js";
+import { useSyncedState } from "./hooks/useSyncedState.js";
+import { ThemeContext } from "./ThemeContext.js";
+import { useTheme } from "./useTheme.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import deepmerge from "deepmerge";
+const defaultDayScheme = "light";
+const defaultNightScheme = "dark";
+const ThemeProvider = (t0) => {
+	var _ref, _props$colorMode, _ref2, _props$dayScheme, _ref3, _props$nightScheme;
+	const $ = c(34);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	const { theme: fallbackTheme, colorMode: fallbackColorMode, dayScheme: fallbackDayScheme, nightScheme: fallbackNightScheme } = useTheme();
+	const theme$1 = fallbackTheme !== null && fallbackTheme !== void 0 ? fallbackTheme : theme;
+	const [colorMode, setColorMode] = useSyncedState((_ref = (_props$colorMode = props.colorMode) !== null && _props$colorMode !== void 0 ? _props$colorMode : fallbackColorMode) !== null && _ref !== void 0 ? _ref : "day");
+	const [dayScheme, setDayScheme] = useSyncedState((_ref2 = (_props$dayScheme = props.dayScheme) !== null && _props$dayScheme !== void 0 ? _props$dayScheme : fallbackDayScheme) !== null && _ref2 !== void 0 ? _ref2 : defaultDayScheme);
+	const [nightScheme, setNightScheme] = useSyncedState((_ref3 = (_props$nightScheme = props.nightScheme) !== null && _props$nightScheme !== void 0 ? _props$nightScheme : fallbackNightScheme) !== null && _ref3 !== void 0 ? _ref3 : defaultNightScheme);
+	const systemColorMode = useSystemColorMode();
+	let resolvedColorMode;
+	let t1;
+	if ($[3] !== colorMode || $[4] !== dayScheme || $[5] !== nightScheme || $[6] !== systemColorMode) {
+		resolvedColorMode = resolveColorMode(colorMode, systemColorMode);
+		t1 = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
+		$[3] = colorMode;
+		$[4] = dayScheme;
+		$[5] = nightScheme;
+		$[6] = systemColorMode;
+		$[7] = resolvedColorMode;
+		$[8] = t1;
+	} else {
+		resolvedColorMode = $[7];
+		t1 = $[8];
+	}
+	const colorScheme = t1;
+	let t2;
+	if ($[9] !== colorScheme || $[10] !== theme$1) {
+		t2 = applyColorScheme(theme$1, colorScheme);
+		$[9] = colorScheme;
+		$[10] = theme$1;
+		$[11] = t2;
+	} else t2 = $[11];
+	const { resolvedTheme, resolvedColorScheme } = t2;
+	let t3;
+	if ($[12] !== colorMode || $[13] !== colorScheme || $[14] !== dayScheme || $[15] !== nightScheme || $[16] !== resolvedColorMode || $[17] !== resolvedColorScheme || $[18] !== resolvedTheme || $[19] !== setColorMode || $[20] !== setDayScheme || $[21] !== setNightScheme) {
+		t3 = {
+			theme: resolvedTheme,
+			colorScheme,
+			colorMode,
+			resolvedColorMode,
+			resolvedColorScheme,
+			dayScheme,
+			nightScheme,
+			setColorMode,
+			setDayScheme,
+			setNightScheme
+		};
+		$[12] = colorMode;
+		$[13] = colorScheme;
+		$[14] = dayScheme;
+		$[15] = nightScheme;
+		$[16] = resolvedColorMode;
+		$[17] = resolvedColorScheme;
+		$[18] = resolvedTheme;
+		$[19] = setColorMode;
+		$[20] = setDayScheme;
+		$[21] = setNightScheme;
+		$[22] = t3;
+	} else t3 = $[22];
+	const contextValue = t3;
+	if (props.contextOnly) {
+		let t4;
+		if ($[23] !== children || $[24] !== contextValue) {
+			t4 = /*#__PURE__*/ jsx(ThemeContext.Provider, {
+				value: contextValue,
+				children
+			});
+			$[23] = children;
+			$[24] = contextValue;
+			$[25] = t4;
+		} else t4 = $[25];
+		return t4;
+	}
+	const t4 = colorMode === "auto" ? "auto" : colorScheme.includes("dark") ? "dark" : "light";
+	let t5;
+	if ($[26] !== children || $[27] !== dayScheme || $[28] !== nightScheme || $[29] !== t4) {
+		t5 = /*#__PURE__*/ jsx("div", {
+			"data-color-mode": t4,
+			"data-light-theme": dayScheme,
+			"data-dark-theme": nightScheme,
+			children
+		});
+		$[26] = children;
+		$[27] = dayScheme;
+		$[28] = nightScheme;
+		$[29] = t4;
+		$[30] = t5;
+	} else t5 = $[30];
+	let t6;
+	if ($[31] !== contextValue || $[32] !== t5) {
+		t6 = /*#__PURE__*/ jsx(ThemeContext.Provider, {
+			value: contextValue,
+			children: t5
+		});
+		$[31] = contextValue;
+		$[32] = t5;
+		$[33] = t6;
+	} else t6 = $[33];
+	return t6;
 };
 function subscribeToSystemColorMode(callback) {
-  var _window, _window$matchMedia;
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  const media = (_window = window) === null || _window === void 0 ? void 0 : (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme: dark)');
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  media === null || media === void 0 ? void 0 : media.addEventListener('change', callback);
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  return () => media === null || media === void 0 ? void 0 : media.removeEventListener('change', callback);
+	var _window, _window$matchMedia;
+	const media = (_window = window) === null || _window === void 0 ? void 0 : (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-color-scheme: dark)");
+	media === null || media === void 0 || media.addEventListener("change", callback);
+	return () => media === null || media === void 0 ? void 0 : media.removeEventListener("change", callback);
 }
 function useSystemColorMode() {
-  return React.useSyncExternalStore(subscribeToSystemColorMode, getSystemColorMode, _temp);
+	return React.useSyncExternalStore(subscribeToSystemColorMode, getSystemColorMode, _temp);
 }
 function _temp() {
-  return "day";
+	return "day";
 }
 function getSystemColorMode() {
-  var _window2, _window2$matchMedia, _window2$matchMedia$c;
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  return (_window2 = window) !== null && _window2 !== void 0 && (_window2$matchMedia = _window2.matchMedia) !== null && _window2$matchMedia !== void 0 && (_window2$matchMedia$c = _window2$matchMedia.call(_window2, '(prefers-color-scheme: dark)')) !== null && _window2$matchMedia$c !== void 0 && _window2$matchMedia$c.matches ? 'night' : 'day';
+	var _window2, _window2$matchMedia, _window2$matchMedia$c;
+	return (_window2 = window) !== null && _window2 !== void 0 && (_window2$matchMedia = _window2.matchMedia) !== null && _window2$matchMedia !== void 0 && (_window2$matchMedia$c = _window2$matchMedia.call(_window2, "(prefers-color-scheme: dark)")) !== null && _window2$matchMedia$c !== void 0 && _window2$matchMedia$c.matches ? "night" : "day";
 }
 function resolveColorMode(colorMode, systemColorMode) {
-  switch (colorMode) {
-    case 'auto':
-      return systemColorMode;
-    default:
-      return colorMode;
-  }
+	switch (colorMode) {
+		case "auto": return systemColorMode;
+		default: return colorMode;
+	}
 }
 function chooseColorScheme(colorMode, dayScheme, nightScheme) {
-  switch (colorMode) {
-    case 'day':
-    case 'light':
-      return dayScheme;
-    case 'dark':
-    case 'night':
-      return nightScheme;
-  }
+	switch (colorMode) {
+		case "day":
+		case "light": return dayScheme;
+		case "dark":
+		case "night": return nightScheme;
+	}
 }
 function applyColorScheme(theme, colorScheme) {
-  if (!theme.colorSchemes) {
-    return {
-      resolvedTheme: theme,
-      resolvedColorScheme: undefined
-    };
-  }
-  if (!theme.colorSchemes[colorScheme]) {
-    // eslint-disable-next-line no-console
-    console.error(`\`${colorScheme}\` scheme not defined in \`theme.colorSchemes\``);
-
-    // Apply the first defined color scheme
-    const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
-    return {
-      resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
-      resolvedColorScheme: defaultColorScheme
-    };
-  }
-  return {
-    resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
-    resolvedColorScheme: colorScheme
-  };
+	if (!theme.colorSchemes) return {
+		resolvedTheme: theme,
+		resolvedColorScheme: void 0
+	};
+	if (!theme.colorSchemes[colorScheme]) {
+		console.error(`\`${colorScheme}\` scheme not defined in \`theme.colorSchemes\``);
+		const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
+		return {
+			resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
+			resolvedColorScheme: defaultColorScheme
+		};
+	}
+	return {
+		resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
+		resolvedColorScheme: colorScheme
+	};
 }
-
-export { ThemeProvider, ThemeProvider as default, defaultColorMode };
+//#endregion
+export { ThemeProvider, ThemeProvider as default };

package/dist/Timeline/Timeline.d.ts

@@ -1,64 +1,61 @@
-import React from 'react';
-import type { TimelineBadgeVariants } from './constants';
+import { TimelineBadgeVariants } from "./constants.js";
+import React from "react";
+
+//#region src/Timeline/Timeline.d.ts
 type StyledTimelineProps = {
-    clipSidebar?: boolean | 'start' | 'end' | 'both';
-    className?: string;
+  clipSidebar?: boolean | 'start' | 'end' | 'both';
+  className?: string;
 };
-export type TimelineProps = StyledTimelineProps & Omit<React.ComponentPropsWithoutRef<'ol'>, 'role'>;
+type TimelineProps = StyledTimelineProps & Omit<React.ComponentPropsWithoutRef<'ol'>, 'role'>;
 type StyledTimelineItemProps = {
-    condensed?: boolean;
-    className?: string;
+  condensed?: boolean;
+  className?: string;
 };
 /**
  * @deprecated Use the `TimelineItemProps` type instead
  */
-export type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
-export type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
-export type TimelineBadgeVariant = (typeof TimelineBadgeVariants)[number];
-export type TimelineBadgeProps = {
-    children?: React.ReactNode;
-    className?: string;
-    /** The color variant of the badge */
-    variant?: TimelineBadgeVariant;
+type TimelineItemsProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
+type TimelineItemProps = StyledTimelineItemProps & React.ComponentPropsWithoutRef<'li'>;
+type TimelineBadgeVariant = (typeof TimelineBadgeVariants)[number];
+type TimelineBadgeProps = {
+  children?: React.ReactNode;
+  className?: string; /** The color variant of the badge */
+  variant?: TimelineBadgeVariant;
 } & React.ComponentPropsWithoutRef<'div'>;
-export type TimelineBodyProps = {
-    /** Class name for custom styling */
-    className?: string;
+type TimelineBodyProps = {
+  /** Class name for custom styling */className?: string;
 } & React.ComponentPropsWithoutRef<'div'>;
-export type TimelineBreakProps = {
-    /** Class name for custom styling */
-    className?: string;
+type TimelineBreakProps = {
+  /** Class name for custom styling */className?: string;
 } & Omit<React.ComponentPropsWithoutRef<'li'>, 'role'>;
-export type TimelineActionsProps = {
-    /** Class name for custom styling */
-    className?: string;
+type TimelineActionsProps = {
+  /** Class name for custom styling */className?: string;
 } & React.ComponentPropsWithoutRef<'div'>;
-export type TimelineAvatarProps = {
-    /** Class name for custom styling */
-    className?: string;
+type TimelineAvatarProps = {
+  /** Class name for custom styling */className?: string;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const _default: React.ForwardRefExoticComponent<StyledTimelineProps & Omit<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">, "role"> & React.RefAttributes<HTMLDivElement | HTMLOListElement>> & {
-    Item: React.ForwardRefExoticComponent<StyledTimelineItemProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
-    Avatar: React.ForwardRefExoticComponent<{
-        /** Class name for custom styling */
-        className?: string;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Badge: {
-        ({ className, variant, ...props }: TimelineBadgeProps): React.JSX.Element;
-        displayName: string;
-    };
-    Body: React.ForwardRefExoticComponent<{
-        /** Class name for custom styling */
-        className?: string;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Break: React.ForwardRefExoticComponent<{
-        /** Class name for custom styling */
-        className?: string;
-    } & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "role"> & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
-    Actions: React.ForwardRefExoticComponent<{
-        /** Class name for custom styling */
-        className?: string;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Item: React.ForwardRefExoticComponent<StyledTimelineItemProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
+  Avatar: React.ForwardRefExoticComponent<{
+    /** Class name for custom styling */className?: string;
+  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Badge: {
+    ({
+      className,
+      variant,
+      ...props
+    }: TimelineBadgeProps): React.JSX.Element;
+    displayName: string;
+  };
+  Body: React.ForwardRefExoticComponent<{
+    /** Class name for custom styling */className?: string;
+  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Break: React.ForwardRefExoticComponent<{
+    /** Class name for custom styling */className?: string;
+  } & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "role"> & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;
+  Actions: React.ForwardRefExoticComponent<{
+    /** Class name for custom styling */className?: string;
+  } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
-export default _default;
-//# sourceMappingURL=Timeline.d.ts.map
+//#endregion
+export { TimelineActionsProps, TimelineAvatarProps, TimelineBadgeProps, TimelineBadgeVariant, TimelineBodyProps, TimelineBreakProps, TimelineItemProps, TimelineItemsProps, TimelineProps, _default as default };