matrix-design-system 1.0.0

package/dist/organism/menu/menu.mjs

@@ -0,0 +1,396 @@
+"use client";
+import { MotionDiv } from "../../atoms/animation/motion-div/motion-div.mjs";
+import { useGlassmorphism } from "../../hooks/use-glassmorphism.mjs";
+import { Close } from "../../molecules/menu/close/close.mjs";
+import { MenuItem } from "../../molecules/menu/menu-item/menu-item.mjs";
+import { DropdownMenu } from "../../molecules/menu/dropdown-menu/dropdown-menu.mjs";
+import { HamburgerMenu } from "../../molecules/menu/hamburger-menu/hamburger-menu.mjs";
+import { useMenuStore } from "./use-menu-store.mjs";
+import { c } from "react/compiler-runtime";
+import { AnimatePresence } from "framer-motion";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BiSearchAlt } from "react-icons/bi";
+import { LuCommand } from "react-icons/lu";
+import { ImCtrl } from "react-icons/im";
+//#region src/organism/menu/menu.tsx
+const menuVariants = {
+	hidden: {
+		y: -80,
+		transition: {
+			type: "tween",
+			duration: .3
+		}
+	},
+	visible: {
+		y: 0,
+		transition: {
+			type: "tween",
+			duration: .3
+		}
+	}
+};
+const panelVariants = {
+	closed: {
+		x: "-100%",
+		transition: {
+			type: "tween",
+			ease: [
+				.4,
+				0,
+				.2,
+				1
+			],
+			duration: .6
+		}
+	},
+	open: {
+		x: 0,
+		transition: {
+			type: "tween",
+			ease: [
+				.4,
+				0,
+				.2,
+				1
+			],
+			duration: .6
+		}
+	}
+};
+const Menu = (t0) => {
+	const $ = c(65);
+	const { navHrefs, onPaletteTrigger, tracking, linkComponent, currentPath } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { noScale: true };
+		$[0] = t1;
+	} else t1 = $[0];
+	const { glassmorphismClass } = useGlassmorphism(t1);
+	const { state, effects } = useMenuStore(currentPath, navHrefs.chat, onPaletteTrigger, tracking);
+	const { pathname, shouldHideMenu, shouldOpenMenu, modifierKey } = state;
+	const { openMenu, closeMenu, handlePaletteTrigger, onClickHome, onClickBlog, onClickBlogAuthors, onClickBlogTags, onClickBlogArchive, onClickBlogStats, onClickDsaRoadmap, onClickDsaExercises, onClickChat, onClickMcp, onClickMatrixRain, onClickEasterEggHunt, onClickAboutMe, onClickArt, onClickVideogames, onClickContact } = effects;
+	const baseClassName = _temp;
+	const dropdownClassName = _temp2;
+	let t2;
+	if ($[1] !== linkComponent || $[2] !== navHrefs.aboutMe || $[3] !== navHrefs.art || $[4] !== navHrefs.blog || $[5] !== navHrefs.blogArchive || $[6] !== navHrefs.blogAuthor || $[7] !== navHrefs.blogAuthors || $[8] !== navHrefs.blogStats || $[9] !== navHrefs.blogTags || $[10] !== navHrefs.chat || $[11] !== navHrefs.contact || $[12] !== navHrefs.dsaExercises || $[13] !== navHrefs.dsaRoadmap || $[14] !== navHrefs.easterEggHunt || $[15] !== navHrefs.mcp || $[16] !== navHrefs.videogames || $[17] !== onClickAboutMe || $[18] !== onClickArt || $[19] !== onClickBlog || $[20] !== onClickBlogArchive || $[21] !== onClickBlogAuthors || $[22] !== onClickBlogStats || $[23] !== onClickBlogTags || $[24] !== onClickChat || $[25] !== onClickContact || $[26] !== onClickDsaExercises || $[27] !== onClickDsaRoadmap || $[28] !== onClickEasterEggHunt || $[29] !== onClickHome || $[30] !== onClickMatrixRain || $[31] !== onClickMcp || $[32] !== onClickVideogames || $[33] !== pathname) {
+		t2 = (isMobile_1) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(MenuItem, {
+				linkComponent,
+				className: baseClassName(isMobile_1),
+				to: "/",
+				selected: pathname === "/",
+				onClick: onClickHome,
+				children: "Home"
+			}, `home-${isMobile_1 ? "mobile" : "desktop"}`),
+			/* @__PURE__ */ jsx(DropdownMenu, {
+				linkComponent,
+				label: "Blog",
+				className: dropdownClassName(isMobile_1),
+				items: [
+					{
+						label: "Posts",
+						items: [{
+							label: "Latest posts",
+							to: navHrefs.blog,
+							selected: pathname === navHrefs.blog,
+							onClick: onClickBlog
+						}, {
+							label: "Archive",
+							to: navHrefs.blogArchive,
+							selected: pathname === navHrefs.blogArchive,
+							onClick: onClickBlogArchive
+						}]
+					},
+					{
+						label: "Discovery",
+						items: [{
+							label: "Authors",
+							to: navHrefs.blogAuthors,
+							selected: pathname === navHrefs.blogAuthors || pathname.startsWith(`${navHrefs.blogAuthor}/`),
+							onClick: onClickBlogAuthors
+						}, {
+							label: "Tags",
+							to: navHrefs.blogTags,
+							selected: pathname === navHrefs.blogTags,
+							onClick: onClickBlogTags
+						}]
+					},
+					{
+						label: "Insights",
+						items: [{
+							label: "Stats",
+							to: navHrefs.blogStats,
+							selected: pathname === navHrefs.blogStats,
+							onClick: onClickBlogStats
+						}]
+					}
+				]
+			}, `blog-${isMobile_1 ? "mobile" : "desktop"}`),
+			/* @__PURE__ */ jsx(DropdownMenu, {
+				linkComponent,
+				label: "Explore",
+				className: dropdownClassName(isMobile_1),
+				items: [
+					{
+						label: "DSA",
+						items: [{
+							label: "Roadmap",
+							to: navHrefs.dsaRoadmap,
+							selected: pathname === navHrefs.dsaRoadmap,
+							onClick: onClickDsaRoadmap
+						}, {
+							label: "Exercises",
+							to: navHrefs.dsaExercises,
+							selected: pathname === navHrefs.dsaExercises,
+							onClick: onClickDsaExercises
+						}]
+					},
+					{
+						label: "Artificial Intelligence",
+						items: [{
+							label: "Chat",
+							to: navHrefs.chat,
+							selected: pathname === navHrefs.chat,
+							onClick: onClickChat
+						}, {
+							label: "MCP",
+							to: navHrefs.mcp,
+							selected: pathname === navHrefs.mcp,
+							onClick: onClickMcp
+						}]
+					},
+					{
+						label: "Computer Graphics",
+						items: [{
+							label: "Matrix Rain",
+							to: "https://chicio.github.io/matrix-rain-webgpu/",
+							external: true,
+							onClick: onClickMatrixRain
+						}]
+					},
+					{
+						label: "Secrets",
+						items: [{
+							label: "Easter eggs",
+							to: navHrefs.easterEggHunt,
+							selected: pathname === navHrefs.easterEggHunt,
+							onClick: onClickEasterEggHunt
+						}]
+					}
+				]
+			}),
+			/* @__PURE__ */ jsx(DropdownMenu, {
+				linkComponent,
+				label: "The Author",
+				className: dropdownClassName(isMobile_1),
+				items: [{
+					label: "Profile",
+					items: [{
+						label: "About me",
+						to: navHrefs.aboutMe,
+						selected: pathname === navHrefs.aboutMe,
+						onClick: onClickAboutMe
+					}, {
+						label: "Contact me",
+						to: navHrefs.contact,
+						selected: pathname === navHrefs.contact,
+						onClick: onClickContact
+					}]
+				}, {
+					label: "Hobbies",
+					items: [{
+						label: "Art",
+						to: navHrefs.art,
+						selected: pathname === navHrefs.art,
+						onClick: onClickArt
+					}, {
+						label: "Videogames",
+						to: navHrefs.videogames,
+						selected: pathname === navHrefs.videogames,
+						onClick: onClickVideogames
+					}]
+				}]
+			})
+		] });
+		$[1] = linkComponent;
+		$[2] = navHrefs.aboutMe;
+		$[3] = navHrefs.art;
+		$[4] = navHrefs.blog;
+		$[5] = navHrefs.blogArchive;
+		$[6] = navHrefs.blogAuthor;
+		$[7] = navHrefs.blogAuthors;
+		$[8] = navHrefs.blogStats;
+		$[9] = navHrefs.blogTags;
+		$[10] = navHrefs.chat;
+		$[11] = navHrefs.contact;
+		$[12] = navHrefs.dsaExercises;
+		$[13] = navHrefs.dsaRoadmap;
+		$[14] = navHrefs.easterEggHunt;
+		$[15] = navHrefs.mcp;
+		$[16] = navHrefs.videogames;
+		$[17] = onClickAboutMe;
+		$[18] = onClickArt;
+		$[19] = onClickBlog;
+		$[20] = onClickBlogArchive;
+		$[21] = onClickBlogAuthors;
+		$[22] = onClickBlogStats;
+		$[23] = onClickBlogTags;
+		$[24] = onClickChat;
+		$[25] = onClickContact;
+		$[26] = onClickDsaExercises;
+		$[27] = onClickDsaRoadmap;
+		$[28] = onClickEasterEggHunt;
+		$[29] = onClickHome;
+		$[30] = onClickMatrixRain;
+		$[31] = onClickMcp;
+		$[32] = onClickVideogames;
+		$[33] = pathname;
+		$[34] = t2;
+	} else t2 = $[34];
+	const renderMenuItems = t2;
+	const t3 = `menu-container container-fixed fixed right-0 left-0 z-50 my-3 ${shouldOpenMenu ? "xs:block hidden" : ""}`;
+	const t4 = shouldHideMenu ? "hidden" : "visible";
+	const t5 = `${glassmorphismClass} sm:overflow-visible flex-row xs:py-0 xs:pt-0 m-0 my-0 flex min-h-16 items-center gap-1 overflow-hidden px-2`;
+	let t6;
+	if ($[35] !== renderMenuItems) {
+		t6 = renderMenuItems(false);
+		$[35] = renderMenuItems;
+		$[36] = t6;
+	} else t6 = $[36];
+	let t7;
+	if ($[37] !== openMenu || $[38] !== shouldOpenMenu) {
+		t7 = !shouldOpenMenu && /* @__PURE__ */ jsx("div", {
+			className: "sm:hidden",
+			children: /* @__PURE__ */ jsx(HamburgerMenu, { onClick: openMenu })
+		});
+		$[37] = openMenu;
+		$[38] = shouldOpenMenu;
+		$[39] = t7;
+	} else t7 = $[39];
+	let t8;
+	let t9;
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(BiSearchAlt, { className: "size-3.5 shrink-0 text-accent group-hover:text-accent transition-colors duration-200" });
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: "hidden md:block flex-1 text-left font-mono text-sm leading-none text-accent/40 group-hover:text-accent/60 transition-colors duration-200",
+			children: "Search..."
+		});
+		$[40] = t8;
+		$[41] = t9;
+	} else {
+		t8 = $[40];
+		t9 = $[41];
+	}
+	let t10;
+	if ($[42] !== modifierKey) {
+		t10 = modifierKey !== null && /* @__PURE__ */ jsxs("span", {
+			className: "hidden md:inline-flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ jsx("kbd", {
+					className: "inline-flex items-center justify-center size-6 rounded font-mono text-sm leading-none border border-accent/50 text-accent/70 group-hover:border-accent group-hover:text-accent transition-colors duration-200",
+					children: modifierKey === "meta" ? /* @__PURE__ */ jsx(LuCommand, { className: "size-3" }) : /* @__PURE__ */ jsx(ImCtrl, { className: "size-3" })
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "font-mono text-sm leading-none text-accent/70 group-hover:text-accent transition-colors duration-200",
+					children: "+"
+				}),
+				/* @__PURE__ */ jsx("kbd", {
+					className: "inline-flex items-center justify-center size-6 rounded font-mono text-base leading-none border border-accent/50 text-accent/70 group-hover:border-accent group-hover:text-accent transition-colors duration-200",
+					children: "K"
+				})
+			]
+		});
+		$[42] = modifierKey;
+		$[43] = t10;
+	} else t10 = $[43];
+	let t11;
+	if ($[44] !== handlePaletteTrigger || $[45] !== t10) {
+		t11 = /* @__PURE__ */ jsxs("button", {
+			className: "ml-auto sm:mr-3 group flex items-center gap-2 px-3 py-1.5 w-auto md:w-60 rounded-lg border border-accent bg-accent/10 hover:border-accent hover:bg-accent/20 transition-all duration-200 cursor-pointer min-h-10",
+			onClick: handlePaletteTrigger,
+			"aria-label": "Open command palette",
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[44] = handlePaletteTrigger;
+		$[45] = t10;
+		$[46] = t11;
+	} else t11 = $[46];
+	let t12;
+	if ($[47] !== t11 || $[48] !== t5 || $[49] !== t6 || $[50] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			children: [
+				t6,
+				t7,
+				t11
+			]
+		});
+		$[47] = t11;
+		$[48] = t5;
+		$[49] = t6;
+		$[50] = t7;
+		$[51] = t12;
+	} else t12 = $[51];
+	let t13;
+	if ($[52] !== t12 || $[53] !== t3 || $[54] !== t4) {
+		t13 = /* @__PURE__ */ jsx(MotionDiv, {
+			className: t3,
+			variants: menuVariants,
+			animate: t4,
+			initial: "visible",
+			children: t12
+		});
+		$[52] = t12;
+		$[53] = t3;
+		$[54] = t4;
+		$[55] = t13;
+	} else t13 = $[55];
+	let t14;
+	if ($[56] !== closeMenu || $[57] !== renderMenuItems || $[58] !== shouldOpenMenu) {
+		t14 = shouldOpenMenu && /* @__PURE__ */ jsx(MotionDiv, {
+			className: "sm:hidden bg-black-alpha-75 fixed top-0 left-0 z-50 h-full w-full touch-pan-y overflow-y-auto backdrop-blur-sm",
+			style: { willChange: "transform" },
+			variants: panelVariants,
+			initial: "closed",
+			animate: "open",
+			exit: "closed",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1 p-5 pt-[55px]",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "absolute top-2.5 left-2.5",
+					children: /* @__PURE__ */ jsx(Close, { onClick: closeMenu })
+				}), renderMenuItems(true)]
+			})
+		});
+		$[56] = closeMenu;
+		$[57] = renderMenuItems;
+		$[58] = shouldOpenMenu;
+		$[59] = t14;
+	} else t14 = $[59];
+	let t15;
+	if ($[60] !== t14) {
+		t15 = /* @__PURE__ */ jsx(AnimatePresence, { children: t14 });
+		$[60] = t14;
+		$[61] = t15;
+	} else t15 = $[61];
+	let t16;
+	if ($[62] !== t13 || $[63] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Fragment, { children: [t13, t15] });
+		$[62] = t13;
+		$[63] = t15;
+		$[64] = t16;
+	} else t16 = $[64];
+	return t16;
+};
+function _temp(isMobile) {
+	return isMobile ? "mb-2 w-80" : "hidden sm:flex xs:mb-0 xs:w-auto";
+}
+function _temp2(isMobile_0) {
+	return isMobile_0 ? "z-50 mb-2 w-80" : "hidden sm:flex xs:mb-0 xs:w-auto z-50";
+}
+//#endregion
+export { Menu };

