matrix-design-system 1.0.0

package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.mjs

@@ -0,0 +1,186 @@
+"use client";
+import { useGlassmorphism } from "../../../hooks/use-glassmorphism.mjs";
+import { InternalLink } from "../../../atoms/links/internal-link/internal-link.mjs";
+import { useBreadcrumbStore } from "./use-breadcrumb-store.mjs";
+import { c } from "react/compiler-runtime";
+import { motion } from "framer-motion";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IoMdArrowRoundBack } from "react-icons/io";
+//#region src/molecules/breadcrumbs/breadcrumb/breadcrumb.tsx
+const BreadcrumbContent = (t0) => {
+	const $ = c(13);
+	const { items, parentItem, linkComponent } = t0;
+	let t1;
+	if ($[0] !== linkComponent || $[1] !== parentItem) {
+		t1 = parentItem && /* @__PURE__ */ jsx("ol", {
+			className: "flex min-w-0 flex-row flex-nowrap items-center overflow-hidden sm:hidden",
+			children: /* @__PURE__ */ jsxs("li", {
+				className: "flex min-w-0 items-center",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-secondary text-sm mr-1.5 shrink-0 select-none",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx(IoMdArrowRoundBack, {})
+				}), /* @__PURE__ */ jsx(InternalLink, {
+					linkComponent,
+					to: parentItem.href,
+					onClick: parentItem.onClick,
+					className: "min-w-0 truncate py-2 text-sm",
+					children: parentItem.label
+				})]
+			})
+		});
+		$[0] = linkComponent;
+		$[1] = parentItem;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== items || $[4] !== linkComponent) {
+		let t3;
+		if ($[6] !== linkComponent) {
+			t3 = (item, index) => /* @__PURE__ */ jsxs("li", {
+				className: `flex items-center text-sm ${item.isCurrent ? "min-w-0 shrink" : "shrink-0"}`,
+				children: [index > 0 && /* @__PURE__ */ jsx("span", {
+					className: "text-secondary text-sm mx-1.5 shrink-0 select-none",
+					"aria-hidden": "true",
+					children: ">"
+				}), item.isCurrent ? /* @__PURE__ */ jsx("span", {
+					className: "text-primary-text block truncate text-sm",
+					"aria-current": "page",
+					children: item.label
+				}) : /* @__PURE__ */ jsx(InternalLink, {
+					linkComponent,
+					to: item.href,
+					onClick: item.onClick,
+					className: "block truncate py-2 whitespace-nowrap text-sm",
+					children: item.label
+				})]
+			}, item.href);
+			$[6] = linkComponent;
+			$[7] = t3;
+		} else t3 = $[7];
+		t2 = items.map(t3);
+		$[3] = items;
+		$[4] = linkComponent;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx("ol", {
+			className: "hidden min-w-0 flex-row flex-nowrap items-center overflow-hidden sm:flex text-sm",
+			children: t2
+		});
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== t1 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t3] });
+		$[10] = t1;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+};
+const Breadcrumb = (t0) => {
+	const $ = c(26);
+	const { items, linkComponent } = t0;
+	const { state } = useBreadcrumbStore();
+	const { navRef, isVisible } = state;
+	const { glassmorphismClass } = useGlassmorphism();
+	const parentItem = items.length >= 2 ? items[items.length - 2] : null;
+	let t1;
+	if ($[0] !== items || $[1] !== linkComponent || $[2] !== parentItem) {
+		t1 = /* @__PURE__ */ jsx(BreadcrumbContent, {
+			items,
+			parentItem,
+			linkComponent
+		});
+		$[0] = items;
+		$[1] = linkComponent;
+		$[2] = parentItem;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== navRef || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx("nav", {
+			ref: navRef,
+			"aria-label": "Breadcrumb",
+			className: "glow-container mb-4 px-3 py-2 font-mono text-sm",
+			children: t1
+		});
+		$[4] = navRef;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	const t3 = !isVisible;
+	const t4 = `${glassmorphismClass} container-fixed fixed top-17 sm:top-19 right-0 left-0 z-55 px-3 py-1 font-mono text-sm`;
+	const t5 = isVisible ? 0 : -200;
+	const t6 = isVisible ? "auto" : "none";
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = {
+			delay: .1,
+			duration: .4,
+			ease: "linear"
+		};
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== t5 || $[9] !== t6) {
+		t8 = {
+			y: t5,
+			pointerEvents: t6,
+			transition: t7
+		};
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = t8;
+	} else t8 = $[10];
+	const t9 = isVisible ? "auto" : "none";
+	let t10;
+	if ($[11] !== t9) {
+		t10 = { pointerEvents: t9 };
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== items || $[14] !== linkComponent || $[15] !== parentItem) {
+		t11 = /* @__PURE__ */ jsx(BreadcrumbContent, {
+			items,
+			parentItem,
+			linkComponent
+		});
+		$[13] = items;
+		$[14] = linkComponent;
+		$[15] = parentItem;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] !== t10 || $[18] !== t11 || $[19] !== t3 || $[20] !== t4 || $[21] !== t8) {
+		t12 = /* @__PURE__ */ jsx(motion.nav, {
+			"aria-label": "Breadcrumb",
+			"aria-hidden": t3,
+			className: t4,
+			initial: false,
+			animate: t8,
+			style: t10,
+			children: t11
+		});
+		$[17] = t10;
+		$[18] = t11;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = t8;
+		$[22] = t12;
+	} else t12 = $[22];
+	let t13;
+	if ($[23] !== t12 || $[24] !== t2) {
+		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t12] });
+		$[23] = t12;
+		$[24] = t2;
+		$[25] = t13;
+	} else t13 = $[25];
+	return t13;
+};
+//#endregion
+export { Breadcrumb };

