matrix-design-system 1.1.0 → 2.0.0

package/dist/molecules/menu/close/close.mjs

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { BiX } from "react-icons/bi";
 //#region src/molecules/menu/close/close.tsx
 const Close = ({ onClick }) => /* @__PURE__ */ jsx(BiX, {
-	className: "size-9 text-primary-text",
+	className: "text-primary-text size-9",
 	onClick
 });
 //#endregion

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

@@ -13,13 +13,12 @@ interface DropdownMenuGroup {
   label: string;
   items: DropdownMenuItem[];
 }
-interface DropdownMenuProps {
+export interface DropdownMenuProps {
   linkComponent?: LinkComponent;
   label: string;
   items: DropdownMenuGroup[];
   className?: string;
   chevronClassName?: string;
 }
-declare const DropdownMenu: FC<DropdownMenuProps>;
-//#endregion
-export { DropdownMenu, DropdownMenuProps };
+export declare const DropdownMenu: FC<DropdownMenuProps>;
+//#endregion

package/dist/molecules/menu/dropdown-menu/dropdown-menu.mjs

@@ -64,7 +64,7 @@ const DropdownMenu = (t0) => {
 			id: panelId,
 			"aria-label": label,
 			role: "list",
-			className: `glow-container ${shouldReduceMotions ? "xs:bg-general-background" : "xs:bg-general-background/90"} relative mt-2 min-w-max list-none m-0 p-0 rounded-xl py-2 xs:absolute xs:right-0 xs:left-0 xs:w-60`,
+			className: `glow-container ${shouldReduceMotions ? "xs:bg-general-background" : "xs:bg-general-background/90"} xs:absolute xs:right-0 xs:left-0 xs:w-60 relative m-0 mt-2 min-w-max list-none rounded-xl p-0 py-2`,
 			tabIndex: -1,
 			children: items.map((group_0, idx) => {
 				const groupId = getGroupId(idx);
@@ -77,13 +77,13 @@ const DropdownMenu = (t0) => {
 						}),
 						/* @__PURE__ */ jsx("span", {
 							id: groupId,
-							className: "text-secondary-text block px-4 pt-3 pb-1 text-sm font-bold uppercase tracking-wider cursor-default select-none",
+							className: "text-secondary-text block cursor-default px-4 pt-3 pb-1 text-sm font-bold tracking-wider uppercase select-none",
 							children: group_0.label
 						}),
 						/* @__PURE__ */ jsx("ul", {
 							"aria-labelledby": groupId,
 							role: "list",
-							className: "list-none m-0 p-0",
+							className: "m-0 list-none p-0",
 							children: group_0.items.map((item_0, itemIdx) => /* @__PURE__ */ jsx("li", {
 								className: "mb-0 pl-0 before:content-none",
 								children: /* @__PURE__ */ jsx(MenuItem, {

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

@@ -1,26 +1,25 @@
 import { LinkComponent } from "../../atoms/links/anchor-link/anchor-link.mjs";
 import "../../atoms/links/anchor-link/index.mjs";
-import { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks } from "./use-footer-store.mjs";
+import { FooterSocialTrackingCallbacks } from "./use-footer-store.mjs";
 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 {
-  blog: string;
-  art: string;
-  aboutMe: string;
-  archive: string;
-  tags: string;
-  contact: string;
+export interface FooterLink {
+  label: string;
+  to: string;
+  onClick?: () => void;
 }
-interface FooterProps {
+export interface FooterProps {
   linkComponent?: LinkComponent;
   author: string;
-  navHrefs: FooterNavHrefs;
+  /** The navigation links, in display order. */
+  links: FooterLink[];
+  /** Where the contact call to action of the social contacts leads. */
+  contactHref: string;
   socialLinks: SocialContactLinks;
-  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

@@ -7,125 +7,49 @@ import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/organism/footer/footer.tsx
 const Footer = (t0) => {
-	const $ = c(52);
-	const { author, navHrefs, socialLinks, navTracking, socialTracking, linkComponent } = t0;
-	const { effects } = useFooterStore(navTracking, socialTracking);
-	const { onTrackHome, onTrackBlog, onTrackArt, onTrackAboutMe, onTrackArchive, onTrackTags, onTrackGithub, onTrackLinkedin, onTrackContact, onTrackMedium, onTrackDevto, onTrackTwitter, onTrackFacebook, onTrackInstagram } = effects;
+	const $ = c(29);
+	const { author, links, contactHref, socialLinks, socialTracking, linkComponent } = t0;
+	const { effects } = useFooterStore(socialTracking);
+	const { onTrackGithub, onTrackLinkedin, onTrackContact, onTrackMedium, onTrackDevto, onTrackTwitter, onTrackFacebook, onTrackInstagram } = effects;
 	let t1;
-	if ($[0] !== linkComponent || $[1] !== onTrackHome) {
-		t1 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: "/",
-			onClick: onTrackHome,
-			selected: false,
-			children: "Home"
-		});
+	if ($[0] !== linkComponent || $[1] !== links) {
+		let t2;
+		if ($[3] !== linkComponent) {
+			t2 = (link) => /* @__PURE__ */ jsx(MenuItem, {
+				linkComponent,
+				to: link.to,
+				onClick: link.onClick,
+				selected: false,
+				children: link.label
+			}, link.label);
+			$[3] = linkComponent;
+			$[4] = t2;
+		} else t2 = $[4];
+		t1 = links.map(t2);
 		$[0] = linkComponent;
-		$[1] = onTrackHome;
+		$[1] = links;
 		$[2] = t1;
 	} else t1 = $[2];
 	let t2;
-	if ($[3] !== linkComponent || $[4] !== navHrefs.blog || $[5] !== onTrackBlog) {
-		t2 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: navHrefs.blog,
-			onClick: onTrackBlog,
-			selected: false,
-			children: "Blog"
+	if ($[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "grid w-full grid-cols-2 gap-3 px-5 py-7 sm:mx-auto sm:max-w-4xl sm:auto-cols-auto sm:grid-flow-col sm:grid-cols-none sm:justify-center",
+			children: t1
 		});
-		$[3] = linkComponent;
-		$[4] = navHrefs.blog;
-		$[5] = onTrackBlog;
+		$[5] = t1;
 		$[6] = t2;
 	} else t2 = $[6];
 	let t3;
-	if ($[7] !== linkComponent || $[8] !== navHrefs.art || $[9] !== onTrackArt) {
-		t3 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: navHrefs.art,
-			onClick: onTrackArt,
-			selected: false,
-			children: "Art"
-		});
-		$[7] = linkComponent;
-		$[8] = navHrefs.art;
-		$[9] = onTrackArt;
-		$[10] = t3;
-	} else t3 = $[10];
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("hr", {});
+		$[7] = t3;
+	} else t3 = $[7];
 	let t4;
-	if ($[11] !== linkComponent || $[12] !== navHrefs.aboutMe || $[13] !== onTrackAboutMe) {
-		t4 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: navHrefs.aboutMe,
-			onClick: onTrackAboutMe,
-			selected: false,
-			children: "About Me"
-		});
-		$[11] = linkComponent;
-		$[12] = navHrefs.aboutMe;
-		$[13] = onTrackAboutMe;
-		$[14] = t4;
-	} else t4 = $[14];
-	let t5;
-	if ($[15] !== linkComponent || $[16] !== navHrefs.archive || $[17] !== onTrackArchive) {
-		t5 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: navHrefs.archive,
-			onClick: onTrackArchive,
-			selected: false,
-			children: "Archive"
-		});
-		$[15] = linkComponent;
-		$[16] = navHrefs.archive;
-		$[17] = onTrackArchive;
-		$[18] = t5;
-	} else t5 = $[18];
-	let t6;
-	if ($[19] !== linkComponent || $[20] !== navHrefs.tags || $[21] !== onTrackTags) {
-		t6 = /* @__PURE__ */ jsx(MenuItem, {
-			linkComponent,
-			to: navHrefs.tags,
-			onClick: onTrackTags,
-			selected: false,
-			children: "Tags"
-		});
-		$[19] = linkComponent;
-		$[20] = navHrefs.tags;
-		$[21] = onTrackTags;
-		$[22] = t6;
-	} else t6 = $[22];
-	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",
-			children: [
-				t1,
-				t2,
-				t3,
-				t4,
-				t5,
-				t6
-			]
-		});
-		$[23] = t1;
-		$[24] = t2;
-		$[25] = t3;
-		$[26] = t4;
-		$[27] = t5;
-		$[28] = t6;
-		$[29] = t7;
-	} else t7 = $[29];
-	let t8;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx("hr", {});
-		$[30] = t8;
-	} else t8 = $[30];
-	let t9;
-	if ($[31] !== linkComponent || $[32] !== navHrefs.contact || $[33] !== onTrackContact || $[34] !== onTrackDevto || $[35] !== onTrackFacebook || $[36] !== onTrackGithub || $[37] !== onTrackInstagram || $[38] !== onTrackLinkedin || $[39] !== onTrackMedium || $[40] !== onTrackTwitter || $[41] !== socialLinks) {
-		t9 = /* @__PURE__ */ jsx(SocialContacts, {
+	if ($[8] !== contactHref || $[9] !== linkComponent || $[10] !== onTrackContact || $[11] !== onTrackDevto || $[12] !== onTrackFacebook || $[13] !== onTrackGithub || $[14] !== onTrackInstagram || $[15] !== onTrackLinkedin || $[16] !== onTrackMedium || $[17] !== onTrackTwitter || $[18] !== socialLinks) {
+		t4 = /* @__PURE__ */ jsx(SocialContacts, {
 			linkComponent,
 			links: socialLinks,
-			contactHref: navHrefs.contact,
+			contactHref,
 			onTrackGithub,
 			onTrackLinkedin,
 			onTrackContact,
@@ -135,59 +59,59 @@ const Footer = (t0) => {
 			onTrackFacebook,
 			onTrackInstagram
 		});
-		$[31] = linkComponent;
-		$[32] = navHrefs.contact;
-		$[33] = onTrackContact;
-		$[34] = onTrackDevto;
-		$[35] = onTrackFacebook;
-		$[36] = onTrackGithub;
-		$[37] = onTrackInstagram;
-		$[38] = onTrackLinkedin;
-		$[39] = onTrackMedium;
-		$[40] = onTrackTwitter;
-		$[41] = socialLinks;
-		$[42] = t9;
-	} else t9 = $[42];
-	const t10 = `> Made with 💝 by ${author} 'Chicio'`;
-	let t11;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ jsx(Cursor, {});
-		$[43] = t11;
-	} else t11 = $[43];
-	let t12;
-	if ($[44] !== t10) {
-		t12 = /* @__PURE__ */ jsxs(TerminalLine, { children: [t10, t11] });
-		$[44] = t10;
-		$[45] = t12;
-	} else t12 = $[45];
-	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",
-			children: [t9, t12]
+		$[8] = contactHref;
+		$[9] = linkComponent;
+		$[10] = onTrackContact;
+		$[11] = onTrackDevto;
+		$[12] = onTrackFacebook;
+		$[13] = onTrackGithub;
+		$[14] = onTrackInstagram;
+		$[15] = onTrackLinkedin;
+		$[16] = onTrackMedium;
+		$[17] = onTrackTwitter;
+		$[18] = socialLinks;
+		$[19] = t4;
+	} else t4 = $[19];
+	const t5 = `> Made with 💝 by ${author} 'Chicio'`;
+	let t6;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Cursor, {});
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== t5) {
+		t7 = /* @__PURE__ */ jsxs(TerminalLine, { children: [t5, t6] });
+		$[21] = t5;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== t4 || $[24] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			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: [t4, t7]
 		});
-		$[46] = t12;
-		$[47] = t9;
-		$[48] = t13;
-	} else t13 = $[48];
-	let t14;
-	if ($[49] !== t13 || $[50] !== t7) {
-		t14 = /* @__PURE__ */ jsx("footer", {
+		$[23] = t4;
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
+	let t9;
+	if ($[26] !== t2 || $[27] !== t8) {
+		t9 = /* @__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,
-					t13
+					t2,
+					t3,
+					t8
 				]
 			})
 		});
-		$[49] = t13;
-		$[50] = t7;
-		$[51] = t14;
-	} else t14 = $[51];
-	return t14;
+		$[26] = t2;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	return t9;
 };
 //#endregion
 export { Footer };

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

@@ -1,3 +1,3 @@
-import { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks } from "./use-footer-store.mjs";
-import { Footer, FooterNavHrefs, FooterProps } from "./footer.mjs";
-export { Footer, type FooterNavHrefs, type FooterNavTrackingCallbacks, type FooterProps, type FooterSocialTrackingCallbacks };
+import { FooterSocialTrackingCallbacks } from "./use-footer-store.mjs";
+import { Footer, FooterLink, FooterProps } from "./footer.mjs";
+export { Footer, type FooterLink, type FooterProps, type FooterSocialTrackingCallbacks };

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

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