package/dist/organism/menu/use-menu-store.d.mts

@@ -0,0 +1,22 @@
+import "matrix-component-store";
+//#region src/organism/menu/use-menu-store.d.ts
+interface MenuTrackingCallbacks {
+  onTrackHome?: () => void;
+  onTrackBlog?: () => void;
+  onTrackBlogAuthors?: () => void;
+  onTrackBlogTags?: () => void;
+  onTrackBlogArchive?: () => void;
+  onTrackBlogStats?: () => void;
+  onTrackDsaRoadmap?: () => void;
+  onTrackDsaExercises?: () => void;
+  onTrackChat?: () => void;
+  onTrackMcp?: () => void;
+  onTrackMatrixRain?: () => void;
+  onTrackEasterEggHunt?: () => void;
+  onTrackAboutMe?: () => void;
+  onTrackArt?: () => void;
+  onTrackVideogames?: () => void;
+  onTrackContact?: () => void;
+}
+//#endregion
+export { MenuTrackingCallbacks };

package/dist/organism/menu/use-menu-store.mjs

@@ -0,0 +1,265 @@
+"use client";
+import { useScrollDirection } from "../../hooks/use-scroll-direction.mjs";
+import { openCommandPalette } from "../../state/command-palette/command-palette-events.mjs";
+import { useOsModifierKey } from "../../hooks/use-os-modifier-key.mjs";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+//#region src/organism/menu/use-menu-store.ts
+const useMenuStore = (pathname, chatSlug, onPaletteTrigger, tracking) => {
+	const $ = c(62);
+	const direction = useScrollDirection();
+	const [shouldOpenMenu, setShouldOpenMenu] = useState(false);
+	const modifierKey = useOsModifierKey();
+	const shouldHideMenu = pathname === chatSlug ? false : direction === "down";
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => setShouldOpenMenu(true);
+		$[0] = t0;
+	} else t0 = $[0];
+	const openMenu = t0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => setShouldOpenMenu(false);
+		$[1] = t1;
+	} else t1 = $[1];
+	const closeMenu = t1;
+	let t2;
+	if ($[2] !== onPaletteTrigger) {
+		t2 = () => {
+			onPaletteTrigger?.();
+			openCommandPalette();
+		};
+		$[2] = onPaletteTrigger;
+		$[3] = t2;
+	} else t2 = $[3];
+	const handlePaletteTrigger = t2;
+	let t3;
+	if ($[4] !== tracking) {
+		t3 = () => {
+			tracking?.onTrackHome?.();
+			closeMenu();
+		};
+		$[4] = tracking;
+		$[5] = t3;
+	} else t3 = $[5];
+	const onClickHome = t3;
+	let t4;
+	if ($[6] !== tracking) {
+		t4 = () => {
+			tracking?.onTrackBlog?.();
+			closeMenu();
+		};
+		$[6] = tracking;
+		$[7] = t4;
+	} else t4 = $[7];
+	const onClickBlog = t4;
+	let t5;
+	if ($[8] !== tracking) {
+		t5 = () => {
+			tracking?.onTrackBlogAuthors?.();
+			closeMenu();
+		};
+		$[8] = tracking;
+		$[9] = t5;
+	} else t5 = $[9];
+	const onClickBlogAuthors = t5;
+	let t6;
+	if ($[10] !== tracking) {
+		t6 = () => {
+			tracking?.onTrackBlogTags?.();
+			closeMenu();
+		};
+		$[10] = tracking;
+		$[11] = t6;
+	} else t6 = $[11];
+	const onClickBlogTags = t6;
+	let t7;
+	if ($[12] !== tracking) {
+		t7 = () => {
+			tracking?.onTrackBlogArchive?.();
+			closeMenu();
+		};
+		$[12] = tracking;
+		$[13] = t7;
+	} else t7 = $[13];
+	const onClickBlogArchive = t7;
+	let t8;
+	if ($[14] !== tracking) {
+		t8 = () => {
+			tracking?.onTrackBlogStats?.();
+			closeMenu();
+		};
+		$[14] = tracking;
+		$[15] = t8;
+	} else t8 = $[15];
+	const onClickBlogStats = t8;
+	let t9;
+	if ($[16] !== tracking) {
+		t9 = () => {
+			tracking?.onTrackDsaRoadmap?.();
+			closeMenu();
+		};
+		$[16] = tracking;
+		$[17] = t9;
+	} else t9 = $[17];
+	const onClickDsaRoadmap = t9;
+	let t10;
+	if ($[18] !== tracking) {
+		t10 = () => {
+			tracking?.onTrackDsaExercises?.();
+			closeMenu();
+		};
+		$[18] = tracking;
+		$[19] = t10;
+	} else t10 = $[19];
+	const onClickDsaExercises = t10;
+	let t11;
+	if ($[20] !== tracking) {
+		t11 = () => {
+			tracking?.onTrackChat?.();
+			closeMenu();
+		};
+		$[20] = tracking;
+		$[21] = t11;
+	} else t11 = $[21];
+	const onClickChat = t11;
+	let t12;
+	if ($[22] !== tracking) {
+		t12 = () => {
+			tracking?.onTrackMcp?.();
+			closeMenu();
+		};
+		$[22] = tracking;
+		$[23] = t12;
+	} else t12 = $[23];
+	const onClickMcp = t12;
+	let t13;
+	if ($[24] !== tracking) {
+		t13 = () => {
+			tracking?.onTrackMatrixRain?.();
+			closeMenu();
+		};
+		$[24] = tracking;
+		$[25] = t13;
+	} else t13 = $[25];
+	const onClickMatrixRain = t13;
+	let t14;
+	if ($[26] !== tracking) {
+		t14 = () => {
+			tracking?.onTrackEasterEggHunt?.();
+			closeMenu();
+		};
+		$[26] = tracking;
+		$[27] = t14;
+	} else t14 = $[27];
+	const onClickEasterEggHunt = t14;
+	let t15;
+	if ($[28] !== tracking) {
+		t15 = () => {
+			tracking?.onTrackAboutMe?.();
+			closeMenu();
+		};
+		$[28] = tracking;
+		$[29] = t15;
+	} else t15 = $[29];
+	const onClickAboutMe = t15;
+	let t16;
+	if ($[30] !== tracking) {
+		t16 = () => {
+			tracking?.onTrackArt?.();
+			closeMenu();
+		};
+		$[30] = tracking;
+		$[31] = t16;
+	} else t16 = $[31];
+	const onClickArt = t16;
+	let t17;
+	if ($[32] !== tracking) {
+		t17 = () => {
+			tracking?.onTrackVideogames?.();
+			closeMenu();
+		};
+		$[32] = tracking;
+		$[33] = t17;
+	} else t17 = $[33];
+	const onClickVideogames = t17;
+	let t18;
+	if ($[34] !== tracking) {
+		t18 = () => {
+			tracking?.onTrackContact?.();
+			closeMenu();
+		};
+		$[34] = tracking;
+		$[35] = t18;
+	} else t18 = $[35];
+	const onClickContact = t18;
+	let t19;
+	if ($[36] !== modifierKey || $[37] !== pathname || $[38] !== shouldHideMenu || $[39] !== shouldOpenMenu) {
+		t19 = {
+			pathname,
+			shouldHideMenu,
+			shouldOpenMenu,
+			modifierKey
+		};
+		$[36] = modifierKey;
+		$[37] = pathname;
+		$[38] = shouldHideMenu;
+		$[39] = shouldOpenMenu;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== handlePaletteTrigger || $[42] !== onClickAboutMe || $[43] !== onClickArt || $[44] !== onClickBlog || $[45] !== onClickBlogArchive || $[46] !== onClickBlogAuthors || $[47] !== onClickBlogStats || $[48] !== onClickBlogTags || $[49] !== onClickChat || $[50] !== onClickContact || $[51] !== onClickDsaExercises || $[52] !== onClickDsaRoadmap || $[53] !== onClickEasterEggHunt || $[54] !== onClickHome || $[55] !== onClickMatrixRain || $[56] !== onClickMcp || $[57] !== onClickVideogames) {
+		t20 = {
+			openMenu,
+			closeMenu,
+			handlePaletteTrigger,
+			onClickHome,
+			onClickBlog,
+			onClickBlogAuthors,
+			onClickBlogTags,
+			onClickBlogArchive,
+			onClickBlogStats,
+			onClickDsaRoadmap,
+			onClickDsaExercises,
+			onClickChat,
+			onClickMcp,
+			onClickMatrixRain,
+			onClickEasterEggHunt,
+			onClickAboutMe,
+			onClickArt,
+			onClickVideogames,
+			onClickContact
+		};
+		$[41] = handlePaletteTrigger;
+		$[42] = onClickAboutMe;
+		$[43] = onClickArt;
+		$[44] = onClickBlog;
+		$[45] = onClickBlogArchive;
+		$[46] = onClickBlogAuthors;
+		$[47] = onClickBlogStats;
+		$[48] = onClickBlogTags;
+		$[49] = onClickChat;
+		$[50] = onClickContact;
+		$[51] = onClickDsaExercises;
+		$[52] = onClickDsaRoadmap;
+		$[53] = onClickEasterEggHunt;
+		$[54] = onClickHome;
+		$[55] = onClickMatrixRain;
+		$[56] = onClickMcp;
+		$[57] = onClickVideogames;
+		$[58] = t20;
+	} else t20 = $[58];
+	let t21;
+	if ($[59] !== t19 || $[60] !== t20) {
+		t21 = {
+			state: t19,
+			effects: t20
+		};
+		$[59] = t19;
+		$[60] = t20;
+		$[61] = t21;
+	} else t21 = $[61];
+	return t21;
+};
+//#endregion
+export { useMenuStore };

package/dist/organism/profile-hero/index.d.mts

@@ -0,0 +1,2 @@
+import { ProfileHero, ProfileHeroProps } from "./profile-hero.mjs";
+export { ProfileHero, type ProfileHeroProps };

package/dist/organism/profile-hero/profile-hero.d.mts

@@ -0,0 +1,15 @@
+import { ImageComponent } from "../../atoms/effects/plain-image/plain-image.mjs";
+import "../../atoms/effects/plain-image/index.mjs";
+import { FC, ReactNode } from "react";
+//#region src/organism/profile-hero/profile-hero.d.ts
+interface ProfileHeroProps {
+  name: string;
+  role?: string;
+  imageSrc?: string;
+  imageAlt?: string;
+  children?: ReactNode;
+  imageComponent?: ImageComponent;
+}
+declare const ProfileHero: FC<ProfileHeroProps>;
+//#endregion
+export { ProfileHero, ProfileHeroProps };