matrix-design-system 1.0.0 → 1.1.1

package/dist/molecules/menu/hamburger-menu/hamburger-menu.d.mts

@@ -3,6 +3,5 @@ import { FC } from "react";
 interface HamburgerMenuProps {
   onClick: () => void;
 }
-declare const HamburgerMenu: FC<HamburgerMenuProps>;
-//#endregion
-export { HamburgerMenu };
+export declare const HamburgerMenu: FC<HamburgerMenuProps>;
+//#endregion

package/dist/molecules/menu/menu-item/menu-item.d.mts

@@ -2,7 +2,7 @@ import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs"
 import "../../../atoms/links/anchor-link/index.mjs";
 import { FC, ReactNode } from "react";
 //#region src/molecules/menu/menu-item/menu-item.d.ts
-type MenuItemProps = {
+export type MenuItemProps = {
   to: string;
   linkComponent?: LinkComponent;
   selected: boolean;
@@ -11,6 +11,5 @@ type MenuItemProps = {
   onClick?: () => void;
   external?: boolean;
 };
-declare const MenuItem: FC<MenuItemProps>;
-//#endregion
-export { MenuItem, MenuItemProps };
+export declare const MenuItem: FC<MenuItemProps>;
+//#endregion

package/dist/molecules/stat-card/stat-card.d.mts

@@ -1,10 +1,9 @@
 import { FC, ReactNode } from "react";
 //#region src/molecules/stat-card/stat-card.d.ts
-interface StatCardProps {
+export interface StatCardProps {
   value: number | string;
   label: string;
   icon?: ReactNode;
 }
-declare const StatCard: FC<StatCardProps>;
-//#endregion
-export { StatCard, StatCardProps };
+export declare const StatCard: FC<StatCardProps>;
+//#endregion

package/dist/molecules/stat-card/stat-card.mjs

@@ -4,15 +4,15 @@ const StatCard = ({ value, label, icon }) => /* @__PURE__ */ jsxs("div", {
 	className: "glow-container flex min-h-30 min-w-0 flex-col items-center justify-between p-5",
 	children: [
 		icon && /* @__PURE__ */ jsx("span", {
-			className: "text-accent text-2xl mb-1",
+			className: "text-accent mb-1 text-2xl",
 			children: icon
 		}),
 		/* @__PURE__ */ jsx("span", {
-			className: "text-accent text-shadow-lg w-full text-center text-2xl leading-none font-medium break-words tabular-nums sm:text-3xl md:text-4xl lg:text-6xl",
+			className: "text-accent w-full text-center text-2xl leading-none font-medium break-words tabular-nums text-shadow-lg sm:text-3xl md:text-4xl lg:text-6xl",
 			children: value
 		}),
 		/* @__PURE__ */ jsx("span", {
-			className: "text-accent text-base mt-2",
+			className: "text-accent mt-2 text-base",
 			children: label
 		})
 	]

package/dist/molecules/terminal-list-item/terminal-list-item.d.mts

@@ -1,9 +1,8 @@
 import { FC } from "react";
 //#region src/molecules/terminal-list-item/terminal-list-item.d.ts
-interface TerminalListItemProps {
+export interface TerminalListItemProps {
   title: string;
   description: string;
 }
-declare const TerminalListItem: FC<TerminalListItemProps>;
-//#endregion
-export { TerminalListItem, TerminalListItemProps };
+export declare const TerminalListItem: FC<TerminalListItemProps>;
+//#endregion

package/dist/molecules/terminal-progress-bar/terminal-progress-bar.d.mts

@@ -6,6 +6,5 @@ interface TerminalProgressBarProps {
   completeMessage: string;
   shouldReduceMotion?: boolean;
 }
-declare const TerminalProgressBar: FC<TerminalProgressBarProps>;
-//#endregion
-export { TerminalProgressBar };
+export declare const TerminalProgressBar: FC<TerminalProgressBarProps>;
+//#endregion

package/dist/molecules/typography/page-title/page-title.d.mts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/molecules/typography/page-title/page-title.d.ts
-declare const PageTitle: FC<PropsWithChildren>;
-//#endregion
-export { PageTitle };
+export declare const PageTitle: FC<PropsWithChildren>;
+//#endregion

package/dist/molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.d.mts

@@ -1,8 +1,7 @@
 import React from "react";
 //#region src/molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.d.ts
-declare const ParagraphTitleWithIcon: React.FC<{
+export declare const ParagraphTitleWithIcon: React.FC<{
   icon: React.ReactNode;
   children: string;
 }>;
-//#endregion
-export { ParagraphTitleWithIcon };
+//#endregion

package/dist/molecules/typography/section-heading/section-heading.d.mts

@@ -1,9 +1,8 @@
 import { FC } from "react";
 //#region src/molecules/typography/section-heading/section-heading.d.ts
-interface SectionHeadingProps {
+export interface SectionHeadingProps {
   title: string;
   description?: string;
 }
-declare const SectionHeading: FC<SectionHeadingProps>;
-//#endregion
-export { SectionHeading, SectionHeadingProps };
+export declare const SectionHeading: FC<SectionHeadingProps>;
+//#endregion

package/dist/molecules/typography/section-heading/section-heading.mjs

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const SectionHeading = ({ title, description }) => /* @__PURE__ */ jsxs("div", {
 	className: "mb-5",
 	children: [/* @__PURE__ */ jsxs("h2", {
-		className: "text-accent text-shadow-md mb-1 text-lg font-bold",
+		className: "text-accent mb-1 text-lg font-bold text-shadow-md",
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			children: ">\xA0"

package/dist/molecules/video/self-hosted-video/self-hosted-video.d.mts

@@ -12,6 +12,5 @@ interface Props {
   ariaLabel?: string;
   className?: string;
 }
-declare const SelfHostedVideo: FC<Props>;
-//#endregion
-export { SelfHostedVideo };
+export declare const SelfHostedVideo: FC<Props>;
+//#endregion

package/dist/molecules/video/self-hosted-video/self-hosted-video.mjs

@@ -24,8 +24,7 @@ const SelfHostedVideo = ({ src, poster, caption, captions, autoPlay, muted, onEn
 					label: "English",
 					src: captions
 				}),
-				"Your browser does not support the video tag.",
-				" ",
+				"Your browser does not support the video tag. ",
 				/* @__PURE__ */ jsx("a", {
 					href: src,
 					children: "Download the video"

package/dist/molecules/video/youtube/youtube.d.mts

@@ -4,6 +4,5 @@ interface Props {
   videoId: string;
   title?: string;
 }
-declare const Youtube: FC<Props>;
-//#endregion
-export { Youtube };
+export declare const Youtube: FC<Props>;
+//#endregion

package/dist/organism/command-palette/command-palette/command-palette.d.mts

@@ -1,12 +1,11 @@
 import { CommandPaletteTrigger } from "../../../state/command-palette/command-palette-trigger.mjs";
 import { FC, ReactNode } from "react";
 //#region src/organism/command-palette/command-palette/command-palette.d.ts
-interface CommandPaletteProps {
+export interface CommandPaletteProps {
   placeholder?: string;
   onOpenChange?: (open: boolean, trigger: CommandPaletteTrigger) => void;
   onQueryChange?: (query: string) => void;
   children: ReactNode;
 }
-declare const CommandPalette: FC<CommandPaletteProps>;
-//#endregion
-export { CommandPalette, CommandPaletteProps };
+export declare const CommandPalette: FC<CommandPaletteProps>;
+//#endregion

package/dist/organism/command-palette/command-palette-group/command-palette-group.d.mts

@@ -1,9 +1,8 @@
 import { FC, ReactNode } from "react";
 //#region src/organism/command-palette/command-palette-group/command-palette-group.d.ts
-interface CommandPaletteGroupProps {
+export interface CommandPaletteGroupProps {
   label?: string;
   children: ReactNode;
 }
-declare const CommandPaletteGroup: FC<CommandPaletteGroupProps>;
-//#endregion
-export { CommandPaletteGroup, CommandPaletteGroupProps };
+export declare const CommandPaletteGroup: FC<CommandPaletteGroupProps>;
+//#endregion

package/dist/organism/command-palette/command-palette-item/command-palette-item.d.mts

@@ -1,11 +1,10 @@
 import { FC, ReactNode } from "react";
 //#region src/organism/command-palette/command-palette-item/command-palette-item.d.ts
-interface CommandPaletteItemProps {
+export interface CommandPaletteItemProps {
   value: string;
   onSelect?: () => void;
   closeOnSelect?: boolean;
   children: ReactNode;
 }
-declare const CommandPaletteItem: FC<CommandPaletteItemProps>;
-//#endregion
-export { CommandPaletteItem, CommandPaletteItemProps };
+export declare const CommandPaletteItem: FC<CommandPaletteItemProps>;
+//#endregion

package/dist/organism/command-palette/toggle-motion-item/toggle-motion-item.d.mts

@@ -1,8 +1,7 @@
 import { FC } from "react";
 //#region src/organism/command-palette/toggle-motion-item/toggle-motion-item.d.ts
-interface ToggleMotionItemProps {
+export interface ToggleMotionItemProps {
   onTrack?: () => void;
 }
-declare const ToggleMotionItem: FC<ToggleMotionItemProps>;
-//#endregion
-export { ToggleMotionItem, ToggleMotionItemProps };
+export declare const ToggleMotionItem: FC<ToggleMotionItemProps>;
+//#endregion

package/dist/organism/cookie-consent-banner/cookie-consent-banner.d.mts

@@ -4,6 +4,5 @@ interface CookieConsentBannerProps {
   onAccept: () => void;
   onReject: () => void;
 }
-declare const CookieConsentBanner: ({ decided, onAccept, onReject }: CookieConsentBannerProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { CookieConsentBanner };
+export declare const CookieConsentBanner: ({ decided, onAccept, onReject }: CookieConsentBannerProps) => import("react").JSX.Element;
+//#endregion

package/dist/organism/cookie-consent-banner/cookie-consent-banner.mjs

@@ -20,20 +20,20 @@ const CookieConsentBanner = (t0) => {
 	let t2;
 	if ($[1] !== acceptConsent || $[2] !== decided || $[3] !== glassmorphismClass || $[4] !== rejectConsent) {
 		t2 = !decided && /* @__PURE__ */ jsxs("div", {
-			className: `${glassmorphismClass} fixed right-0 bottom-5 left-0 mx-auto my-0 p-4 flex max-w-[95%] flex-col items-center gap-4 lg:max-w-[60%] lg:flex-row z-50`,
+			className: `${glassmorphismClass} fixed right-0 bottom-5 left-0 z-50 mx-auto my-0 flex max-w-[95%] flex-col items-center gap-4 p-4 lg:max-w-[60%] lg:flex-row`,
 			role: "dialog",
 			"aria-live": "polite",
 			"aria-label": "Cookie consent banner",
 			children: [/* @__PURE__ */ jsxs("p", {
 				className: "text-shadow-md",
 				children: [
-					"This website uses cookies. Take the",
-					" ",
+					"This website uses cookies. Take the ",
 					/* @__PURE__ */ jsx("span", {
 						className: "text-confirm",
 						children: "red pill"
 					}),
-					", and you'll see how deep the rabbit hole goes. Take the ",
+					", and you'll see how deep the rabbit hole goes. Take the",
+					" ",
 					/* @__PURE__ */ jsx("span", {
 						className: "text-undo",
 						children: "blue pill"

package/dist/organism/footer/footer.d.mts

@@ -5,7 +5,7 @@ import { SocialContactLinks } from "../social-contacts/social-contacts.mjs";
 import "../social-contacts/index.mjs";
 import { FC } from "react";
 //#region src/organism/footer/footer.d.ts
-interface FooterNavHrefs {
+export interface FooterNavHrefs {
   blog: string;
   art: string;
   aboutMe: string;
@@ -13,7 +13,7 @@ interface FooterNavHrefs {
   tags: string;
   contact: string;
 }
-interface FooterProps {
+export interface FooterProps {
   linkComponent?: LinkComponent;
   author: string;
   navHrefs: FooterNavHrefs;
@@ -21,6 +21,6 @@ interface FooterProps {
   navTracking?: FooterNavTrackingCallbacks;
   socialTracking?: FooterSocialTrackingCallbacks;
 }
-declare const Footer: FC<FooterProps>;
+export declare const Footer: FC<FooterProps>;
 //#endregion
-export { Footer, FooterNavHrefs, FooterProps, type SocialContactLinks };
+export type { SocialContactLinks };

package/dist/organism/footer/footer.mjs

@@ -97,7 +97,7 @@ const Footer = (t0) => {
 	let t7;
 	if ($[23] !== t1 || $[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6) {
 		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "grid grid-cols-2 gap-3 py-7 px-5 w-full sm:grid-cols-[repeat(6,auto)] sm:justify-center sm:max-w-4xl sm:mx-auto",
+			className: "grid w-full grid-cols-2 gap-3 px-5 py-7 sm:mx-auto sm:max-w-4xl sm:grid-cols-[repeat(6,auto)] sm:justify-center",
 			children: [
 				t1,
 				t2,
@@ -163,7 +163,7 @@ const Footer = (t0) => {
 	let t13;
 	if ($[46] !== t12 || $[47] !== t9) {
 		t13 = /* @__PURE__ */ jsxs("div", {
-			className: "w-full flex flex-col items-center justify-center gap-3 py-6 px-4 bg-gradient-to-b from-general-background-light to-primary-color-dark",
+			className: "from-general-background-light to-primary-color-dark flex w-full flex-col items-center justify-center gap-3 bg-gradient-to-b px-4 py-6",
 			children: [t9, t12]
 		});
 		$[46] = t12;
@@ -175,7 +175,7 @@ const Footer = (t0) => {
 		t14 = /* @__PURE__ */ jsx("footer", {
 			className: "bg-primary-dark border-t-accent relative w-full shrink-0 snap-start border-t-2 border-solid shadow-lg",
 			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col w-full items-center",
+				className: "flex w-full flex-col items-center",
 				children: [
 					t7,
 					t8,

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

@@ -1,6 +1,6 @@
 import "matrix-component-store";
 //#region src/organism/footer/use-footer-store.d.ts
-interface FooterNavTrackingCallbacks {
+export interface FooterNavTrackingCallbacks {
   onTrackHome?: () => void;
   onTrackBlog?: () => void;
   onTrackArt?: () => void;
@@ -8,7 +8,7 @@ interface FooterNavTrackingCallbacks {
   onTrackArchive?: () => void;
   onTrackTags?: () => void;
 }
-interface FooterSocialTrackingCallbacks {
+export interface FooterSocialTrackingCallbacks {
   onTrackGithub?: () => void;
   onTrackLinkedin?: () => void;
   onTrackContact?: () => void;
@@ -18,5 +18,4 @@ interface FooterSocialTrackingCallbacks {
   onTrackFacebook?: () => void;
   onTrackInstagram?: () => void;
 }
-//#endregion
-export { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks };
+//#endregion

package/dist/organism/header/brand-header/brand-header.d.mts

@@ -2,13 +2,12 @@ import { ImageComponent, ImageSource } from "../../../atoms/effects/plain-image/
 import "../../../atoms/effects/plain-image/index.mjs";
 import { FC, PropsWithChildren } from "react";
 //#region src/organism/header/brand-header/brand-header.d.ts
-interface BrandHeaderProps {
+export interface BrandHeaderProps {
   big: boolean;
   wrapper?: FC<PropsWithChildren>;
   /** Injected by the consumer: the design system ships no site assets of its own. */
   logo: ImageSource;
   imageComponent?: ImageComponent;
 }
-declare const BrandHeader: FC<BrandHeaderProps>;
-//#endregion
-export { BrandHeader, BrandHeaderProps };
+export declare const BrandHeader: FC<BrandHeaderProps>;
+//#endregion

package/dist/organism/header/brand-header/brand-header.mjs

@@ -37,7 +37,7 @@ const BrandHeader = (t0) => {
 		$[2] = t4;
 	} else t4 = $[2];
 	const t5 = `flex items-center ${margins}`;
-	const t6 = `${glassmorphismClass} w-full p-5 md:p-9 z-30`;
+	const t6 = `${glassmorphismClass} z-30 w-full p-5 md:p-9`;
 	let t7;
 	if ($[3] !== imageComponent || $[4] !== logo) {
 		t7 = /* @__PURE__ */ jsx(ImageGlow, {

package/dist/organism/image-carousel/fullscreen-modal/fullscreen-modal.mjs

@@ -114,7 +114,7 @@ const FullscreenModal = (t0) => {
 	let t8;
 	if ($[24] !== stopPropagation || $[25] !== t6 || $[26] !== t7) {
 		t8 = /* @__PURE__ */ jsxs("div", {
-			className: "glow-container relative flex h-10/12 sm:h-full w-full max-w-11/12 sm:max-w-10/12 items-center bg-general-background justify-center overflow-hidden",
+			className: "glow-container bg-general-background relative flex h-10/12 w-full max-w-11/12 items-center justify-center overflow-hidden sm:h-full sm:max-w-10/12",
 			onClick: stopPropagation,
 			children: [t6, t7]
 		});

package/dist/organism/image-carousel/image-carousel.d.mts

@@ -2,13 +2,12 @@ import { ImageComponent } from "../../atoms/effects/plain-image/plain-image.mjs"
 import "../../atoms/effects/plain-image/index.mjs";
 import { FC } from "react";
 //#region src/organism/image-carousel/image-carousel.d.ts
-interface ImageCarouselProps {
+export interface ImageCarouselProps {
   images: string[];
   alt: string;
   caption?: string;
   className?: string;
   imageComponent?: ImageComponent;
 }
-declare const ImageCarousel: FC<ImageCarouselProps>;
-//#endregion
-export { ImageCarousel, ImageCarouselProps };
+export declare const ImageCarousel: FC<ImageCarouselProps>;
+//#endregion

package/dist/organism/image-carousel/image-carousel.mjs

@@ -27,7 +27,7 @@ const ImageCarousel = (t0) => {
 				alt,
 				width: 800,
 				height: 450,
-				className: "h-96 w-full cursor-pointer object-contain bg-general-background-light overflow-hidden",
+				className: "bg-general-background-light h-96 w-full cursor-pointer overflow-hidden object-contain",
 				onClick: openFullscreen
 			});
 			$[0] = Image;
@@ -107,7 +107,7 @@ const ImageCarousel = (t0) => {
 					width: 800,
 					height: 450,
 					loading: index === 0 ? "eager" : "lazy",
-					className: "h-96 w-full cursor-pointer object-contain bg-general-background-light overflow-hidden",
+					className: "bg-general-background-light h-96 w-full cursor-pointer overflow-hidden object-contain",
 					onClick: openFullscreen,
 					placeholder: imageShimmerPlaceholder
 				})

package/dist/organism/image-carousel/navigation-buttons/navigation-buttons.mjs

@@ -8,12 +8,12 @@ const NavigationButtons = ({ onPrevious, onNext, stopPropagation = false }) => {
 	const { handlePrevious, handleNext } = effects;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 		onClick: handlePrevious,
-		className: "absolute top-1/2 left-4 -translate-y-1/2 hidden md:flex",
+		className: "absolute top-1/2 left-4 hidden -translate-y-1/2 md:flex",
 		"aria-label": "Previous image",
 		children: /* @__PURE__ */ jsx(BiChevronLeft, { className: "size-10 md:size-12" })
 	}), /* @__PURE__ */ jsx(Button, {
 		onClick: handleNext,
-		className: "absolute top-1/2 right-4 -translate-y-1/2 hidden md:flex",
+		className: "absolute top-1/2 right-4 hidden -translate-y-1/2 md:flex",
 		"aria-label": "Next image",
 		children: /* @__PURE__ */ jsx(BiChevronRight, { className: "size-10 md:size-12" })
 	})] });

package/dist/organism/lightbox/lightbox.d.mts

@@ -1,5 +1,4 @@
 import { FC } from "react";
 //#region src/organism/lightbox/lightbox.d.ts
-declare const Lightbox: FC;
-//#endregion
-export { Lightbox };
+export declare const Lightbox: FC;
+//#endregion

package/dist/organism/loading-bar/loading-bar.d.mts

@@ -2,6 +2,5 @@
 interface LoadingBarProps {
   message?: string;
 }
-declare const LoadingBar: React.FC<LoadingBarProps>;
-//#endregion
-export { LoadingBar };
+export declare const LoadingBar: React.FC<LoadingBarProps>;
+//#endregion

package/dist/organism/menu/menu.d.mts

@@ -3,7 +3,7 @@ import "../../atoms/links/anchor-link/index.mjs";
 import { MenuTrackingCallbacks } from "./use-menu-store.mjs";
 import { FC } from "react";
 //#region src/organism/menu/menu.d.ts
-interface MenuNavHrefs {
+export interface MenuNavHrefs {
   blog: string;
   blogAuthors: string;
   blogAuthor: string;
@@ -20,7 +20,7 @@ interface MenuNavHrefs {
   videogames: string;
   contact: string;
 }
-interface MenuProps {
+export interface MenuProps {
   linkComponent?: LinkComponent;
   /** The path currently being viewed, used to mark the active entry. Injected by the consumer's router. */
   currentPath: string;
@@ -28,6 +28,5 @@ interface MenuProps {
   onPaletteTrigger?: () => void;
   tracking?: MenuTrackingCallbacks;
 }
-declare const Menu: FC<MenuProps>;
-//#endregion
-export { Menu, MenuNavHrefs, MenuProps };
+export declare const Menu: FC<MenuProps>;
+//#endregion

package/dist/organism/menu/menu.mjs

@@ -163,7 +163,7 @@ const Menu = (t0) => {
 						label: "Computer Graphics",
 						items: [{
 							label: "Matrix Rain",
-							to: "https://chicio.github.io/matrix-rain-webgpu/",
+							to: "https://chicio.github.io/chicio-blog/matrix-rain/",
 							external: true,
 							onClick: onClickMatrixRain
 						}]
@@ -250,7 +250,7 @@ const Menu = (t0) => {
 	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`;
+	const t5 = `${glassmorphismClass} xs:py-0 xs:pt-0 m-0 my-0 flex min-h-16 flex-row items-center gap-1 overflow-hidden px-2 sm:overflow-visible`;
 	let t6;
 	if ($[35] !== renderMenuItems) {
 		t6 = renderMenuItems(false);
@@ -270,9 +270,9 @@ const Menu = (t0) => {
 	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" });
+		t8 = /* @__PURE__ */ jsx(BiSearchAlt, { className: "text-accent group-hover:text-accent size-3.5 shrink-0 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",
+			className: "text-accent/40 group-hover:text-accent/60 hidden flex-1 text-left font-mono text-sm leading-none transition-colors duration-200 md:block",
 			children: "Search..."
 		});
 		$[40] = t8;
@@ -284,18 +284,18 @@ const Menu = (t0) => {
 	let t10;
 	if ($[42] !== modifierKey) {
 		t10 = modifierKey !== null && /* @__PURE__ */ jsxs("span", {
-			className: "hidden md:inline-flex items-center gap-1",
+			className: "hidden items-center gap-1 md:inline-flex",
 			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",
+					className: "border-accent/50 text-accent/70 group-hover:border-accent group-hover:text-accent inline-flex size-6 items-center justify-center rounded border font-mono text-sm leading-none 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",
+					className: "text-accent/70 group-hover:text-accent font-mono text-sm leading-none 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",
+					className: "border-accent/50 text-accent/70 group-hover:border-accent group-hover:text-accent inline-flex size-6 items-center justify-center rounded border font-mono text-base leading-none transition-colors duration-200",
 					children: "K"
 				})
 			]
@@ -306,7 +306,7 @@ const Menu = (t0) => {
 	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",
+			className: "group border-accent bg-accent/10 hover:border-accent hover:bg-accent/20 ml-auto flex min-h-10 w-auto cursor-pointer items-center gap-2 rounded-lg border px-3 py-1.5 transition-all duration-200 sm:mr-3 md:w-60",
 			onClick: handlePaletteTrigger,
 			"aria-label": "Open command palette",
 			children: [
@@ -352,7 +352,7 @@ const Menu = (t0) => {
 	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",
+			className: "bg-black-alpha-75 fixed top-0 left-0 z-50 h-full w-full touch-pan-y overflow-y-auto backdrop-blur-sm sm:hidden",
 			style: { willChange: "transform" },
 			variants: panelVariants,
 			initial: "closed",

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

@@ -1,6 +1,6 @@
 import "matrix-component-store";
 //#region src/organism/menu/use-menu-store.d.ts
-interface MenuTrackingCallbacks {
+export interface MenuTrackingCallbacks {
   onTrackHome?: () => void;
   onTrackBlog?: () => void;
   onTrackBlogAuthors?: () => void;
@@ -18,5 +18,4 @@ interface MenuTrackingCallbacks {
   onTrackVideogames?: () => void;
   onTrackContact?: () => void;
 }
-//#endregion
-export { MenuTrackingCallbacks };
+//#endregion

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

@@ -2,7 +2,7 @@ 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 {
+export interface ProfileHeroProps {
   name: string;
   role?: string;
   imageSrc?: string;
@@ -10,6 +10,5 @@ interface ProfileHeroProps {
   children?: ReactNode;
   imageComponent?: ImageComponent;
 }
-declare const ProfileHero: FC<ProfileHeroProps>;
-//#endregion
-export { ProfileHero, ProfileHeroProps };
+export declare const ProfileHero: FC<ProfileHeroProps>;
+//#endregion

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

@@ -2,11 +2,10 @@ import { ImageComponent } from "../../atoms/effects/plain-image/plain-image.mjs"
 import "../../atoms/effects/plain-image/index.mjs";
 import { FC } from "react";
 //#region src/organism/profile-photo/profile-photo.d.ts
-interface ProfilePhotoProps {
+export interface ProfilePhotoProps {
   author: string;
   src?: string;
   imageComponent?: ImageComponent;
 }
-declare const ProfilePhoto: FC<ProfilePhotoProps>;
-//#endregion
-export { ProfilePhoto, ProfilePhotoProps };
+export declare const ProfilePhoto: FC<ProfilePhotoProps>;
+//#endregion

package/dist/organism/profile-photo/profile-photo.mjs

@@ -6,7 +6,7 @@ const ProfilePhoto = ({ author, src = defaultProfilePhoto, imageComponent }) =>
 	className: "flex items-center justify-center",
 	children: /* @__PURE__ */ jsx(ImageGlow, {
 		imageComponent,
-		className: "w-[150px] h-[150px] rounded-full",
+		className: "h-[150px] w-[150px] rounded-full",
 		src,
 		alt: author,
 		width: 150,

package/dist/organism/reading-content-progress-bar/reading-content-progress-bar.d.mts

@@ -3,6 +3,5 @@ import React from "react";
 interface ContentProgressBarProps {
   contentId: string;
 }
-declare const ContentProgressBar: React.FC<ContentProgressBarProps>;
-//#endregion
-export { ContentProgressBar };
+export declare const ContentProgressBar: React.FC<ContentProgressBarProps>;
+//#endregion