matrix-design-system 1.1.0 → 2.0.0

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

@@ -1,14 +1,8 @@
 "use client";
 import { c } from "react/compiler-runtime";
 //#region src/organism/footer/use-footer-store.ts
-const useFooterStore = (navTracking, socialTracking) => {
-	const $ = c(15);
-	const onTrackHome = navTracking?.onTrackHome;
-	const onTrackBlog = navTracking?.onTrackBlog;
-	const onTrackArt = navTracking?.onTrackArt;
-	const onTrackAboutMe = navTracking?.onTrackAboutMe;
-	const onTrackArchive = navTracking?.onTrackArchive;
-	const onTrackTags = navTracking?.onTrackTags;
+const useFooterStore = (socialTracking) => {
+	const $ = c(9);
 	const onTrackGithub = socialTracking?.onTrackGithub;
 	const onTrackLinkedin = socialTracking?.onTrackLinkedin;
 	const onTrackContact = socialTracking?.onTrackContact;
@@ -18,14 +12,8 @@ const useFooterStore = (navTracking, socialTracking) => {
 	const onTrackFacebook = socialTracking?.onTrackFacebook;
 	const onTrackInstagram = socialTracking?.onTrackInstagram;
 	let t0;
-	if ($[0] !== onTrackAboutMe || $[1] !== onTrackArchive || $[2] !== onTrackArt || $[3] !== onTrackBlog || $[4] !== onTrackContact || $[5] !== onTrackDevto || $[6] !== onTrackFacebook || $[7] !== onTrackGithub || $[8] !== onTrackHome || $[9] !== onTrackInstagram || $[10] !== onTrackLinkedin || $[11] !== onTrackMedium || $[12] !== onTrackTags || $[13] !== onTrackTwitter) {
+	if ($[0] !== onTrackContact || $[1] !== onTrackDevto || $[2] !== onTrackFacebook || $[3] !== onTrackGithub || $[4] !== onTrackInstagram || $[5] !== onTrackLinkedin || $[6] !== onTrackMedium || $[7] !== onTrackTwitter) {
 		t0 = { effects: {
-			onTrackHome,
-			onTrackBlog,
-			onTrackArt,
-			onTrackAboutMe,
-			onTrackArchive,
-			onTrackTags,
 			onTrackGithub,
 			onTrackLinkedin,
 			onTrackContact,
@@ -35,22 +23,16 @@ const useFooterStore = (navTracking, socialTracking) => {
 			onTrackFacebook,
 			onTrackInstagram
 		} };
-		$[0] = onTrackAboutMe;
-		$[1] = onTrackArchive;
-		$[2] = onTrackArt;
-		$[3] = onTrackBlog;
-		$[4] = onTrackContact;
-		$[5] = onTrackDevto;
-		$[6] = onTrackFacebook;
-		$[7] = onTrackGithub;
-		$[8] = onTrackHome;
-		$[9] = onTrackInstagram;
-		$[10] = onTrackLinkedin;
-		$[11] = onTrackMedium;
-		$[12] = onTrackTags;
-		$[13] = onTrackTwitter;
-		$[14] = t0;
-	} else t0 = $[14];
+		$[0] = onTrackContact;
+		$[1] = onTrackDevto;
+		$[2] = onTrackFacebook;
+		$[3] = onTrackGithub;
+		$[4] = onTrackInstagram;
+		$[5] = onTrackLinkedin;
+		$[6] = onTrackMedium;
+		$[7] = onTrackTwitter;
+		$[8] = t0;
+	} else t0 = $[8];
 	return t0;
 };
 //#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/index.d.mts

@@ -1,3 +1,2 @@
-import { MenuTrackingCallbacks } from "./use-menu-store.mjs";
-import { Menu, MenuNavHrefs, MenuProps } from "./menu.mjs";
-export { Menu, type MenuNavHrefs, type MenuProps, type MenuTrackingCallbacks };
+import { Menu, MenuDropdown, MenuEntry, MenuGroup, MenuLink, MenuProps } from "./menu.mjs";
+export { Menu, type MenuDropdown, type MenuEntry, type MenuGroup, type MenuLink, type MenuProps };

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

@@ -1,33 +1,33 @@
 import { LinkComponent } from "../../atoms/links/anchor-link/anchor-link.mjs";
 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 {
-  blog: string;
-  blogAuthors: string;
-  blogAuthor: string;
-  blogTags: string;
-  blogArchive: string;
-  blogStats: string;
-  dsaRoadmap: string;
-  dsaExercises: string;
-  chat: string;
-  mcp: string;
-  easterEggHunt: string;
-  aboutMe: string;
-  art: string;
-  videogames: string;
-  contact: string;
+export interface MenuLink {
+  label: string;
+  to: string;
+  external?: boolean;
+  onClick?: () => void;
+  /** Path prefixes that also mark this link selected (e.g. `/blog/author/`). */
+  activePathPrefixes?: string[];
 }
-interface MenuProps {
+export interface MenuGroup {
+  label: string;
+  items: MenuLink[];
+}
+export interface MenuDropdown {
+  label: string;
+  groups: MenuGroup[];
+}
+export type MenuEntry = MenuLink | MenuDropdown;
+export interface MenuProps {
   linkComponent?: LinkComponent;
   /** The path currently being viewed, used to mark the active entry. Injected by the consumer's router. */
   currentPath: string;
-  navHrefs: MenuNavHrefs;
+  /** The navigation tree, in display order: top-level links and dropdowns of grouped links. */
+  entries: MenuEntry[];
+  /** Paths on which the menu never hides on scroll. */
+  pinnedOnPaths?: string[];
   onPaletteTrigger?: () => void;
-  tracking?: MenuTrackingCallbacks;
 }
-declare const Menu: FC<MenuProps>;
-//#endregion
-export { Menu, MenuNavHrefs, MenuProps };
+export declare const Menu: FC<MenuProps>;
+//#endregion