matrix-design-system 1.0.0

package/dist/hooks/use-typewriter.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/hooks/use-typewriter.tsx
+const useTypewriter = (lines, t0, t1) => {
+	const $ = c(20);
+	const speed = t0 === void 0 ? 50 : t0;
+	const shouldStart = t1 === void 0 ? true : t1;
+	const [lineIndex, setLineIndex] = useState(0);
+	const [charIndex, setCharIndex] = useState(0);
+	const [isWaitingForDelay, setIsWaitingForDelay] = useState(true);
+	const isComplete = lineIndex >= lines.length;
+	const currentLine = isComplete ? null : lines[lineIndex];
+	let t2;
+	if ($[0] !== charIndex || $[1] !== currentLine) {
+		t2 = currentLine ? currentLine.text.substring(0, charIndex) : "";
+		$[0] = charIndex;
+		$[1] = currentLine;
+		$[2] = t2;
+	} else t2 = $[2];
+	const currentText = t2;
+	let t3;
+	if ($[3] !== lineIndex || $[4] !== lines) {
+		t3 = lines.slice(0, lineIndex);
+		$[3] = lineIndex;
+		$[4] = lines;
+		$[5] = t3;
+	} else t3 = $[5];
+	const completedLines = t3;
+	let t4;
+	let t5;
+	if ($[6] !== charIndex || $[7] !== isComplete || $[8] !== isWaitingForDelay || $[9] !== lineIndex || $[10] !== lines || $[11] !== shouldStart || $[12] !== speed) {
+		t4 = () => {
+			if (isComplete || !shouldStart) return;
+			const line = lines[lineIndex];
+			if (isWaitingForDelay) {
+				const delayTimer = setTimeout(() => setIsWaitingForDelay(false), line.delay || 0);
+				return () => clearTimeout(delayTimer);
+			}
+			const timer = setTimeout(() => {
+				if (charIndex >= line.text.length) {
+					setLineIndex(lineIndex + 1);
+					setCharIndex(0);
+					setIsWaitingForDelay(true);
+				} else setCharIndex(charIndex + 1);
+			}, speed);
+			return () => clearTimeout(timer);
+		};
+		t5 = [
+			lineIndex,
+			charIndex,
+			lines,
+			speed,
+			isComplete,
+			isWaitingForDelay,
+			shouldStart
+		];
+		$[6] = charIndex;
+		$[7] = isComplete;
+		$[8] = isWaitingForDelay;
+		$[9] = lineIndex;
+		$[10] = lines;
+		$[11] = shouldStart;
+		$[12] = speed;
+		$[13] = t4;
+		$[14] = t5;
+	} else {
+		t4 = $[13];
+		t5 = $[14];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[15] !== completedLines || $[16] !== currentLine || $[17] !== currentText || $[18] !== isComplete) {
+		t6 = {
+			completedLines,
+			currentLine,
+			currentText,
+			isComplete
+		};
+		$[15] = completedLines;
+		$[16] = currentLine;
+		$[17] = currentText;
+		$[18] = isComplete;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
+};
+//#endregion
+export { useTypewriter };

package/dist/hooks/use-webgpu-supported.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-webgpu-supported.d.ts
+declare const useWebGpuSupported: () => boolean | null;
+//#endregion
+export { useWebGpuSupported };

package/dist/hooks/use-webgpu-supported.mjs

@@ -0,0 +1,16 @@
+import { useSyncExternalStore } from "react";
+import { isWebGPUSupported } from "matrix-rain-webgpu";
+//#region src/hooks/use-webgpu-supported.ts
+const detectWebGpuSupported = () => {
+	if (typeof navigator === "undefined") return null;
+	return isWebGPUSupported();
+};
+const webGpuSupported = detectWebGpuSupported();
+const subscribe = () => () => {};
+const getSnapshot = () => webGpuSupported;
+const getServerSnapshot = () => null;
+const useWebGpuSupported = () => {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { useWebGpuSupported };

package/dist/index.d.mts

@@ -0,0 +1,153 @@
+import { CommandPaletteTrigger } from "./state/command-palette/command-palette-trigger.mjs";
+import { MotionDiv } from "./atoms/animation/motion-div/motion-div.mjs";
+import "./atoms/animation/motion-div/index.mjs";
+import { Button } from "./atoms/buttons/button/button.mjs";
+import "./atoms/buttons/button/index.mjs";
+import { Switch } from "./atoms/buttons/switch/switch.mjs";
+import "./atoms/buttons/switch/index.mjs";
+import { CallToActionExternalWithTracking } from "./atoms/call-to-actions/call-to-action-external-with-tracking/call-to-action-external-with-tracking.mjs";
+import "./atoms/call-to-actions/call-to-action-external-with-tracking/index.mjs";
+import { AnchorLink, LinkComponent, LinkComponentProps, PrefetchStrategy } from "./atoms/links/anchor-link/anchor-link.mjs";
+import "./atoms/links/anchor-link/index.mjs";
+import { CallToActionInternalWithTracking, CallToActionInternalWithTrackingProps } from "./atoms/call-to-actions/call-to-action-internal-with-tracking/call-to-action-internal-with-tracking.mjs";
+import "./atoms/call-to-actions/call-to-action-internal-with-tracking/index.mjs";
+import { Chip, ChipProps } from "./atoms/chip/chip.mjs";
+import "./atoms/chip/index.mjs";
+import { GlassmorphismBackground } from "./atoms/effects/glassmorphism-background/glassmorphism-background.mjs";
+import "./atoms/effects/glassmorphism-background/index.mjs";
+import { ImageComponent, ImageComponentProps, ImagePlaceholder, ImageSource, PlainImage } from "./atoms/effects/plain-image/plain-image.mjs";
+import "./atoms/effects/plain-image/index.mjs";
+import { ImageGlow, ImageGlowProps } from "./atoms/effects/image-glow/image-glow.mjs";
+import "./atoms/effects/image-glow/index.mjs";
+import { imageShimmerPlaceholder } from "./atoms/effects/image-shimmer-placeholder/image-shimmer-placeholder.mjs";
+import "./atoms/effects/image-shimmer-placeholder/index.mjs";
+import { MatrixRain } from "./atoms/effects/matrix-rain/matrix-rain/matrix-rain.mjs";
+import "./atoms/effects/matrix-rain/matrix-rain/index.mjs";
+import { Overlay, OverlayProps } from "./atoms/effects/overlay/overlay.mjs";
+import "./atoms/effects/overlay/index.mjs";
+import { BluePill, RedPill, RedPillNoReflection } from "./atoms/effects/pills/pills.mjs";
+import "./atoms/effects/pills/index.mjs";
+import { ChatIcon } from "./atoms/icons/chat-icon/chat-icon.mjs";
+import { CopiedIcon, CopyErrorIcon, CopyIcon } from "./atoms/icons/copy-icon/copy-icon.mjs";
+import { RoundedIcon } from "./atoms/icons/rounded-icon/rounded-icon.mjs";
+import "./atoms/icons/rounded-icon/index.mjs";
+import { ExternalLink } from "./atoms/links/external-link/external-link.mjs";
+import "./atoms/links/external-link/index.mjs";
+import { InternalLink, InternalLinkProps } from "./atoms/links/internal-link/internal-link.mjs";
+import "./atoms/links/internal-link/index.mjs";
+import { Loader } from "./atoms/loader/loader/loader.mjs";
+import "./atoms/loader/loader/index.mjs";
+import { InputField } from "./atoms/typography/input-field/input-field.mjs";
+import "./atoms/typography/input-field/index.mjs";
+import { Label, LabelProps } from "./atoms/typography/label/label.mjs";
+import "./atoms/typography/label/index.mjs";
+import { Cursor, ErrorText, QuoteText, SuccessText, TerminalLine, TerminalQuoteLine } from "./atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import "./atoms/typography/terminal-blocks/index.mjs";
+import { Textarea } from "./atoms/typography/textarea/textarea.mjs";
+import "./atoms/typography/textarea/index.mjs";
+import { Accordion } from "./molecules/accordion/accordion/accordion.mjs";
+import "./molecules/accordion/accordion/index.mjs";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbProps } from "./molecules/breadcrumbs/breadcrumb/breadcrumb.mjs";
+import "./molecules/breadcrumbs/breadcrumb/index.mjs";
+import { PageNavigationProps, PaginationNavigation } from "./molecules/buttons/pagination-navigation/pagination-navigation.mjs";
+import "./molecules/buttons/pagination-navigation/index.mjs";
+import { BluePillButton, RedPillButton } from "./molecules/buttons/pills-buttons/pills-buttons.mjs";
+import "./molecules/buttons/pills-buttons/index.mjs";
+import { SegmentOption, SegmentedControl } from "./molecules/buttons/segmented-control/segmented-control.mjs";
+import { SocialContact, SocialContactProps } from "./molecules/buttons/social-contact/social-contact.mjs";
+import "./molecules/buttons/social-contact/index.mjs";
+import { Tag, TagProps } from "./molecules/buttons/tag/tag.mjs";
+import "./molecules/buttons/tag/index.mjs";
+import { TerminalButton, TerminalButtonProps } from "./molecules/buttons/terminal-button/terminal-button.mjs";
+import "./molecules/buttons/terminal-button/index.mjs";
+import { ContentContainer } from "./molecules/containers/content-container/content-container.mjs";
+import "./molecules/containers/content-container/index.mjs";
+import { ControlSlider } from "./molecules/controls/control-slider/control-slider.mjs";
+import "./molecules/controls/control-slider/index.mjs";
+import { MatrixBackground } from "./molecules/effects/matrix-background/matrix-background.mjs";
+import "./molecules/effects/matrix-background/index.mjs";
+import { MatrixHeaderBackground } from "./molecules/effects/matrix-header-background/matrix-header-background.mjs";
+import "./molecules/effects/matrix-header-background/index.mjs";
+import { MatrixTerminal } from "./molecules/effects/matrix-terminal/matrix-terminal.mjs";
+import "./molecules/effects/matrix-terminal/index.mjs";
+import { FilterInput, FilterInputProps } from "./molecules/form/filter-input/filter-input.mjs";
+import "./molecules/form/filter-input/index.mjs";
+import { FormErrorSummary, FormErrorSummaryProps } from "./molecules/form/form-error-summary/form-error-summary.mjs";
+import "./molecules/form/form-error-summary/index.mjs";
+import { FormField, FormFieldProps } from "./molecules/form/form-field/form-field.mjs";
+import "./molecules/form/form-field/index.mjs";
+import { FormSuccessMessage, FormSuccessMessageProps } from "./molecules/form/form-success-message/form-success-message.mjs";
+import "./molecules/form/form-success-message/index.mjs";
+import { FormTextarea, FormTextareaProps } from "./molecules/form/form-textarea/form-textarea.mjs";
+import "./molecules/form/form-textarea/index.mjs";
+import { LightboxImage } from "./molecules/lightbox-image/lightbox-image.mjs";
+import "./molecules/lightbox-image/index.mjs";
+import { BluePillLink, PillProps, RedPillLink } from "./molecules/links/pills-links/pills-links.mjs";
+import "./molecules/links/pills-links/index.mjs";
+import { Close } from "./molecules/menu/close/close.mjs";
+import "./molecules/menu/close/index.mjs";
+import { DropdownMenu } from "./molecules/menu/dropdown-menu/dropdown-menu.mjs";
+import "./molecules/menu/dropdown-menu/index.mjs";
+import { HamburgerMenu } from "./molecules/menu/hamburger-menu/hamburger-menu.mjs";
+import "./molecules/menu/hamburger-menu/index.mjs";
+import { MenuItem, MenuItemProps } from "./molecules/menu/menu-item/menu-item.mjs";
+import "./molecules/menu/menu-item/index.mjs";
+import { StatCard, StatCardProps } from "./molecules/stat-card/stat-card.mjs";
+import "./molecules/stat-card/index.mjs";
+import { TerminalListItem, TerminalListItemProps } from "./molecules/terminal-list-item/terminal-list-item.mjs";
+import "./molecules/terminal-list-item/index.mjs";
+import { TerminalProgressBar } from "./molecules/terminal-progress-bar/terminal-progress-bar.mjs";
+import "./molecules/terminal-progress-bar/index.mjs";
+import { PageTitle } from "./molecules/typography/page-title/page-title.mjs";
+import "./molecules/typography/page-title/index.mjs";
+import { ParagraphTitleWithIcon } from "./molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.mjs";
+import "./molecules/typography/paragraph-title-with-icon/index.mjs";
+import { SectionHeading, SectionHeadingProps } from "./molecules/typography/section-heading/section-heading.mjs";
+import "./molecules/typography/section-heading/index.mjs";
+import { SelfHostedVideo } from "./molecules/video/self-hosted-video/self-hosted-video.mjs";
+import "./molecules/video/self-hosted-video/index.mjs";
+import { Youtube } from "./molecules/video/youtube/youtube.mjs";
+import "./molecules/video/youtube/index.mjs";
+import { CookieConsentBanner } from "./organism/cookie-consent-banner/cookie-consent-banner.mjs";
+import { FooterNavTrackingCallbacks, FooterSocialTrackingCallbacks } from "./organism/footer/use-footer-store.mjs";
+import { SocialContactLinks, SocialContacts, SocialContactsProps } from "./organism/social-contacts/social-contacts.mjs";
+import "./organism/social-contacts/index.mjs";
+import { Footer, FooterNavHrefs, FooterProps } from "./organism/footer/footer.mjs";
+import "./organism/footer/index.mjs";
+import { BrandHeader, BrandHeaderProps } from "./organism/header/brand-header/brand-header.mjs";
+import "./organism/header/brand-header/index.mjs";
+import { ImageCarousel, ImageCarouselProps } from "./organism/image-carousel/image-carousel.mjs";
+import "./organism/image-carousel/index.mjs";
+import { Lightbox } from "./organism/lightbox/lightbox.mjs";
+import "./organism/lightbox/index.mjs";
+import { LoadingBar } from "./organism/loading-bar/loading-bar.mjs";
+import { OsModifierKey, useOsModifierKey } from "./hooks/use-os-modifier-key.mjs";
+import { MenuTrackingCallbacks } from "./organism/menu/use-menu-store.mjs";
+import { Menu, MenuNavHrefs, MenuProps } from "./organism/menu/menu.mjs";
+import "./organism/menu/index.mjs";
+import { ProfileHero, ProfileHeroProps } from "./organism/profile-hero/profile-hero.mjs";
+import "./organism/profile-hero/index.mjs";
+import { ProfilePhoto, ProfilePhotoProps } from "./organism/profile-photo/profile-photo.mjs";
+import "./organism/profile-photo/index.mjs";
+import { ContentProgressBar } from "./organism/reading-content-progress-bar/reading-content-progress-bar.mjs";
+import "./organism/reading-content-progress-bar/index.mjs";
+import { useClipboardAvailable } from "./hooks/use-clipboard-available.mjs";
+import { useDeviceCapabilities } from "./hooks/use-device-capabilities.mjs";
+import { useGlassmorphism } from "./hooks/use-glassmorphism.mjs";
+import { useInView } from "./hooks/use-in-view.mjs";
+import { useInViewList } from "./hooks/use-in-view-list.mjs";
+import { useIsIOS } from "./hooks/use-is-ios.mjs";
+import { useLockBodyScroll } from "./hooks/use-lock-body-scroll.mjs";
+import { MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixRainProps, MatrixRainSettings, matrixSettingsChangeEvent, readMatrixSettings, settingsToProps, writeMatrixSettings } from "./state/matrix-rain/matrix-settings.mjs";
+import { useMatrixSettingsStore } from "./hooks/use-matrix-settings-store.mjs";
+import { useMotionStore } from "./hooks/use-motion-store.mjs";
+import { useReadingProgress } from "./hooks/use-reading-progress.mjs";
+import { useReducedMotions } from "./hooks/use-reduced-motions.mjs";
+import { ScrollDirection, useScrollDirection } from "./hooks/use-scroll-direction.mjs";
+import { useWebGpuSupported } from "./hooks/use-webgpu-supported.mjs";
+import { useTypewriter } from "./hooks/use-typewriter.mjs";
+import { CommandPaletteClose, CommandPaletteContext } from "./state/command-palette/command-palette-context.mjs";
+import { closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, openCommandPalette } from "./state/command-palette/command-palette-events.mjs";
+import { LightboxOpenDetail, lightboxOpenEvent, openLightbox } from "./state/lightbox/lightbox-events.mjs";
+import { hasMotion, motionChangeEvent, writeMotion } from "./state/motion/motion.mjs";
+export { Accordion, AnchorLink, BluePill, BluePillButton, BluePillLink, BrandHeader, type BrandHeaderProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, CallToActionExternalWithTracking, CallToActionInternalWithTracking, type CallToActionInternalWithTrackingProps, ChatIcon, Chip, type ChipProps, Close, CommandPaletteClose, CommandPaletteContext, CommandPaletteTrigger, ContentContainer, ContentProgressBar, ControlSlider, CookieConsentBanner, CopiedIcon, CopyErrorIcon, CopyIcon, Cursor, DropdownMenu, ErrorText, ExternalLink, FilterInput, type FilterInputProps, Footer, type FooterNavHrefs, type FooterNavTrackingCallbacks, type FooterProps, type FooterSocialTrackingCallbacks, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, FormSuccessMessage, type FormSuccessMessageProps, FormTextarea, type FormTextareaProps, GlassmorphismBackground, HamburgerMenu, ImageCarousel, type ImageCarouselProps, type ImageComponent, type ImageComponentProps, ImageGlow, type ImageGlowProps, type ImagePlaceholder, type ImageSource, InputField, InternalLink, type InternalLinkProps, Label, type LabelProps, Lightbox, LightboxImage, LightboxOpenDetail, type LinkComponent, type LinkComponentProps, Loader, LoadingBar, MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixBackground, MatrixHeaderBackground, MatrixRain, MatrixRainProps, MatrixRainSettings, MatrixTerminal, Menu, MenuItem, type MenuItemProps, type MenuNavHrefs, type MenuProps, type MenuTrackingCallbacks, MotionDiv, OsModifierKey, Overlay, type OverlayProps, type PageNavigationProps, PageTitle, PaginationNavigation, ParagraphTitleWithIcon, type PillProps, PlainImage, type PrefetchStrategy, ProfileHero, type ProfileHeroProps, ProfilePhoto, type ProfilePhotoProps, QuoteText, RedPill, RedPillButton, RedPillLink, RedPillNoReflection, RoundedIcon, ScrollDirection, SectionHeading, type SectionHeadingProps, type SegmentOption, SegmentedControl, SelfHostedVideo, SocialContact, type SocialContactLinks, type SocialContactProps, SocialContacts, type SocialContactsProps, StatCard, type StatCardProps, SuccessText, Switch, Tag, type TagProps, TerminalButton, type TerminalButtonProps, TerminalLine, TerminalListItem, type TerminalListItemProps, TerminalProgressBar, TerminalQuoteLine, Textarea, Youtube, closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, hasMotion, imageShimmerPlaceholder, lightboxOpenEvent, matrixSettingsChangeEvent, motionChangeEvent, openCommandPalette, openLightbox, readMatrixSettings, settingsToProps, useClipboardAvailable, useDeviceCapabilities, useGlassmorphism, useInView, useInViewList, useIsIOS, useLockBodyScroll, useMatrixSettingsStore, useMotionStore, useOsModifierKey, useReadingProgress, useReducedMotions, useScrollDirection, useTypewriter, useWebGpuSupported, writeMatrixSettings, writeMotion };

package/dist/index.mjs

@@ -0,0 +1,88 @@
+import { hasMotion, motionChangeEvent, writeMotion } from "./state/motion/motion.mjs";
+import { useMotionStore } from "./hooks/use-motion-store.mjs";
+import { MotionDiv } from "./atoms/animation/motion-div/motion-div.mjs";
+import { Button } from "./atoms/buttons/button/button.mjs";
+import { Switch } from "./atoms/buttons/switch/switch.mjs";
+import { CallToActionExternalWithTracking } from "./atoms/call-to-actions/call-to-action-external-with-tracking/call-to-action-external-with-tracking.mjs";
+import { AnchorLink } from "./atoms/links/anchor-link/anchor-link.mjs";
+import { CallToActionInternalWithTracking } from "./atoms/call-to-actions/call-to-action-internal-with-tracking/call-to-action-internal-with-tracking.mjs";
+import { Chip } from "./atoms/chip/chip.mjs";
+import { useDeviceCapabilities } from "./hooks/use-device-capabilities.mjs";
+import { useReducedMotions } from "./hooks/use-reduced-motions.mjs";
+import { useGlassmorphism } from "./hooks/use-glassmorphism.mjs";
+import { GlassmorphismBackground } from "./atoms/effects/glassmorphism-background/glassmorphism-background.mjs";
+import { imageShimmerPlaceholder } from "./atoms/effects/image-shimmer-placeholder/image-shimmer-placeholder.mjs";
+import { PlainImage } from "./atoms/effects/plain-image/plain-image.mjs";
+import { ImageGlow } from "./atoms/effects/image-glow/image-glow.mjs";
+import { useWebGpuSupported } from "./hooks/use-webgpu-supported.mjs";
+import { MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, matrixSettingsChangeEvent, readMatrixSettings, settingsToProps, writeMatrixSettings } from "./state/matrix-rain/matrix-settings.mjs";
+import { useMatrixSettingsStore } from "./hooks/use-matrix-settings-store.mjs";
+import { MatrixRain } from "./atoms/effects/matrix-rain/matrix-rain/matrix-rain.mjs";
+import { useIsIOS } from "./hooks/use-is-ios.mjs";
+import { useLockBodyScroll } from "./hooks/use-lock-body-scroll.mjs";
+import { Overlay } from "./atoms/effects/overlay/overlay.mjs";
+import { BluePill, RedPill, RedPillNoReflection } from "./atoms/effects/pills/pills.mjs";
+import { RoundedIcon } from "./atoms/icons/rounded-icon/rounded-icon.mjs";
+import { ChatIcon } from "./atoms/icons/chat-icon/chat-icon.mjs";
+import { CopiedIcon, CopyErrorIcon, CopyIcon } from "./atoms/icons/copy-icon/copy-icon.mjs";
+import { ExternalLink } from "./atoms/links/external-link/external-link.mjs";
+import { InternalLink } from "./atoms/links/internal-link/internal-link.mjs";
+import { Loader } from "./atoms/loader/loader/loader.mjs";
+import { InputField } from "./atoms/typography/input-field/input-field.mjs";
+import { Label } from "./atoms/typography/label/label.mjs";
+import { Cursor, ErrorText, QuoteText, SuccessText, TerminalLine, TerminalQuoteLine } from "./atoms/typography/terminal-blocks/terminal-blocks.mjs";
+import { Textarea } from "./atoms/typography/textarea/textarea.mjs";
+import { Accordion } from "./molecules/accordion/accordion/accordion.mjs";
+import { useInView } from "./hooks/use-in-view.mjs";
+import { ScrollDirection, useScrollDirection } from "./hooks/use-scroll-direction.mjs";
+import { Breadcrumb } from "./molecules/breadcrumbs/breadcrumb/breadcrumb.mjs";
+import { BluePillLink, RedPillLink } from "./molecules/links/pills-links/pills-links.mjs";
+import { PaginationNavigation } from "./molecules/buttons/pagination-navigation/pagination-navigation.mjs";
+import { BluePillButton, RedPillButton } from "./molecules/buttons/pills-buttons/pills-buttons.mjs";
+import { SegmentedControl } from "./molecules/buttons/segmented-control/segmented-control.mjs";
+import { SocialContact } from "./molecules/buttons/social-contact/social-contact.mjs";
+import { Tag } from "./molecules/buttons/tag/tag.mjs";
+import { TerminalButton } from "./molecules/buttons/terminal-button/terminal-button.mjs";
+import { ContentContainer } from "./molecules/containers/content-container/content-container.mjs";
+import { ControlSlider } from "./molecules/controls/control-slider/control-slider.mjs";
+import { MatrixBackground } from "./molecules/effects/matrix-background/matrix-background.mjs";
+import { MatrixHeaderBackground } from "./molecules/effects/matrix-header-background/matrix-header-background.mjs";
+import { useTypewriter } from "./hooks/use-typewriter.mjs";
+import { MatrixTerminal } from "./molecules/effects/matrix-terminal/matrix-terminal.mjs";
+import { FilterInput } from "./molecules/form/filter-input/filter-input.mjs";
+import { FormErrorSummary } from "./molecules/form/form-error-summary/form-error-summary.mjs";
+import { FormField } from "./molecules/form/form-field/form-field.mjs";
+import { FormSuccessMessage } from "./molecules/form/form-success-message/form-success-message.mjs";
+import { FormTextarea } from "./molecules/form/form-textarea/form-textarea.mjs";
+import { lightboxOpenEvent, openLightbox } from "./state/lightbox/lightbox-events.mjs";
+import { LightboxImage } from "./molecules/lightbox-image/lightbox-image.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 { StatCard } from "./molecules/stat-card/stat-card.mjs";
+import { TerminalListItem } from "./molecules/terminal-list-item/terminal-list-item.mjs";
+import { TerminalProgressBar } from "./molecules/terminal-progress-bar/terminal-progress-bar.mjs";
+import { PageTitle } from "./molecules/typography/page-title/page-title.mjs";
+import { ParagraphTitleWithIcon } from "./molecules/typography/paragraph-title-with-icon/paragraph-title-with-icon.mjs";
+import { SectionHeading } from "./molecules/typography/section-heading/section-heading.mjs";
+import { SelfHostedVideo } from "./molecules/video/self-hosted-video/self-hosted-video.mjs";
+import { Youtube } from "./molecules/video/youtube/youtube.mjs";
+import { CookieConsentBanner } from "./organism/cookie-consent-banner/cookie-consent-banner.mjs";
+import { SocialContacts } from "./organism/social-contacts/social-contacts.mjs";
+import { Footer } from "./organism/footer/footer.mjs";
+import { BrandHeader } from "./organism/header/brand-header/brand-header.mjs";
+import { ImageCarousel } from "./organism/image-carousel/image-carousel.mjs";
+import { Lightbox } from "./organism/lightbox/lightbox.mjs";
+import { LoadingBar } from "./organism/loading-bar/loading-bar.mjs";
+import { closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, openCommandPalette } from "./state/command-palette/command-palette-events.mjs";
+import { useOsModifierKey } from "./hooks/use-os-modifier-key.mjs";
+import { Menu } from "./organism/menu/menu.mjs";
+import { ProfilePhoto } from "./organism/profile-photo/profile-photo.mjs";
+import { ProfileHero } from "./organism/profile-hero/profile-hero.mjs";
+import { useReadingProgress } from "./hooks/use-reading-progress.mjs";
+import { ContentProgressBar } from "./organism/reading-content-progress-bar/reading-content-progress-bar.mjs";
+import { useClipboardAvailable } from "./hooks/use-clipboard-available.mjs";
+import { useInViewList } from "./hooks/use-in-view-list.mjs";
+import { CommandPaletteContext } from "./state/command-palette/command-palette-context.mjs";
+export { Accordion, AnchorLink, BluePill, BluePillButton, BluePillLink, BrandHeader, Breadcrumb, Button, CallToActionExternalWithTracking, CallToActionInternalWithTracking, ChatIcon, Chip, Close, CommandPaletteContext, ContentContainer, ContentProgressBar, ControlSlider, CookieConsentBanner, CopiedIcon, CopyErrorIcon, CopyIcon, Cursor, DropdownMenu, ErrorText, ExternalLink, FilterInput, Footer, FormErrorSummary, FormField, FormSuccessMessage, FormTextarea, GlassmorphismBackground, HamburgerMenu, ImageCarousel, ImageGlow, InputField, InternalLink, Label, Lightbox, LightboxImage, Loader, LoadingBar, MATRIX_RAIN_DEFAULTS, MATRIX_RAIN_PRESETS, MatrixBackground, MatrixHeaderBackground, MatrixRain, MatrixTerminal, Menu, MenuItem, MotionDiv, Overlay, PageTitle, PaginationNavigation, ParagraphTitleWithIcon, PlainImage, ProfileHero, ProfilePhoto, QuoteText, RedPill, RedPillButton, RedPillLink, RedPillNoReflection, RoundedIcon, ScrollDirection, SectionHeading, SegmentedControl, SelfHostedVideo, SocialContact, SocialContacts, StatCard, SuccessText, Switch, Tag, TerminalButton, TerminalLine, TerminalListItem, TerminalProgressBar, TerminalQuoteLine, Textarea, Youtube, closeCommandPalette, commandPaletteCloseEvent, commandPaletteOpenEvent, hasMotion, imageShimmerPlaceholder, lightboxOpenEvent, matrixSettingsChangeEvent, motionChangeEvent, openCommandPalette, openLightbox, readMatrixSettings, settingsToProps, useClipboardAvailable, useDeviceCapabilities, useGlassmorphism, useInView, useInViewList, useIsIOS, useLockBodyScroll, useMatrixSettingsStore, useMotionStore, useOsModifierKey, useReadingProgress, useReducedMotions, useScrollDirection, useTypewriter, useWebGpuSupported, writeMatrixSettings, writeMotion };

package/dist/markdown.d.mts

@@ -0,0 +1,2 @@
+import { Markdown } from "./atoms/typography/markdown/markdown.mjs";
+export { Markdown };

package/dist/markdown.mjs

@@ -0,0 +1,2 @@
+import { Markdown } from "./atoms/typography/markdown/markdown.mjs";
+export { Markdown };

package/dist/molecules/accordion/accordion/accordion.d.mts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+//#region src/molecules/accordion/accordion/accordion.d.ts
+interface AccordionProps {
+  title: ReactNode;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  className?: string;
+  onToggle?: () => void;
+}
+declare const Accordion: FC<AccordionProps>;
+//#endregion
+export { Accordion };

package/dist/molecules/accordion/accordion/accordion.mjs

@@ -0,0 +1,130 @@
+"use client";
+import { MotionDiv } from "../../../atoms/animation/motion-div/motion-div.mjs";
+import { useAccordionStore } from "./use-accordion-store.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IoIosArrowDown } from "react-icons/io";
+//#region src/molecules/accordion/accordion/accordion.tsx
+const Accordion = (t0) => {
+	const $ = c(30);
+	const { title, children, defaultOpen: t1, className, onToggle } = t0;
+	const { state, effects } = useAccordionStore(t1 === void 0 ? false : t1, onToggle);
+	const { isOpen, panelId, triggerId } = state;
+	const { toggle } = effects;
+	let t2;
+	if ($[0] !== title) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "flex-1",
+			children: title
+		});
+		$[0] = title;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = isOpen ? 180 : 0;
+	let t4;
+	if ($[2] !== t3) {
+		t4 = { rotate: t3 };
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = { duration: .2 };
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(IoIosArrowDown, {});
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] !== t4) {
+		t7 = /* @__PURE__ */ jsx(MotionDiv, {
+			animate: t4,
+			transition: t5,
+			className: "text-accent ml-2",
+			children: t6
+		});
+		$[6] = t4;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== isOpen || $[9] !== panelId || $[10] !== t2 || $[11] !== t7 || $[12] !== toggle || $[13] !== triggerId) {
+		t8 = /* @__PURE__ */ jsxs("button", {
+			id: triggerId,
+			"aria-expanded": isOpen,
+			"aria-controls": panelId,
+			onClick: toggle,
+			className: "text-primary-text flex w-full cursor-pointer items-center justify-between bg-transparent px-2 text-left",
+			children: [t2, t7]
+		});
+		$[8] = isOpen;
+		$[9] = panelId;
+		$[10] = t2;
+		$[11] = t7;
+		$[12] = toggle;
+		$[13] = triggerId;
+		$[14] = t8;
+	} else t8 = $[14];
+	const t9 = isOpen ? "auto" : 0;
+	const t10 = isOpen ? 1 : 0;
+	let t11;
+	if ($[15] !== t10 || $[16] !== t9) {
+		t11 = {
+			height: t9,
+			opacity: t10
+		};
+		$[15] = t10;
+		$[16] = t9;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			duration: .25,
+			ease: "easeInOut"
+		};
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== children) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: "p-2",
+			children
+		});
+		$[19] = children;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== panelId || $[22] !== t11 || $[23] !== t13 || $[24] !== triggerId) {
+		t14 = /* @__PURE__ */ jsx(MotionDiv, {
+			id: panelId,
+			role: "region",
+			"aria-labelledby": triggerId,
+			initial: false,
+			animate: t11,
+			transition: t12,
+			className: "overflow-hidden",
+			children: t13
+		});
+		$[21] = panelId;
+		$[22] = t11;
+		$[23] = t13;
+		$[24] = triggerId;
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== className || $[27] !== t14 || $[28] !== t8) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className,
+			children: [t8, t14]
+		});
+		$[26] = className;
+		$[27] = t14;
+		$[28] = t8;
+		$[29] = t15;
+	} else t15 = $[29];
+	return t15;
+};
+//#endregion
+export { Accordion };

