matrix-design-system 1.0.0

package/dist/atoms/typography/terminal-blocks/terminal-blocks.mjs

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/atoms/typography/terminal-blocks/terminal-blocks.tsx
+/**
+* Expressed as a lookup rather than an appended `className` because the two sets are both font-size
+* utilities: which one wins would come down to their order in the generated stylesheet, not to the
+* order they are written in. There is no tailwind-merge in this project to arbitrate that.
+*/
+const TERMINAL_LINE_SIZE_CLASS = {
+	sm: "text-xs sm:text-sm",
+	md: "text-sm sm:text-base",
+	lg: "text-base sm:text-lg"
+};
+const TerminalLine = ({ children, size = "sm" }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: `text-shadow-md mb-2 font-mono font-bold leading-tight text-accent break-words ${TERMINAL_LINE_SIZE_CLASS[size]}`,
+		children
+	});
+};
+const TerminalQuoteLine = ({ children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "my-2 leading-tight break-words text-xs sm:text-sm text-center",
+		children
+	});
+};
+const Cursor = () => /* @__PURE__ */ jsx("span", {
+	className: "animate-blink",
+	children: "_"
+});
+const ErrorText = ({ children }) => /* @__PURE__ */ jsx("span", {
+	className: "text-confirm font-bold",
+	children
+});
+const SuccessText = ({ children }) => /* @__PURE__ */ jsx("span", {
+	className: "text-accent text-shadow-md",
+	children
+});
+const QuoteText = ({ children }) => /* @__PURE__ */ jsx("span", {
+	className: "w-full text-center font-bold text-accent italic m-6 font-mono",
+	children
+});
+//#endregion
+export { Cursor, ErrorText, QuoteText, SuccessText, TerminalLine, TerminalQuoteLine };

package/dist/atoms/typography/textarea/index.d.mts

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

package/dist/atoms/typography/textarea/textarea.d.mts

@@ -0,0 +1,9 @@
+import { FC, RefObject } from "react";
+//#region src/atoms/typography/textarea/textarea.d.ts
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  className?: string;
+  ref?: RefObject<HTMLTextAreaElement | null>;
+}
+declare const Textarea: FC<TextareaProps>;
+//#endregion
+export { Textarea };

package/dist/atoms/typography/textarea/textarea.mjs

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/atoms/typography/textarea/textarea.tsx
+const Textarea = ({ className, ...props }) => /* @__PURE__ */ jsx("textarea", {
+	className: `glow-container w-full rounded-xl bg-none outline-none text-accent${className ? ` ${className}` : ""}`,
+	...props
+});
+//#endregion
+export { Textarea };

package/dist/chart.d.mts

@@ -0,0 +1,7 @@
+import { ChartPanel, ChartPanelProps } from "./molecules/chart/chart-panel/chart-panel.mjs";
+import "./molecules/chart/chart-panel/index.mjs";
+import { ChartTooltip, ChartTooltipProps } from "./molecules/chart/chart-tooltip/chart-tooltip.mjs";
+import "./molecules/chart/chart-tooltip/index.mjs";
+import { DonutChart, DonutDatum } from "./molecules/chart/donut-chart/donut-chart.mjs";
+import "./molecules/chart/donut-chart/index.mjs";
+export { ChartPanel, type ChartPanelProps, ChartTooltip, type ChartTooltipProps, DonutChart, type DonutDatum };

package/dist/chart.mjs

@@ -0,0 +1,4 @@
+import { ChartPanel } from "./molecules/chart/chart-panel/chart-panel.mjs";
+import { ChartTooltip } from "./molecules/chart/chart-tooltip/chart-tooltip.mjs";
+import { DonutChart } from "./molecules/chart/donut-chart/donut-chart.mjs";
+export { ChartPanel, ChartTooltip, DonutChart };

package/dist/command-palette.d.mts

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

package/dist/command-palette.mjs

@@ -0,0 +1,5 @@
+import { CommandPalette } from "./organism/command-palette/command-palette/command-palette.mjs";
+import { CommandPaletteGroup } from "./organism/command-palette/command-palette-group/command-palette-group.mjs";
+import { CommandPaletteItem } from "./organism/command-palette/command-palette-item/command-palette-item.mjs";
+import { ToggleMotionItem } from "./organism/command-palette/toggle-motion-item/toggle-motion-item.mjs";
+export { CommandPalette, CommandPaletteGroup, CommandPaletteItem, ToggleMotionItem };

package/dist/hooks/use-clipboard-available.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-clipboard-available.d.ts
+declare const useClipboardAvailable: () => boolean;
+//#endregion
+export { useClipboardAvailable };