package/dist/molecules/breadcrumbs/breadcrumb/index.d.mts

@@ -0,0 +1,2 @@
+import { Breadcrumb, BreadcrumbItem, BreadcrumbProps } from "./breadcrumb.mjs";
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps };

package/dist/molecules/breadcrumbs/breadcrumb/use-breadcrumb-store.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { useInView } from "../../../hooks/use-in-view.mjs";
+import { useScrollDirection } from "../../../hooks/use-scroll-direction.mjs";
+import { c } from "react/compiler-runtime";
+//#region src/molecules/breadcrumbs/breadcrumb/use-breadcrumb-store.ts
+const useBreadcrumbStore = () => {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { threshold: 0 };
+		$[0] = t0;
+	} else t0 = $[0];
+	const [navRef, isInView] = useInView(t0);
+	const direction = useScrollDirection();
+	const isVisible = !isInView && direction === "down";
+	let t1;
+	if ($[1] !== isVisible || $[2] !== navRef) {
+		t1 = { state: {
+			navRef,
+			isVisible
+		} };
+		$[1] = isVisible;
+		$[2] = navRef;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+};
+//#endregion
+export { useBreadcrumbStore };

package/dist/molecules/buttons/pagination-navigation/index.d.mts

@@ -0,0 +1,2 @@
+import { PageNavigationProps, PaginationNavigation } from "./pagination-navigation.mjs";
+export { type PageNavigationProps, PaginationNavigation };

package/dist/molecules/buttons/pagination-navigation/pagination-navigation.d.mts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+//#region src/molecules/buttons/pagination-navigation/pagination-navigation.d.ts
+interface PageNavigationProps {
+  previousPageUrl: string | undefined;
+  onPreviousClick?: () => void;
+  nextPageUrl: string | undefined;
+  onNextClick?: () => void;
+}
+declare const PaginationNavigation: FC<PageNavigationProps>;
+//#endregion
+export { PageNavigationProps, PaginationNavigation };

package/dist/molecules/buttons/pagination-navigation/pagination-navigation.mjs

@@ -0,0 +1,17 @@
+import { BluePillLink, RedPillLink } from "../../links/pills-links/pills-links.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/buttons/pagination-navigation/pagination-navigation.tsx
+const PaginationNavigation = ({ previousPageUrl, onPreviousClick, nextPageUrl, onNextClick }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex justify-center gap-5 p-5",
+	children: [previousPageUrl && /* @__PURE__ */ jsx(BluePillLink, {
+		to: previousPageUrl,
+		onClick: onPreviousClick,
+		children: "Previous"
+	}), nextPageUrl && /* @__PURE__ */ jsx(RedPillLink, {
+		to: nextPageUrl,
+		onClick: onNextClick,
+		children: "Next"
+	})]
+});
+//#endregion
+export { PaginationNavigation };