package/dist/molecules/accordion/accordion/index.d.mts

@@ -0,0 +1,2 @@
+import { Accordion } from "./accordion.mjs";
+export { Accordion };

package/dist/molecules/accordion/accordion/use-accordion-store.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useId, useState } from "react";
+//#region src/molecules/accordion/accordion/use-accordion-store.ts
+const useAccordionStore = (defaultOpen, onToggle) => {
+	const $ = c(11);
+	const [isOpen, setIsOpen] = useState(defaultOpen);
+	const id = useId();
+	const panelId = `accordion-panel-${id}`;
+	const triggerId = `accordion-trigger-${id}`;
+	let t0;
+	if ($[0] !== onToggle) {
+		t0 = () => {
+			setIsOpen(_temp);
+			onToggle?.();
+		};
+		$[0] = onToggle;
+		$[1] = t0;
+	} else t0 = $[1];
+	const toggle = t0;
+	let t1;
+	if ($[2] !== isOpen || $[3] !== panelId || $[4] !== triggerId) {
+		t1 = {
+			isOpen,
+			panelId,
+			triggerId
+		};
+		$[2] = isOpen;
+		$[3] = panelId;
+		$[4] = triggerId;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== toggle) {
+		t2 = { toggle };
+		$[6] = toggle;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== t1 || $[9] !== t2) {
+		t3 = {
+			state: t1,
+			effects: t2
+		};
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+};
+function _temp(prev) {
+	return !prev;
+}
+//#endregion
+export { useAccordionStore };

package/dist/molecules/breadcrumbs/breadcrumb/breadcrumb.d.mts

@@ -0,0 +1,21 @@
+import { LinkComponent } from "../../../atoms/links/anchor-link/anchor-link.mjs";
+import "../../../atoms/links/anchor-link/index.mjs";
+import { FC } from "react";
+//#region src/molecules/breadcrumbs/breadcrumb/breadcrumb.d.ts
+type BreadcrumbItem = {
+  label: string;
+  href: string;
+  isCurrent: false;
+  onClick?: () => void;
+} | {
+  label: string;
+  href: string;
+  isCurrent: true;
+};
+interface BreadcrumbProps {
+  items: BreadcrumbItem[];
+  linkComponent?: LinkComponent;
+}
+declare const Breadcrumb: FC<BreadcrumbProps>;
+//#endregion
+export { Breadcrumb, BreadcrumbItem, BreadcrumbProps };