package/dist/hooks/use-clipboard-available.mjs

@@ -0,0 +1,10 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-clipboard-available.ts
+const subscribe = () => () => {};
+const getSnapshot = () => !!navigator.clipboard;
+const getServerSnapshot = () => false;
+const useClipboardAvailable = () => {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { useClipboardAvailable };

package/dist/hooks/use-device-capabilities.d.mts

@@ -0,0 +1,10 @@
+//#region src/hooks/use-device-capabilities.d.ts
+interface DeviceCapabilities {
+  deviceMemory: number | undefined;
+  cores: number;
+  saveData: boolean;
+  isLowEnd: boolean;
+}
+declare function useDeviceCapabilities(): DeviceCapabilities;
+//#endregion
+export { useDeviceCapabilities };

package/dist/hooks/use-device-capabilities.mjs

@@ -0,0 +1,30 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-device-capabilities.ts
+const defaults = {
+	deviceMemory: void 0,
+	cores: 4,
+	saveData: false,
+	isLowEnd: false
+};
+const computeCapabilities = () => {
+	if (typeof navigator === "undefined") return defaults;
+	const nav = navigator;
+	const deviceMemory = nav.deviceMemory;
+	const cores = nav.hardwareConcurrency ?? 4;
+	const saveData = nav.connection?.saveData ?? false;
+	return {
+		deviceMemory,
+		cores,
+		saveData,
+		isLowEnd: deviceMemory != null && deviceMemory <= 2 || cores <= 2 || saveData
+	};
+};
+const capabilities = computeCapabilities();
+const subscribe = () => () => {};
+const getSnapshot = () => capabilities;
+const getServerSnapshot = () => defaults;
+function useDeviceCapabilities() {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+//#endregion
+export { useDeviceCapabilities };

package/dist/hooks/use-glassmorphism.d.mts

@@ -0,0 +1,10 @@
+//#region src/hooks/use-glassmorphism.d.ts
+interface UseGlassmorphismOptions {
+  noScale?: boolean;
+  increaseContrast?: boolean;
+}
+declare const useGlassmorphism: ({ noScale, increaseContrast }?: UseGlassmorphismOptions) => {
+  glassmorphismClass: string;
+};
+//#endregion
+export { useGlassmorphism };

package/dist/hooks/use-glassmorphism.mjs

@@ -0,0 +1,9 @@
+import { useReducedMotions } from "./use-reduced-motions.mjs";
+//#region src/hooks/use-glassmorphism.ts
+const useGlassmorphism = ({ noScale = false, increaseContrast = false } = {}) => {
+	const shouldReduceMotion = useReducedMotions();
+	const increaseContrastRule = increaseContrast ? "backdrop-blur-2xl!" : "";
+	return { glassmorphismClass: !shouldReduceMotion ? `glassmorphism${noScale ? "-no-scale" : ""} ${increaseContrastRule}` : `glassmorphism-lite${noScale ? "-no-scale" : ""} ${increaseContrastRule}` };
+};
+//#endregion
+export { useGlassmorphism };

package/dist/hooks/use-in-view-list.d.mts

@@ -0,0 +1,7 @@
+//#region src/hooks/use-in-view-list.d.ts
+interface UseInViewListOptions {
+  rootMargin: string;
+}
+declare const useInViewList: <T extends HTMLElement = HTMLDivElement>({ rootMargin }: UseInViewListOptions) => [(el: T | null) => void, boolean];
+//#endregion
+export { useInViewList };

package/dist/hooks/use-in-view-list.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/hooks/use-in-view-list.ts
+const observers = /* @__PURE__ */ new Map();
+const observersIntersectionCallbacks = /* @__PURE__ */ new Map();
+function getObserver(rootMargin) {
+	if (!observers.has(rootMargin)) {
+		const observer = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				observersIntersectionCallbacks.get(entry.target)?.(entry.isIntersecting);
+			});
+		}, { rootMargin });
+		observers.set(rootMargin, observer);
+	}
+	return observers.get(rootMargin);
+}
+const useInViewList = (t0) => {
+	const $ = c(7);
+	const { rootMargin } = t0;
+	const [element, setElement] = useState(null);
+	const [isInView, setIsInView] = useState(false);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (el) => setElement(el);
+		$[0] = t1;
+	} else t1 = $[0];
+	const setEl = t1;
+	let t2;
+	let t3;
+	if ($[1] !== element || $[2] !== rootMargin) {
+		t2 = () => {
+			if (!element) return;
+			observersIntersectionCallbacks.set(element, (isIntersecting) => {
+				if (isIntersecting) setIsInView(true);
+			});
+			const observer = getObserver(rootMargin);
+			observer.observe(element);
+			return () => {
+				observer.unobserve(element);
+				observersIntersectionCallbacks.delete(element);
+			};
+		};
+		t3 = [rootMargin, element];
+		$[1] = element;
+		$[2] = rootMargin;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t2 = $[3];
+		t3 = $[4];
+	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[5] !== isInView) {
+		t4 = [setEl, isInView];
+		$[5] = isInView;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
+};
+//#endregion
+export { useInViewList };

