matrix-design-system 1.0.0

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

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

package/dist/organism/command-palette/command-palette-group/command-palette-group.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Command } from "cmdk";
+//#region src/organism/command-palette/command-palette-group/command-palette-group.tsx
+const HEADING_CLASS = "[&_[cmdk-group-heading]]:text-accent/50 [&_[cmdk-group-heading]]:px-4 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:font-mono [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:uppercase";
+const CommandPaletteGroup = (t0) => {
+	const $ = c(3);
+	const { label, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== label) {
+		t1 = /* @__PURE__ */ jsx(Command.Group, {
+			heading: label,
+			className: HEADING_CLASS,
+			children
+		});
+		$[0] = children;
+		$[1] = label;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+//#endregion
+export { CommandPaletteGroup };

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

@@ -0,0 +1,2 @@
+import { CommandPaletteGroup, CommandPaletteGroupProps } from "./command-palette-group.mjs";
+export { CommandPaletteGroup, type CommandPaletteGroupProps };

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

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

package/dist/organism/command-palette/command-palette-item/command-palette-item.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { useCommandPaletteItemStore } from "./use-command-palette-item-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Command } from "cmdk";
+//#region src/organism/command-palette/command-palette-item/command-palette-item.tsx
+const ITEM_CLASS = "px-4 py-2 cursor-pointer aria-selected:bg-accent-alpha-10 aria-selected:border-l-2 aria-selected:border-accent transition-colors duration-100";
+const CommandPaletteItem = (t0) => {
+	const $ = c(4);
+	const { value, onSelect, closeOnSelect: t1, children } = t0;
+	const { effects } = useCommandPaletteItemStore(onSelect, t1 === void 0 ? true : t1);
+	const { handleSelect } = effects;
+	let t2;
+	if ($[0] !== children || $[1] !== handleSelect || $[2] !== value) {
+		t2 = /* @__PURE__ */ jsx(Command.Item, {
+			value,
+			className: ITEM_CLASS,
+			onSelect: handleSelect,
+			children
+		});
+		$[0] = children;
+		$[1] = handleSelect;
+		$[2] = value;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+//#endregion
+export { CommandPaletteItem };

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

@@ -0,0 +1,2 @@
+import { CommandPaletteItem, CommandPaletteItemProps } from "./command-palette-item.mjs";
+export { CommandPaletteItem, type CommandPaletteItemProps };

package/dist/organism/command-palette/command-palette-item/use-command-palette-item-store.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { CommandPaletteContext } from "../../../state/command-palette/command-palette-context.mjs";
+import { c } from "react/compiler-runtime";
+import { useContext } from "react";
+//#region src/organism/command-palette/command-palette-item/use-command-palette-item-store.ts
+const useCommandPaletteItemStore = (onSelect, closeOnSelect) => {
+	const $ = c(6);
+	const closePalette = useContext(CommandPaletteContext);
+	let t0;
+	if ($[0] !== closeOnSelect || $[1] !== closePalette || $[2] !== onSelect) {
+		t0 = () => {
+			onSelect?.();
+			if (closeOnSelect) closePalette?.();
+		};
+		$[0] = closeOnSelect;
+		$[1] = closePalette;
+		$[2] = onSelect;
+		$[3] = t0;
+	} else t0 = $[3];
+	const handleSelect = t0;
+	let t1;
+	if ($[4] !== handleSelect) {
+		t1 = { effects: { handleSelect } };
+		$[4] = handleSelect;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+};
+//#endregion
+export { useCommandPaletteItemStore };

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

@@ -0,0 +1,9 @@
+import { CommandPalette, CommandPaletteProps } from "./command-palette/command-palette.mjs";
+import "./command-palette/index.mjs";
+import { CommandPaletteGroup, CommandPaletteGroupProps } from "./command-palette-group/command-palette-group.mjs";
+import "./command-palette-group/index.mjs";
+import { CommandPaletteItem, CommandPaletteItemProps } from "./command-palette-item/command-palette-item.mjs";
+import "./command-palette-item/index.mjs";
+import { ToggleMotionItem, ToggleMotionItemProps } from "./toggle-motion-item/toggle-motion-item.mjs";
+import "./toggle-motion-item/index.mjs";
+export { CommandPalette, CommandPaletteGroup, type CommandPaletteGroupProps, CommandPaletteItem, type CommandPaletteItemProps, type CommandPaletteProps, ToggleMotionItem, type ToggleMotionItemProps };

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

@@ -0,0 +1,2 @@
+import { ToggleMotionItem, ToggleMotionItemProps } from "./toggle-motion-item.mjs";
+export { ToggleMotionItem, type ToggleMotionItemProps };

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

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

package/dist/organism/command-palette/toggle-motion-item/toggle-motion-item.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { TerminalLine } from "../../../atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import { CommandPaletteItem } from "../command-palette-item/command-palette-item.mjs";
+import { useToggleMotionItemStore } from "./use-toggle-motion-item-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MdAnimation, MdDoDisturb } from "react-icons/md";
+//#region src/organism/command-palette/toggle-motion-item/toggle-motion-item.tsx
+const ToggleMotionItem = (t0) => {
+	const $ = c(10);
+	const { onTrack } = t0;
+	const { state, effects } = useToggleMotionItemStore(onTrack);
+	const { motionEnabled } = state;
+	const { handleToggleMotion } = effects;
+	let t1;
+	if ($[0] !== motionEnabled) {
+		t1 = motionEnabled ? /* @__PURE__ */ jsx(MdDoDisturb, { className: "mr-2 mb-0.5 inline" }) : /* @__PURE__ */ jsx(MdAnimation, { className: "mr-2 mb-0.5 inline" });
+		$[0] = motionEnabled;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = motionEnabled ? "ON" : "OFF";
+	let t3;
+	if ($[2] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", {
+			className: "text-accent/60 ml-1 font-mono text-xs",
+			children: [
+				"[",
+				t2,
+				"]"
+			]
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t1 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(TerminalLine, { children: [
+			t1,
+			">",
+			" Toggle Animations",
+			" ",
+			t3
+		] });
+		$[4] = t1;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== handleToggleMotion || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx(CommandPaletteItem, {
+			value: "toggle animations motion",
+			onSelect: handleToggleMotion,
+			closeOnSelect: false,
+			children: t4
+		});
+		$[7] = handleToggleMotion;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+};
+//#endregion
+export { ToggleMotionItem };

package/dist/organism/command-palette/toggle-motion-item/use-toggle-motion-item-store.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { writeMotion } from "../../../state/motion/motion.mjs";
+import { useMotionStore } from "../../../hooks/use-motion-store.mjs";
+import { c } from "react/compiler-runtime";
+//#region src/organism/command-palette/toggle-motion-item/use-toggle-motion-item-store.ts
+const useToggleMotionItemStore = (onTrack) => {
+	const $ = c(10);
+	const motionEnabled = useMotionStore();
+	let t0;
+	if ($[0] !== motionEnabled || $[1] !== onTrack) {
+		t0 = () => {
+			onTrack?.();
+			writeMotion(motionEnabled ? "off" : "on");
+		};
+		$[0] = motionEnabled;
+		$[1] = onTrack;
+		$[2] = t0;
+	} else t0 = $[2];
+	const handleToggleMotion = t0;
+	let t1;
+	if ($[3] !== motionEnabled) {
+		t1 = { motionEnabled };
+		$[3] = motionEnabled;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== handleToggleMotion) {
+		t2 = { handleToggleMotion };
+		$[5] = handleToggleMotion;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = {
+			state: t1,
+			effects: t2
+		};
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+};
+//#endregion
+export { useToggleMotionItemStore };

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

@@ -0,0 +1,9 @@
+//#region src/organism/cookie-consent-banner/cookie-consent-banner.d.ts
+interface CookieConsentBannerProps {
+  decided: boolean;
+  onAccept: () => void;
+  onReject: () => void;
+}
+declare const CookieConsentBanner: ({ decided, onAccept, onReject }: CookieConsentBannerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { CookieConsentBanner };

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

@@ -0,0 +1,71 @@
+"use client";
+import { useGlassmorphism } from "../../hooks/use-glassmorphism.mjs";
+import { BluePillButton, RedPillButton } from "../../molecules/buttons/pills-buttons/pills-buttons.mjs";
+import { useCookieConsentBannerStore } from "./use-cookie-consent-banner-store.mjs";
+import { c } from "react/compiler-runtime";
+import { AnimatePresence } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/organism/cookie-consent-banner/cookie-consent-banner.tsx
+const CookieConsentBanner = (t0) => {
+	const $ = c(8);
+	const { decided, onAccept, onReject } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { increaseContrast: true };
+		$[0] = t1;
+	} else t1 = $[0];
+	const { glassmorphismClass } = useGlassmorphism(t1);
+	const { effects } = useCookieConsentBannerStore(onAccept, onReject);
+	const { acceptConsent, rejectConsent } = effects;
+	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`,
+			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",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "text-confirm",
+						children: "red pill"
+					}),
+					", and you'll see how deep the rabbit hole goes. Take the ",
+					/* @__PURE__ */ jsx("span", {
+						className: "text-undo",
+						children: "blue pill"
+					}),
+					", and the story ends, you wake up in your browser and believe whatever you want."
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row gap-4",
+				children: [/* @__PURE__ */ jsx(BluePillButton, {
+					onClick: rejectConsent,
+					"aria-label": "Reject cookie",
+					children: "Sleep (Reject)"
+				}), /* @__PURE__ */ jsx(RedPillButton, {
+					onClick: acceptConsent,
+					"aria-label": "Accept cookie",
+					children: "Wake up (Accept)"
+				})]
+			})]
+		});
+		$[1] = acceptConsent;
+		$[2] = decided;
+		$[3] = glassmorphismClass;
+		$[4] = rejectConsent;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(AnimatePresence, { children: t2 });
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+};
+//#endregion
+export { CookieConsentBanner };

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

@@ -0,0 +1,10 @@
+"use client";
+//#region src/organism/cookie-consent-banner/use-cookie-consent-banner-store.ts
+const useCookieConsentBannerStore = (onAccept, onReject) => {
+	return { effects: {
+		acceptConsent: onAccept,
+		rejectConsent: onReject
+	} };
+};
+//#endregion
+export { useCookieConsentBannerStore };

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

@@ -0,0 +1,26 @@
+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 { 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;
+}
+interface FooterProps {
+  linkComponent?: LinkComponent;
+  author: string;
+  navHrefs: FooterNavHrefs;
+  socialLinks: SocialContactLinks;
+  navTracking?: FooterNavTrackingCallbacks;
+  socialTracking?: FooterSocialTrackingCallbacks;
+}
+declare const Footer: FC<FooterProps>;
+//#endregion
+export { Footer, FooterNavHrefs, FooterProps, type SocialContactLinks };

package/dist/organism/footer/footer.mjs

@@ -0,0 +1,193 @@
+"use client";
+import { Cursor, TerminalLine } from "../../atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import { MenuItem } from "../../molecules/menu/menu-item/menu-item.mjs";
+import { SocialContacts } from "../social-contacts/social-contacts.mjs";
+import { useFooterStore } from "./use-footer-store.mjs";
+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;
+	let t1;
+	if ($[0] !== linkComponent || $[1] !== onTrackHome) {
+		t1 = /* @__PURE__ */ jsx(MenuItem, {
+			linkComponent,
+			to: "/",
+			onClick: onTrackHome,
+			selected: false,
+			children: "Home"
+		});
+		$[0] = linkComponent;
+		$[1] = onTrackHome;
+		$[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"
+		});
+		$[3] = linkComponent;
+		$[4] = navHrefs.blog;
+		$[5] = onTrackBlog;
+		$[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];
+	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, {
+			linkComponent,
+			links: socialLinks,
+			contactHref: navHrefs.contact,
+			onTrackGithub,
+			onTrackLinkedin,
+			onTrackContact,
+			onTrackMedium,
+			onTrackDevto,
+			onTrackTwitter,
+			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]
+		});
+		$[46] = t12;
+		$[47] = t9;
+		$[48] = t13;
+	} else t13 = $[48];
+	let t14;
+	if ($[49] !== t13 || $[50] !== t7) {
+		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",
+				children: [
+					t7,
+					t8,
+					t13
+				]
+			})
+		});
+		$[49] = t13;
+		$[50] = t7;
+		$[51] = t14;
+	} else t14 = $[51];
+	return t14;
+};
+//#endregion
+export { Footer };

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

@@ -0,0 +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 };

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

@@ -0,0 +1,22 @@
+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 {
+  onTrackGithub?: () => void;
+  onTrackLinkedin?: () => void;
+  onTrackContact?: () => void;
+  onTrackMedium?: () => void;
+  onTrackDevto?: () => void;
+  onTrackTwitter?: () => void;
+  onTrackFacebook?: () => void;
+  onTrackInstagram?: () => void;
+}
+//#endregion
+export { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks };

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

@@ -0,0 +1,57 @@
+"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 onTrackGithub = socialTracking?.onTrackGithub;
+	const onTrackLinkedin = socialTracking?.onTrackLinkedin;
+	const onTrackContact = socialTracking?.onTrackContact;
+	const onTrackMedium = socialTracking?.onTrackMedium;
+	const onTrackDevto = socialTracking?.onTrackDevto;
+	const onTrackTwitter = socialTracking?.onTrackTwitter;
+	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) {
+		t0 = { effects: {
+			onTrackHome,
+			onTrackBlog,
+			onTrackArt,
+			onTrackAboutMe,
+			onTrackArchive,
+			onTrackTags,
+			onTrackGithub,
+			onTrackLinkedin,
+			onTrackContact,
+			onTrackMedium,
+			onTrackDevto,
+			onTrackTwitter,
+			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];
+	return t0;
+};
+//#endregion
+export { useFooterStore };

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

@@ -0,0 +1,14 @@
+import { ImageComponent, ImageSource } from "../../../atoms/effects/plain-image/plain-image.mjs";
+import "../../../atoms/effects/plain-image/index.mjs";
+import { FC, PropsWithChildren } from "react";
+//#region src/organism/header/brand-header/brand-header.d.ts
+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 };