package/dist/molecules/buttons/pills-buttons/index.d.mts

@@ -0,0 +1,2 @@
+import { BluePillButton, RedPillButton } from "./pills-buttons.mjs";
+export { BluePillButton, RedPillButton };

package/dist/molecules/buttons/pills-buttons/pills-buttons.d.mts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from "react";
+//#region src/molecules/buttons/pills-buttons/pills-buttons.d.ts
+type PillProps = PropsWithChildren<{
+  onClick: () => void;
+  disabled?: boolean;
+}>;
+declare const RedPillButton: FC<PillProps>;
+declare const BluePillButton: FC<PillProps>;
+//#endregion
+export { BluePillButton, RedPillButton };

package/dist/molecules/buttons/pills-buttons/pills-buttons.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { BluePill, RedPill } from "../../../atoms/effects/pills/pills.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/buttons/pills-buttons/pills-buttons.tsx
+const RedPillButton = (t0) => {
+	const $ = c(6);
+	const { children, onClick, disabled } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(RedPill, { children });
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== disabled || $[3] !== onClick || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("button", {
+			className: "bg-transparent border-none cursor-pointer p-0",
+			onClick,
+			disabled,
+			children: t1
+		});
+		$[2] = disabled;
+		$[3] = onClick;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const BluePillButton = (t0) => {
+	const $ = c(6);
+	const { children, onClick, disabled } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(BluePill, { children });
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== disabled || $[3] !== onClick || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("button", {
+			className: "bg-transparent border-none cursor-pointer p-0",
+			onClick,
+			disabled,
+			children: t1
+		});
+		$[2] = disabled;
+		$[3] = onClick;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+//#endregion
+export { BluePillButton, RedPillButton };

package/dist/molecules/buttons/segmented-control/segmented-control.d.mts

@@ -0,0 +1,13 @@
+//#region src/molecules/buttons/segmented-control/segmented-control.d.ts
+type SegmentOption<T extends string> = {
+  label: string;
+  value: T;
+};
+type SegmentedControlProps<T extends string> = {
+  options: SegmentOption<T>[];
+  value: T;
+  onChange: (value: T) => void;
+};
+declare const SegmentedControl: <T extends string>({ options, value, onChange }: SegmentedControlProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SegmentOption, SegmentedControl };

package/dist/molecules/buttons/segmented-control/segmented-control.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { GlassmorphismBackground } from "../../../atoms/effects/glassmorphism-background/glassmorphism-background.mjs";
+import { useSegmentedControlStore } from "./use-segmented-control-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/buttons/segmented-control/segmented-control.tsx
+const SegmentedControl = (t0) => {
+	const $ = c(9);
+	const { options, value, onChange } = t0;
+	const { effects } = useSegmentedControlStore(onChange);
+	const { triggerChange } = effects;
+	let t1;
+	if ($[0] !== options || $[1] !== triggerChange || $[2] !== value) {
+		let t2;
+		if ($[4] !== triggerChange || $[5] !== value) {
+			t2 = (option) => {
+				const isActive = option.value === value;
+				return /* @__PURE__ */ jsx("button", {
+					onClick: triggerChange(option.value),
+					className: `cursor-pointer rounded-full px-5 py-2 text-sm font-medium transition-all duration-200 border-none ${isActive ? "bg-accent text-text-above-primary" : "hover:bg-white/10"}`,
+					children: option.label
+				}, option.value);
+			};
+			$[4] = triggerChange;
+			$[5] = value;
+			$[6] = t2;
+		} else t2 = $[6];
+		t1 = options.map(t2);
+		$[0] = options;
+		$[1] = triggerChange;
+		$[2] = value;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(GlassmorphismBackground, {
+			className: "rounded-full p-1! gap-1",
+			children: t1
+		});
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+};
+//#endregion
+export { SegmentedControl };

package/dist/molecules/buttons/segmented-control/use-segmented-control-store.mjs

@@ -0,0 +1,8 @@
+"use client";
+//#region src/molecules/buttons/segmented-control/use-segmented-control-store.ts
+const useSegmentedControlStore = (onChange) => {
+	const triggerChange = (value) => () => onChange(value);
+	return { effects: { triggerChange } };
+};
+//#endregion
+export { useSegmentedControlStore };

package/dist/molecules/buttons/social-contact/index.d.mts

@@ -0,0 +1,2 @@
+import { SocialContact, SocialContactProps } from "./social-contact.mjs";
+export { SocialContact, type SocialContactProps };

package/dist/molecules/buttons/social-contact/social-contact.d.mts

@@ -0,0 +1,10 @@
+import { FC, ReactElement } from "react";
+//#region src/molecules/buttons/social-contact/social-contact.d.ts
+interface SocialContactProps {
+  link: string;
+  onClick?: () => void;
+  icon: ReactElement;
+}
+declare const SocialContact: FC<SocialContactProps>;
+//#endregion
+export { SocialContact, SocialContactProps };

package/dist/molecules/buttons/social-contact/social-contact.mjs

@@ -0,0 +1,13 @@
+import { CallToActionExternalWithTracking } from "../../../atoms/call-to-actions/call-to-action-external-with-tracking/call-to-action-external-with-tracking.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/buttons/social-contact/social-contact.tsx
+const SocialContact = ({ link, onClick, icon }) => /* @__PURE__ */ jsx(CallToActionExternalWithTracking, {
+	className: "min-w-auto",
+	href: link,
+	onClick,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	children: icon
+});
+//#endregion
+export { SocialContact };

package/dist/molecules/buttons/tag/index.d.mts

@@ -0,0 +1,2 @@
+import { Tag, TagProps } from "./tag.mjs";
+export { Tag, type TagProps };

package/dist/molecules/buttons/tag/tag.d.mts

@@ -0,0 +1,17 @@
+import { LinkComponent, PrefetchStrategy } from "../../../atoms/links/anchor-link/anchor-link.mjs";
+import "../../../atoms/links/anchor-link/index.mjs";
+import { FC } from "react";
+//#region src/molecules/buttons/tag/tag.d.ts
+interface TagContentProps {
+  big: boolean;
+}
+type TagProps = TagContentProps & {
+  link: string;
+  tag: string;
+  prefetch?: PrefetchStrategy;
+  onClick?: () => void;
+  linkComponent?: LinkComponent;
+};
+declare const Tag: FC<TagProps>;
+//#endregion
+export { Tag, TagProps };

package/dist/molecules/buttons/tag/tag.mjs

@@ -0,0 +1,20 @@
+import { Chip } from "../../../atoms/chip/chip.mjs";
+import { InternalLink } from "../../../atoms/links/internal-link/internal-link.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/molecules/buttons/tag/tag.tsx
+const Tag = ({ tag, link, big, onClick, prefetch = "hover", linkComponent }) => {
+	return /* @__PURE__ */ jsx(InternalLink, {
+		linkComponent,
+		className: "inline-block no-underline",
+		onClick,
+		prefetch,
+		to: link,
+		children: /* @__PURE__ */ jsx(Chip, {
+			big,
+			className: big ? "mr-4 mb-6" : "mr-1 mb-1",
+			children: tag
+		})
+	});
+};
+//#endregion
+export { Tag };

package/dist/molecules/buttons/terminal-button/index.d.mts

@@ -0,0 +1,2 @@
+import { TerminalButton, TerminalButtonProps } from "./terminal-button.mjs";
+export { TerminalButton, type TerminalButtonProps };

package/dist/molecules/buttons/terminal-button/terminal-button.d.mts

@@ -0,0 +1,15 @@
+import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs";
+import "../../../atoms/links/anchor-link/index.mjs";
+import { FC } from "react";
+//#region src/molecules/buttons/terminal-button/terminal-button.d.ts
+interface TerminalButtonProps {
+  label: string;
+  to?: string;
+  onClick?: () => void;
+  className?: string;
+  ariaExpanded?: boolean;
+  linkComponent?: LinkComponent;
+}
+declare const TerminalButton: FC<TerminalButtonProps>;
+//#endregion
+export { TerminalButton, TerminalButtonProps };

package/dist/molecules/buttons/terminal-button/terminal-button.mjs

@@ -0,0 +1,38 @@
+import { Button } from "../../../atoms/buttons/button/button.mjs";
+import { InternalLink } from "../../../atoms/links/internal-link/internal-link.mjs";
+import { Cursor } from "../../../atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/buttons/terminal-button/terminal-button.tsx
+const TerminalContent = ({ label }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+	">",
+	" ",
+	label,
+	/* @__PURE__ */ jsx(Cursor, {})
+] });
+const TerminalButton = ({ label, to, onClick, className, ariaExpanded, linkComponent }) => {
+	const buttonClassName = `w-fit${className ? ` ${className}` : ""}`;
+	if (to) return /* @__PURE__ */ jsx(Button, {
+		className: buttonClassName,
+		children: /* @__PURE__ */ jsx(InternalLink, {
+			linkComponent,
+			to,
+			onClick,
+			className: "font-mono text-lg no-underline hover:no-underline",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "text-shadow-sm text-accent",
+				children: /* @__PURE__ */ jsx(TerminalContent, { label })
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		onClick,
+		"aria-expanded": ariaExpanded,
+		className: buttonClassName,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-lg text-shadow-sm text-accent",
+			children: /* @__PURE__ */ jsx(TerminalContent, { label })
+		})
+	});
+};
+//#endregion
+export { TerminalButton };

package/dist/molecules/chart/chart-panel/chart-panel.d.mts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from "react";
+//#region src/molecules/chart/chart-panel/chart-panel.d.ts
+interface ChartPanelProps {
+  title?: string;
+  description?: string;
+}
+declare const ChartPanel: FC<PropsWithChildren<ChartPanelProps>>;
+//#endregion
+export { ChartPanel, ChartPanelProps };

package/dist/molecules/chart/chart-panel/chart-panel.mjs

@@ -0,0 +1,12 @@
+import { SectionHeading } from "../../typography/section-heading/section-heading.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/molecules/chart/chart-panel/chart-panel.tsx
+const ChartPanel = ({ title, description, children }) => /* @__PURE__ */ jsxs("section", {
+	className: "glow-container bg-accent-alpha-10 h-full p-6",
+	children: [title && /* @__PURE__ */ jsx(SectionHeading, {
+		title,
+		description
+	}), children]
+});
+//#endregion
+export { ChartPanel };

package/dist/molecules/chart/chart-panel/index.d.mts

@@ -0,0 +1,2 @@
+import { ChartPanel, ChartPanelProps } from "./chart-panel.mjs";
+export { ChartPanel, type ChartPanelProps };

package/dist/molecules/chart/chart-tooltip/chart-tooltip.d.mts

@@ -0,0 +1,8 @@
+import { TooltipContentProps } from "recharts";
+//#region src/molecules/chart/chart-tooltip/chart-tooltip.d.ts
+interface ChartTooltipProps extends Partial<TooltipContentProps> {
+  labelPrefix?: string;
+}
+declare const ChartTooltip: ({ active, payload, label, labelPrefix }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { ChartTooltip, ChartTooltipProps };

package/dist/molecules/chart/chart-tooltip/chart-tooltip.mjs

@@ -0,0 +1,18 @@
+import { jsxs } from "react/jsx-runtime";
+//#region src/molecules/chart/chart-tooltip/chart-tooltip.tsx
+const ChartTooltip = ({ active, payload, label, labelPrefix = "n: " }) => active && payload ? /* @__PURE__ */ jsxs("div", {
+	style: {
+		background: "var(--color-primary-dark)",
+		color: "var(--color-accent)",
+		border: "1px solid var(--color-accent)",
+		borderRadius: "8px",
+		padding: "8px"
+	},
+	children: [/* @__PURE__ */ jsxs("strong", { children: [labelPrefix, label] }), payload.map((entry, i) => /* @__PURE__ */ jsxs("div", { children: [
+		entry.name,
+		": ",
+		entry.value
+	] }, i))]
+}) : null;
+//#endregion
+export { ChartTooltip };

package/dist/molecules/chart/chart-tooltip/index.d.mts

@@ -0,0 +1,2 @@
+import { ChartTooltip, ChartTooltipProps } from "./chart-tooltip.mjs";
+export { ChartTooltip, type ChartTooltipProps };

package/dist/molecules/chart/donut-chart/donut-chart.d.mts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+//#region src/molecules/chart/donut-chart/donut-chart.d.ts
+interface DonutDatum {
+  label: string;
+  value: number;
+}
+interface DonutChartProps {
+  data: DonutDatum[];
+  colors?: string[];
+  centerLabel?: string;
+  centerSublabel?: string;
+}
+declare const DonutChart: FC<DonutChartProps>;
+//#endregion
+export { DonutChart, DonutDatum };