package/dist/hooks/use-in-view.d.mts

@@ -0,0 +1,9 @@
+//#region src/hooks/use-in-view.d.ts
+interface UseInViewOptions {
+  threshold?: number;
+  rootMargin?: string;
+  triggerOnce?: boolean;
+}
+declare const useInView: <T extends HTMLElement = HTMLDivElement>(options?: UseInViewOptions) => [element: React.RefObject<T | null>, boolean];
+//#endregion
+export { useInView };

package/dist/hooks/use-in-view.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/use-in-view.ts
+const useInView = (t0) => {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { threshold: t2, rootMargin: t3, triggerOnce: t4 } = t1;
+	const threshold = t2 === void 0 ? .1 : t2;
+	const rootMargin = t3 === void 0 ? "0px" : t3;
+	const triggerOnce = t4 === void 0 ? false : t4;
+	const ref = useRef(null);
+	const [isInView, setIsInView] = useState(false);
+	let t5;
+	let t6;
+	if ($[2] !== isInView || $[3] !== rootMargin || $[4] !== threshold || $[5] !== triggerOnce) {
+		t5 = () => {
+			const element = ref.current;
+			if (!element) return;
+			if (triggerOnce && isInView) return;
+			const observer = new IntersectionObserver((entries) => {
+				entries.forEach((entry) => {
+					if (entry.isIntersecting) {
+						setIsInView(true);
+						if (triggerOnce) observer.disconnect();
+					} else if (!triggerOnce) setIsInView(false);
+				});
+			}, {
+				threshold,
+				rootMargin
+			});
+			observer.observe(element);
+			return () => {
+				observer.disconnect();
+			};
+		};
+		t6 = [
+			threshold,
+			rootMargin,
+			triggerOnce,
+			isInView
+		];
+		$[2] = isInView;
+		$[3] = rootMargin;
+		$[4] = threshold;
+		$[5] = triggerOnce;
+		$[6] = t5;
+		$[7] = t6;
+	} else {
+		t5 = $[6];
+		t6 = $[7];
+	}
+	useEffect(t5, t6);
+	let t7;
+	if ($[8] !== isInView) {
+		t7 = [ref, isInView];
+		$[8] = isInView;
+		$[9] = t7;
+	} else t7 = $[9];
+	return t7;
+};
+//#endregion
+export { useInView };

package/dist/hooks/use-is-ios.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-is-ios.d.ts
+declare const useIsIOS: () => boolean;
+//#endregion
+export { useIsIOS };

package/dist/hooks/use-is-ios.mjs

@@ -0,0 +1,7 @@
+//#region src/hooks/use-is-ios.ts
+const useIsIOS = () => {
+	if (typeof window === "undefined") return false;
+	return /iP(ad|hone|od)/.test(window.navigator.userAgent);
+};
+//#endregion
+export { useIsIOS };

package/dist/hooks/use-lock-body-scroll.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-lock-body-scroll.d.ts
+declare const useLockBodyScroll: () => void;
+//#endregion
+export { useLockBodyScroll };

package/dist/hooks/use-lock-body-scroll.mjs

@@ -0,0 +1,40 @@
+import { useIsIOS } from "./use-is-ios.mjs";
+import { useLayoutEffect } from "react";
+//#region src/hooks/use-lock-body-scroll.ts
+const useLockBodyScroll = () => {
+	const isIOS = useIsIOS();
+	useLayoutEffect(() => {
+		const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+		const originalOverflow = document.documentElement.style.overflow;
+		const originalPaddingRight = document.documentElement.style.paddingRight;
+		let originalBodyPosition = "";
+		let originalBodyTop = "";
+		let scrollY = 0;
+		document.documentElement.style.overflow = "hidden";
+		if (isIOS) {
+			originalBodyPosition = document.body.style.position;
+			originalBodyTop = document.body.style.top;
+			scrollY = window.scrollY;
+			document.body.style.position = "fixed";
+			document.body.style.top = `-${scrollY}px`;
+		}
+		if (scrollBarWidth > 0) {
+			document.documentElement.style.paddingRight = `${scrollBarWidth}px`;
+			document.body.classList.add("scroll-locked");
+			document.documentElement.style.setProperty("--scrollbar-width", scrollBarWidth + "px");
+		}
+		return () => {
+			document.documentElement.style.overflow = originalOverflow;
+			document.documentElement.style.paddingRight = originalPaddingRight;
+			document.body.classList.remove("scroll-locked");
+			document.documentElement.style.removeProperty("--scrollbar-width");
+			if (isIOS) {
+				document.body.style.position = originalBodyPosition;
+				document.body.style.top = originalBodyTop;
+				window.scrollTo(0, scrollY);
+			}
+		};
+	}, [isIOS]);
+};
+//#endregion
+export { useLockBodyScroll };

package/dist/hooks/use-matrix-settings-store.d.mts

@@ -0,0 +1,5 @@
+import { MatrixRainSettings } from "../state/matrix-rain/matrix-settings.mjs";
+//#region src/hooks/use-matrix-settings-store.d.ts
+declare const useMatrixSettingsStore: () => MatrixRainSettings;
+//#endregion
+export { useMatrixSettingsStore };

package/dist/hooks/use-matrix-settings-store.mjs

@@ -0,0 +1,15 @@
+import { MATRIX_RAIN_DEFAULTS, matrixSettingsChangeEvent, readMatrixSettings } from "../state/matrix-rain/matrix-settings.mjs";
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-matrix-settings-store.ts
+const subscribe = (callback) => {
+	if (typeof window === "undefined") return () => {};
+	window.addEventListener(matrixSettingsChangeEvent, callback);
+	return () => window.removeEventListener(matrixSettingsChangeEvent, callback);
+};
+const getSnapshot = () => readMatrixSettings();
+const getServerSnapshot = () => MATRIX_RAIN_DEFAULTS;
+const useMatrixSettingsStore = () => {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { useMatrixSettingsStore };

package/dist/hooks/use-motion-store.d.mts

@@ -0,0 +1,13 @@
+//#region src/hooks/use-motion-store.d.ts
+/**
+ * React hook to subscribe to motion settings using useSyncExternalStore.
+ * Returns true if animations are enabled, false otherwise.
+ *
+ * Behavior:
+ * - Current tab: Changes sync immediately via custom events
+ * - New tabs: Automatically read from localStorage on mount
+ * - SSR: Defaults to enabled to prevent hydration mismatches
+ */
+declare const useMotionStore: () => boolean;
+//#endregion
+export { useMotionStore };

package/dist/hooks/use-motion-store.mjs

@@ -0,0 +1,29 @@
+import { hasMotion, motionChangeEvent } from "../state/motion/motion.mjs";
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-motion-store.ts
+const subscribe = (callback) => {
+	if (typeof window === "undefined") return () => {};
+	const handleMotionChange = () => {
+		callback();
+	};
+	window.addEventListener(motionChangeEvent, handleMotionChange);
+	return () => {
+		window.removeEventListener(motionChangeEvent, handleMotionChange);
+	};
+};
+const getSnapshot = () => hasMotion();
+const getServerSnapshot = () => true;
+/**
+* React hook to subscribe to motion settings using useSyncExternalStore.
+* Returns true if animations are enabled, false otherwise.
+*
+* Behavior:
+* - Current tab: Changes sync immediately via custom events
+* - New tabs: Automatically read from localStorage on mount
+* - SSR: Defaults to enabled to prevent hydration mismatches
+*/
+const useMotionStore = () => {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { useMotionStore };

package/dist/hooks/use-os-modifier-key.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/use-os-modifier-key.d.ts
+type OsModifierKey = "meta" | "ctrl";
+declare const useOsModifierKey: () => OsModifierKey | null;
+//#endregion
+export { OsModifierKey, useOsModifierKey };

package/dist/hooks/use-os-modifier-key.mjs

@@ -0,0 +1,15 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-os-modifier-key.ts
+const detectModifierKey = () => {
+	if (typeof navigator === "undefined") return null;
+	return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent) ? "meta" : "ctrl";
+};
+const modifierKey = detectModifierKey();
+const subscribe = () => () => {};
+const getSnapshot = () => modifierKey;
+const getServerSnapshot = () => null;
+const useOsModifierKey = () => {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+//#endregion
+export { useOsModifierKey };

package/dist/hooks/use-reading-progress.d.mts

@@ -0,0 +1,8 @@
+//#region src/hooks/use-reading-progress.d.ts
+declare function useReadingProgress(targetId: string): {
+  percentage: number;
+  started: boolean;
+  status: "uploading" | "complete";
+};
+//#endregion
+export { useReadingProgress };

package/dist/hooks/use-reading-progress.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/hooks/use-reading-progress.ts
+function useReadingProgress(targetId) {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			percentage: 0,
+			started: false,
+			status: "uploading"
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [readingProgress, setReadingProgress] = useState(t0);
+	let t1;
+	let t2;
+	if ($[1] !== targetId) {
+		t1 = () => {
+			const updateProgress = function updateProgress() {
+				const element = document.getElementById(targetId);
+				if (!element) return;
+				const scrollTop = window.scrollY - element.offsetTop;
+				const total = element.scrollHeight - window.innerHeight;
+				const percentage = Math.max(0, Math.min(100, Math.round(scrollTop / total * 100)));
+				setReadingProgress({
+					percentage,
+					started: scrollTop > 0,
+					status: percentage >= 100 ? "complete" : "uploading"
+				});
+			};
+			window.addEventListener("scroll", updateProgress);
+			updateProgress();
+			return () => window.removeEventListener("scroll", updateProgress);
+		};
+		t2 = [targetId];
+		$[1] = targetId;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	return readingProgress;
+}
+//#endregion
+export { useReadingProgress };

package/dist/hooks/use-reduced-motions.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-reduced-motions.d.ts
+declare function useReducedMotions(): boolean;
+//#endregion
+export { useReducedMotions };

package/dist/hooks/use-reduced-motions.mjs

@@ -0,0 +1,10 @@
+import { useMotionStore } from "./use-motion-store.mjs";
+import { useDeviceCapabilities } from "./use-device-capabilities.mjs";
+//#region src/hooks/use-reduced-motions.ts
+function useReducedMotions() {
+	const motionEnabled = useMotionStore();
+	const { isLowEnd } = useDeviceCapabilities();
+	return !motionEnabled || isLowEnd;
+}
+//#endregion
+export { useReducedMotions };

package/dist/hooks/use-scroll-direction.d.mts

@@ -0,0 +1,8 @@
+//#region src/hooks/use-scroll-direction.d.ts
+declare enum ScrollDirection {
+  up = "up",
+  down = "down"
+}
+declare const useScrollDirection: () => ScrollDirection;
+//#endregion
+export { ScrollDirection, useScrollDirection };

package/dist/hooks/use-scroll-direction.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/hooks/use-scroll-direction.ts
+let ScrollDirection = /* @__PURE__ */ function(ScrollDirection) {
+	ScrollDirection["up"] = "up";
+	ScrollDirection["down"] = "down";
+	return ScrollDirection;
+}({});
+const useScrollDirection = () => {
+	const $ = c(2);
+	const [scrollDir, setScrollDir] = useState("up");
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => {
+			let previousScrollYPosition = window.scrollY;
+			const scrolledMoreThanThreshold = (currentScrollYPosition) => Math.abs(currentScrollYPosition - previousScrollYPosition) > 100;
+			const isScrollingUp = (currentScrollYPosition_0) => currentScrollYPosition_0 > previousScrollYPosition && !(previousScrollYPosition > 0 && currentScrollYPosition_0 === 0) && !(currentScrollYPosition_0 > 0 && previousScrollYPosition === 0);
+			const updateScrollDir = () => {
+				const currentScrollYPosition_1 = window.scrollY;
+				if (scrolledMoreThanThreshold(currentScrollYPosition_1)) {
+					const newScrollDirection = isScrollingUp(currentScrollYPosition_1) ? "down" : "up";
+					setScrollDir(newScrollDirection);
+					previousScrollYPosition = currentScrollYPosition_1 > 0 ? currentScrollYPosition_1 : 0;
+				}
+			};
+			const onScroll = () => window.requestAnimationFrame(updateScrollDir);
+			window.addEventListener("scroll", onScroll);
+			return () => window.removeEventListener("scroll", onScroll);
+		};
+		t1 = [];
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	useEffect(t0, t1);
+	return scrollDir;
+};
+//#endregion
+export { ScrollDirection, useScrollDirection };

package/dist/hooks/use-typewriter.d.mts

@@ -0,0 +1,15 @@
+//#region src/hooks/use-typewriter.d.ts
+interface TypewriterLine {
+  text: string;
+  type?: 'normal' | 'error' | 'success' | 'quote';
+  delay?: number;
+}
+interface TypewriterState {
+  completedLines: TypewriterLine[];
+  currentLine: TypewriterLine | null;
+  currentText: string;
+  isComplete: boolean;
+}
+declare const useTypewriter: (lines: TypewriterLine[], speed?: number, shouldStart?: boolean) => TypewriterState;
+//#endregion
+export { useTypewriter };