@abuzareal/contour-ui 0.1.0

package/dist/hooks/useMotionPreference.d.ts

@@ -0,0 +1 @@
+export default function useMotionPreference(): boolean;

package/dist/hooks/useMotionPreference.js

@@ -0,0 +1,13 @@
+/** Tracks the user's `prefers-reduced-motion` setting and updates when it changes. */
+import { useEffect, useState } from "react";
+const query = "(prefers-reduced-motion: reduce)";
+export default function useMotionPreference() {
+    const [reducedMotion, setReducedMotion] = useState(() => typeof window !== "undefined" && window.matchMedia(query).matches);
+    useEffect(() => {
+        const media = window.matchMedia(query);
+        const update = () => setReducedMotion(media.matches);
+        media.addEventListener("change", update);
+        return () => media.removeEventListener("change", update);
+    }, []);
+    return reducedMotion;
+}

package/dist/hooks/usePrintPreparation.d.ts

@@ -0,0 +1 @@
+export default function usePrintPreparation(): void;

package/dist/hooks/usePrintPreparation.js

@@ -0,0 +1,29 @@
+/** Prints the full page: opens collapsed disclosures and uses the light theme, then restores both. */
+import { useEffect } from "react";
+export default function usePrintPreparation() {
+    useEffect(() => {
+        const root = document.documentElement;
+        let expanded = [];
+        let screenTheme;
+        const prepare = () => {
+            expanded = [
+                ...document.querySelectorAll("details:not([open])"),
+            ];
+            expanded.forEach((details) => (details.open = true));
+            screenTheme = root.dataset.theme;
+            root.dataset.theme = "light";
+        };
+        const restore = () => {
+            expanded.forEach((details) => (details.open = false));
+            expanded = [];
+            if (screenTheme)
+                root.dataset.theme = screenTheme;
+        };
+        window.addEventListener("beforeprint", prepare);
+        window.addEventListener("afterprint", restore);
+        return () => {
+            window.removeEventListener("beforeprint", prepare);
+            window.removeEventListener("afterprint", restore);
+        };
+    }, []);
+}

package/dist/hooks/useScrollSpy.d.ts

@@ -0,0 +1 @@
+export default function useScrollSpy(ids: string[]): string;

package/dist/hooks/useScrollSpy.js

@@ -0,0 +1,36 @@
+/** Returns the id of the last listed element whose top has scrolled past the activation line. */
+import { useEffect, useState } from "react";
+/** Fraction of the viewport height at which an element becomes "current". */
+const activationLine = 0.3;
+export default function useScrollSpy(ids) {
+    const [activeId, setActiveId] = useState("");
+    const key = ids.join("|");
+    useEffect(() => {
+        const elements = key
+            .split("|")
+            .map((id) => document.getElementById(id))
+            .filter((element) => element !== null);
+        let frame = 0;
+        const update = () => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => {
+                const line = window.innerHeight * activationLine;
+                let current = "";
+                elements.forEach((element) => {
+                    if (element.getBoundingClientRect().top <= line)
+                        current = element.id;
+                });
+                setActiveId(current);
+            });
+        };
+        update();
+        window.addEventListener("scroll", update, { passive: true });
+        window.addEventListener("resize", update);
+        return () => {
+            cancelAnimationFrame(frame);
+            window.removeEventListener("scroll", update);
+            window.removeEventListener("resize", update);
+        };
+    }, [key]);
+    return activeId;
+}

package/dist/hooks/useSmoothScroll.d.ts

@@ -0,0 +1 @@
+export default function useSmoothScroll(enabled: boolean): void;

package/dist/hooks/useSmoothScroll.js

@@ -0,0 +1,18 @@
+/** Enables Lenis smooth scrolling (and animated anchor jumps) while motion is allowed. */
+import { useEffect } from "react";
+import Lenis from "lenis";
+export default function useSmoothScroll(enabled) {
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const lenis = new Lenis({
+            autoRaf: true,
+            duration: 1.05,
+            smoothWheel: true,
+            syncTouch: false,
+            // Lenis honours each section's CSS scroll-margin-top, so no extra offset.
+            anchors: true,
+        });
+        return () => lenis.destroy();
+    }, [enabled]);
+}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,5 @@
+export type Theme = "light" | "dark";
+export default function useTheme(animate?: boolean): {
+    theme: Theme;
+    toggle: (origin: HTMLElement) => void;
+};

package/dist/hooks/useTheme.js

@@ -0,0 +1,98 @@
+/** Light/dark theme state: persisted choice, system fallback, and the animated switch. */
+import { useCallback, useEffect, useSyncExternalStore } from "react";
+import { flushSync } from "react-dom";
+import { readStorage, storageKeys, writeStorage } from "../lib/storage.js";
+import { themeColors } from "../lib/themeBootstrap.js";
+const revealDuration = 1100;
+const revealEasing = "cubic-bezier(0.76, 0, 0.24, 1)";
+const readTheme = () => typeof document !== "undefined" &&
+    document.documentElement.dataset.theme === "dark"
+    ? "dark"
+    : "light";
+function applyTheme(theme) {
+    document.documentElement.dataset.theme = theme;
+    document
+        .querySelector('meta[name="theme-color"]')
+        ?.setAttribute("content", themeColors[theme]);
+    window.dispatchEvent(new Event("contour-theme-change"));
+}
+/** Grows the new theme as a circle from `origin` while the old page recedes. */
+function animateReveal(transition, origin) {
+    const bounds = origin.getBoundingClientRect();
+    const x = bounds.left + bounds.width / 2;
+    const y = bounds.top + bounds.height / 2;
+    const radius = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));
+    const timing = { duration: revealDuration, easing: revealEasing };
+    transition.ready
+        .then(() => {
+        document.documentElement.animate({
+            clipPath: [
+                `circle(0px at ${x}px ${y}px)`,
+                `circle(${radius}px at ${x}px ${y}px)`,
+            ],
+        }, { ...timing, pseudoElement: "::view-transition-new(root)" });
+        document.documentElement.animate({ transform: ["scale(1)", "scale(0.965)"], opacity: [1, 0.55] }, { ...timing, pseudoElement: "::view-transition-old(root)" });
+    })
+        .catch(() => { });
+}
+function subscribe(onChange) {
+    if (typeof window === "undefined")
+        return () => { };
+    const observer = new MutationObserver(onChange);
+    observer.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ["data-theme"],
+    });
+    const onStorage = (event) => {
+        if (event.key !== storageKeys.theme && event.key !== null)
+            return;
+        const stored = readStorage("local", storageKeys.theme);
+        applyTheme(stored === "light" || stored === "dark"
+            ? stored
+            : window.matchMedia("(prefers-color-scheme: dark)").matches
+                ? "dark"
+                : "light");
+    };
+    window.addEventListener("contour-theme-change", onChange);
+    window.addEventListener("storage", onStorage);
+    return () => {
+        observer.disconnect();
+        window.removeEventListener("contour-theme-change", onChange);
+        window.removeEventListener("storage", onStorage);
+    };
+}
+export default function useTheme(animate = true) {
+    const theme = useSyncExternalStore(subscribe, readTheme, () => "light");
+    useEffect(() => {
+        const media = window.matchMedia("(prefers-color-scheme: dark)");
+        const followSystem = () => {
+            if (readStorage("local", storageKeys.theme) !== null)
+                return;
+            const next = media.matches ? "dark" : "light";
+            applyTheme(next);
+        };
+        media.addEventListener("change", followSystem);
+        return () => media.removeEventListener("change", followSystem);
+    }, []);
+    const toggle = useCallback((origin) => {
+        const next = readTheme() === "dark" ? "light" : "dark";
+        writeStorage("local", storageKeys.theme, next);
+        const commit = () => {
+            flushSync(() => applyTheme(next));
+        };
+        if (!animate ||
+            window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+            commit();
+            return;
+        }
+        if (typeof document.startViewTransition !== "function") {
+            const root = document.documentElement;
+            root.classList.add("theme-fading");
+            commit();
+            window.setTimeout(() => root.classList.remove("theme-fading"), 500);
+            return;
+        }
+        animateReveal(document.startViewTransition(commit), origin);
+    }, [animate]);
+    return { theme, toggle };
+}

package/dist/hooks/useThreeStage.d.ts

@@ -0,0 +1,28 @@
+/** Shared Three.js stage: renderer, studio lighting, resizing, a visibility-aware render loop, pointer tracking, and cleanup. */
+import { type RefObject } from "react";
+import * as THREE from "three";
+export type StageFrame = {
+    delta: number;
+    elapsed: number;
+    /** Pointer offset from the stage centre, each axis in -0.5..0.5. */
+    pointer: THREE.Vector2;
+};
+export type StageScene = {
+    update: (frame: StageFrame) => void;
+    /** Snaps to a still pose when motion is turned off. */
+    rest: () => void;
+    dispose: () => void;
+};
+export type StageContext = {
+    scene: THREE.Scene;
+    camera: THREE.PerspectiveCamera;
+    renderer: THREE.WebGLRenderer;
+};
+type StageOptions = {
+    motionEnabled: boolean;
+    setup: (context: StageContext) => StageScene;
+    /** Camera z for a given aspect ratio, keeping the subject framed. */
+    cameraDistance: (aspect: number) => number;
+};
+export default function useThreeStage(hostRef: RefObject<HTMLDivElement>, { motionEnabled, setup, cameraDistance }: StageOptions): void;
+export {};

package/dist/hooks/useThreeStage.js

@@ -0,0 +1,155 @@
+/** Shared Three.js stage: renderer, studio lighting, resizing, a visibility-aware render loop, pointer tracking, and cleanup. */
+import { useEffect, useRef } from "react";
+import * as THREE from "three";
+import { RoomEnvironment } from "three/examples/jsm/environments/RoomEnvironment.js";
+const maxPixelRatio = 1.75;
+export default function useThreeStage(hostRef, { motionEnabled, setup, cameraDistance }) {
+    const motionRef = useRef(motionEnabled);
+    const syncRef = useRef(undefined);
+    // Setup and framing run once per mount; later prop changes are not re-applied.
+    const setupRef = useRef({ setup, cameraDistance });
+    useEffect(() => {
+        motionRef.current = motionEnabled;
+        syncRef.current?.();
+    }, [motionEnabled]);
+    useEffect(() => {
+        const host = hostRef.current;
+        if (!host)
+            return;
+        let renderer;
+        try {
+            renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
+        }
+        catch {
+            host.dataset.state = "unavailable";
+            return;
+        }
+        renderer.setPixelRatio(Math.min(window.devicePixelRatio, maxPixelRatio));
+        renderer.setClearColor(0x000000, 0);
+        // Neutral tone mapping keeps the lime close to the CSS accent colour.
+        renderer.toneMapping = THREE.NeutralToneMapping;
+        renderer.toneMappingExposure = 1.05;
+        renderer.domElement.setAttribute("aria-hidden", "true");
+        host.appendChild(renderer.domElement);
+        // Studio lighting shared by every stage so materials read consistently.
+        const scene = new THREE.Scene();
+        const camera = new THREE.PerspectiveCamera(35, 1, 0.1, 30);
+        camera.position.set(0, 0, 10.5);
+        const environment = new RoomEnvironment();
+        const generator = new THREE.PMREMGenerator(renderer);
+        const environmentMap = generator.fromScene(environment, 0.04);
+        scene.environment = environmentMap.texture;
+        environment.dispose();
+        generator.dispose();
+        const keyLight = new THREE.DirectionalLight(0xffffff, 4);
+        keyLight.position.set(4, 5, 6);
+        const rimLight = new THREE.DirectionalLight(0xcad9ff, 3);
+        rimLight.position.set(-5, 1, -2);
+        scene.add(keyLight, rimLight, new THREE.AmbientLight(0xffffff, 0.7));
+        const stage = setupRef.current.setup({ scene, camera, renderer });
+        // Loop state: frames run only while visible, focused, and motion is on.
+        const pointer = new THREE.Vector2();
+        let visible = true;
+        let contextLost = false;
+        let running = false;
+        let frame = 0;
+        let elapsed = 0;
+        let previousTime = 0;
+        const render = () => {
+            if (contextLost)
+                return;
+            renderer.render(scene, camera);
+            host.dataset.state = "ready";
+        };
+        const resize = () => {
+            const { width, height } = host.getBoundingClientRect();
+            if (!width || !height)
+                return;
+            camera.aspect = width / height;
+            camera.position.z = setupRef.current.cameraDistance(camera.aspect);
+            camera.updateProjectionMatrix();
+            renderer.setSize(width, height);
+            render();
+        };
+        const trackPointer = (event) => {
+            if (event.pointerType === "touch" || !motionRef.current)
+                return;
+            const bounds = host.getBoundingClientRect();
+            pointer.set((event.clientX - bounds.left) / bounds.width - 0.5, (event.clientY - bounds.top) / bounds.height - 0.5);
+        };
+        const resetPointer = () => pointer.set(0, 0);
+        const animate = (time) => {
+            if (!running)
+                return;
+            const delta = Math.min(Math.max(time - previousTime, 0) / 1000, 0.05);
+            previousTime = time;
+            elapsed += delta;
+            stage.update({ delta, elapsed, pointer });
+            render();
+            frame = requestAnimationFrame(animate);
+        };
+        /** Starts or stops the loop to match visibility and motion; snaps to rest when paused. */
+        const sync = () => {
+            const motion = motionRef.current;
+            const shouldRun = motion && visible && !document.hidden && !contextLost;
+            if (shouldRun && !running) {
+                running = true;
+                previousTime = performance.now();
+                frame = requestAnimationFrame(animate);
+            }
+            else if (!shouldRun && running) {
+                running = false;
+                cancelAnimationFrame(frame);
+            }
+            if (!motion) {
+                pointer.set(0, 0);
+                stage.rest();
+                render();
+            }
+        };
+        syncRef.current = sync;
+        const loseContext = (event) => {
+            event.preventDefault();
+            contextLost = true;
+            host.dataset.state = "unavailable";
+            sync();
+        };
+        const restoreContext = () => {
+            contextLost = false;
+            render();
+            sync();
+        };
+        const visibilityObserver = new IntersectionObserver(([entry]) => {
+            visible = entry.isIntersecting;
+            if (visible)
+                render();
+            sync();
+        });
+        const resizeObserver = new ResizeObserver(resize);
+        visibilityObserver.observe(host);
+        resizeObserver.observe(host);
+        host.addEventListener("pointermove", trackPointer);
+        host.addEventListener("pointerleave", resetPointer);
+        document.addEventListener("visibilitychange", sync);
+        renderer.domElement.addEventListener("webglcontextlost", loseContext);
+        renderer.domElement.addEventListener("webglcontextrestored", restoreContext);
+        resize();
+        sync();
+        return () => {
+            running = false;
+            syncRef.current = undefined;
+            cancelAnimationFrame(frame);
+            visibilityObserver.disconnect();
+            resizeObserver.disconnect();
+            host.removeEventListener("pointermove", trackPointer);
+            host.removeEventListener("pointerleave", resetPointer);
+            document.removeEventListener("visibilitychange", sync);
+            renderer.domElement.removeEventListener("webglcontextlost", loseContext);
+            renderer.domElement.removeEventListener("webglcontextrestored", restoreContext);
+            stage.dispose();
+            environmentMap.dispose();
+            renderer.dispose();
+            renderer.domElement.remove();
+        };
+    }, [hostRef]);
+}

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,11 @@
+import type { AlertTone } from "../components/ui/Alert.js";
+export type ToastInput = {
+    title: string;
+    message?: string;
+    tone?: AlertTone;
+};
+export type ToastContextValue = {
+    show: (toast: ToastInput) => void;
+};
+export declare const ToastContext: import("react").Context<ToastContextValue | null>;
+export default function useToast(): ToastContextValue;

package/dist/hooks/useToast.js

@@ -0,0 +1,9 @@
+/** Toast context: lets any component queue a notification rendered by ToastProvider. */
+import { createContext, useContext } from "react";
+export const ToastContext = createContext(null);
+export default function useToast() {
+    const context = useContext(ToastContext);
+    if (!context)
+        throw new Error("useToast must be used inside ToastProvider");
+    return context;
+}

package/dist/index.d.ts

@@ -0,0 +1,129 @@
+export { default as Alert } from "./components/ui/Alert.js";
+export type * from "./components/ui/Alert.js";
+export { default as Avatar } from "./components/ui/Avatar.js";
+export type * from "./components/ui/Avatar.js";
+export { default as Badge } from "./components/ui/Badge.js";
+export type * from "./components/ui/Badge.js";
+export { default as BrandMark } from "./components/ui/BrandMark.js";
+export type * from "./components/ui/BrandMark.js";
+export { default as Breadcrumbs } from "./components/ui/Breadcrumbs.js";
+export type * from "./components/ui/Breadcrumbs.js";
+export { default as Button } from "./components/ui/Button.js";
+export type * from "./components/ui/Button.js";
+export { default as Card } from "./components/ui/Card.js";
+export type * from "./components/ui/Card.js";
+export { default as Checkbox } from "./components/ui/Checkbox.js";
+export type * from "./components/ui/Checkbox.js";
+export { default as CountUp } from "./components/ui/CountUp.js";
+export type * from "./components/ui/CountUp.js";
+export { default as DataTable } from "./components/ui/DataTable.js";
+export type * from "./components/ui/DataTable.js";
+export { default as DepthButton } from "./components/ui/DepthButton.js";
+export type * from "./components/ui/DepthButton.js";
+export { default as Dialog } from "./components/ui/Dialog.js";
+export type * from "./components/ui/Dialog.js";
+export { default as Disclosure } from "./components/ui/Disclosure.js";
+export type * from "./components/ui/Disclosure.js";
+export { default as Divider } from "./components/ui/Divider.js";
+export type * from "./components/ui/Divider.js";
+export { default as DropdownMenu } from "./components/ui/DropdownMenu.js";
+export type * from "./components/ui/DropdownMenu.js";
+export { default as EmptyState } from "./components/ui/EmptyState.js";
+export type * from "./components/ui/EmptyState.js";
+export { default as ExternalLink } from "./components/ui/ExternalLink.js";
+export type * from "./components/ui/ExternalLink.js";
+export { default as Field } from "./components/ui/Field.js";
+export type * from "./components/ui/Field.js";
+export { default as FlipCard } from "./components/ui/FlipCard.js";
+export type * from "./components/ui/FlipCard.js";
+export { default as IconButton } from "./components/ui/IconButton.js";
+export type * from "./components/ui/IconButton.js";
+export { default as Kbd } from "./components/ui/Kbd.js";
+export type * from "./components/ui/Kbd.js";
+export { default as Magnetic } from "./components/ui/Magnetic.js";
+export type * from "./components/ui/Magnetic.js";
+export { default as Marquee } from "./components/ui/Marquee.js";
+export type * from "./components/ui/Marquee.js";
+export { default as Pagination } from "./components/ui/Pagination.js";
+export type * from "./components/ui/Pagination.js";
+export { default as Popover } from "./components/ui/Popover.js";
+export type * from "./components/ui/Popover.js";
+export { default as ProgressBar } from "./components/ui/ProgressBar.js";
+export type * from "./components/ui/ProgressBar.js";
+export { default as RadioGroup } from "./components/ui/RadioGroup.js";
+export type * from "./components/ui/RadioGroup.js";
+export { default as Reveal } from "./components/ui/Reveal.js";
+export type * from "./components/ui/Reveal.js";
+export { default as RevealHeading } from "./components/ui/RevealHeading.js";
+export type * from "./components/ui/RevealHeading.js";
+export { default as ScrollProgress } from "./components/ui/ScrollProgress.js";
+export type * from "./components/ui/ScrollProgress.js";
+export { default as SectionLabel } from "./components/ui/SectionLabel.js";
+export type * from "./components/ui/SectionLabel.js";
+export { default as SegmentedControl } from "./components/ui/SegmentedControl.js";
+export type * from "./components/ui/SegmentedControl.js";
+export { default as SelectField } from "./components/ui/SelectField.js";
+export type * from "./components/ui/SelectField.js";
+export { default as Skeleton } from "./components/ui/Skeleton.js";
+export type * from "./components/ui/Skeleton.js";
+export { default as Slider } from "./components/ui/Slider.js";
+export type * from "./components/ui/Slider.js";
+export { GitHubIcon, LinkedInIcon } from "./components/ui/SocialIcons.js";
+export type * from "./components/ui/SocialIcons.js";
+export { default as Spinner } from "./components/ui/Spinner.js";
+export type * from "./components/ui/Spinner.js";
+export { default as Stat } from "./components/ui/Stat.js";
+export type * from "./components/ui/Stat.js";
+export { default as Stepper } from "./components/ui/Stepper.js";
+export type * from "./components/ui/Stepper.js";
+export { default as Switch } from "./components/ui/Switch.js";
+export type * from "./components/ui/Switch.js";
+export { default as Tabs } from "./components/ui/Tabs.js";
+export type * from "./components/ui/Tabs.js";
+export { default as Tag } from "./components/ui/Tag.js";
+export type * from "./components/ui/Tag.js";
+export { default as TextArea } from "./components/ui/TextArea.js";
+export type * from "./components/ui/TextArea.js";
+export { default as TextField } from "./components/ui/TextField.js";
+export type * from "./components/ui/TextField.js";
+export { default as ThemeToggle } from "./components/ui/ThemeToggle.js";
+export type * from "./components/ui/ThemeToggle.js";
+export { default as TiltCard } from "./components/ui/TiltCard.js";
+export type * from "./components/ui/TiltCard.js";
+export { default as Timeline } from "./components/ui/Timeline.js";
+export type * from "./components/ui/Timeline.js";
+export { default as ToastProvider } from "./components/ui/ToastProvider.js";
+export type * from "./components/ui/ToastProvider.js";
+export { default as Tooltip } from "./components/ui/Tooltip.js";
+export type * from "./components/ui/Tooltip.js";
+export { default as useClipboardCopy } from "./hooks/useClipboardCopy.js";
+export type * from "./hooks/useClipboardCopy.js";
+export { default as useDismiss } from "./hooks/useDismiss.js";
+export type * from "./hooks/useDismiss.js";
+export { default as useHeaderScroll } from "./hooks/useHeaderScroll.js";
+export type * from "./hooks/useHeaderScroll.js";
+export { default as useIdleTrigger } from "./hooks/useIdleTrigger.js";
+export type * from "./hooks/useIdleTrigger.js";
+export { default as useInitialHashScroll } from "./hooks/useInitialHashScroll.js";
+export type * from "./hooks/useInitialHashScroll.js";
+export { default as useMobileMenu } from "./hooks/useMobileMenu.js";
+export type * from "./hooks/useMobileMenu.js";
+export { default as useMotionPreference } from "./hooks/useMotionPreference.js";
+export type * from "./hooks/useMotionPreference.js";
+export { default as usePrintPreparation } from "./hooks/usePrintPreparation.js";
+export type * from "./hooks/usePrintPreparation.js";
+export { default as useScrollSpy } from "./hooks/useScrollSpy.js";
+export type * from "./hooks/useScrollSpy.js";
+export { default as useTheme } from "./hooks/useTheme.js";
+export type * from "./hooks/useTheme.js";
+export { default as useToast } from "./hooks/useToast.js";
+export type * from "./hooks/useToast.js";
+export * from "./lib/classNames.js";
+export * from "./lib/format.js";
+export * from "./lib/storage.js";
+export * from "./lib/keyboard.js";
+export * from "./lib/a11y.js";
+export * from "./lib/motion.js";
+export type { Section } from "./types.js";
+export { default as SceneBoundary } from "./components/hero/SceneBoundary.js";
+export { safeHref } from "./lib/safeHref.js";

package/dist/index.js

@@ -0,0 +1,68 @@
+export { default as Alert } from "./components/ui/Alert.js";
+export { default as Avatar } from "./components/ui/Avatar.js";
+export { default as Badge } from "./components/ui/Badge.js";
+export { default as BrandMark } from "./components/ui/BrandMark.js";
+export { default as Breadcrumbs } from "./components/ui/Breadcrumbs.js";
+export { default as Button } from "./components/ui/Button.js";
+export { default as Card } from "./components/ui/Card.js";
+export { default as Checkbox } from "./components/ui/Checkbox.js";
+export { default as CountUp } from "./components/ui/CountUp.js";
+export { default as DataTable } from "./components/ui/DataTable.js";
+export { default as DepthButton } from "./components/ui/DepthButton.js";
+export { default as Dialog } from "./components/ui/Dialog.js";
+export { default as Disclosure } from "./components/ui/Disclosure.js";
+export { default as Divider } from "./components/ui/Divider.js";
+export { default as DropdownMenu } from "./components/ui/DropdownMenu.js";
+export { default as EmptyState } from "./components/ui/EmptyState.js";
+export { default as ExternalLink } from "./components/ui/ExternalLink.js";
+export { default as Field } from "./components/ui/Field.js";
+export { default as FlipCard } from "./components/ui/FlipCard.js";
+export { default as IconButton } from "./components/ui/IconButton.js";
+export { default as Kbd } from "./components/ui/Kbd.js";
+export { default as Magnetic } from "./components/ui/Magnetic.js";
+export { default as Marquee } from "./components/ui/Marquee.js";
+export { default as Pagination } from "./components/ui/Pagination.js";
+export { default as Popover } from "./components/ui/Popover.js";
+export { default as ProgressBar } from "./components/ui/ProgressBar.js";
+export { default as RadioGroup } from "./components/ui/RadioGroup.js";
+export { default as Reveal } from "./components/ui/Reveal.js";
+export { default as RevealHeading } from "./components/ui/RevealHeading.js";
+export { default as ScrollProgress } from "./components/ui/ScrollProgress.js";
+export { default as SectionLabel } from "./components/ui/SectionLabel.js";
+export { default as SegmentedControl } from "./components/ui/SegmentedControl.js";
+export { default as SelectField } from "./components/ui/SelectField.js";
+export { default as Skeleton } from "./components/ui/Skeleton.js";
+export { default as Slider } from "./components/ui/Slider.js";
+export { GitHubIcon, LinkedInIcon } from "./components/ui/SocialIcons.js";
+export { default as Spinner } from "./components/ui/Spinner.js";
+export { default as Stat } from "./components/ui/Stat.js";
+export { default as Stepper } from "./components/ui/Stepper.js";
+export { default as Switch } from "./components/ui/Switch.js";
+export { default as Tabs } from "./components/ui/Tabs.js";
+export { default as Tag } from "./components/ui/Tag.js";
+export { default as TextArea } from "./components/ui/TextArea.js";
+export { default as TextField } from "./components/ui/TextField.js";
+export { default as ThemeToggle } from "./components/ui/ThemeToggle.js";
+export { default as TiltCard } from "./components/ui/TiltCard.js";
+export { default as Timeline } from "./components/ui/Timeline.js";
+export { default as ToastProvider } from "./components/ui/ToastProvider.js";
+export { default as Tooltip } from "./components/ui/Tooltip.js";
+export { default as useClipboardCopy } from "./hooks/useClipboardCopy.js";
+export { default as useDismiss } from "./hooks/useDismiss.js";
+export { default as useHeaderScroll } from "./hooks/useHeaderScroll.js";
+export { default as useIdleTrigger } from "./hooks/useIdleTrigger.js";
+export { default as useInitialHashScroll } from "./hooks/useInitialHashScroll.js";
+export { default as useMobileMenu } from "./hooks/useMobileMenu.js";
+export { default as useMotionPreference } from "./hooks/useMotionPreference.js";
+export { default as usePrintPreparation } from "./hooks/usePrintPreparation.js";
+export { default as useScrollSpy } from "./hooks/useScrollSpy.js";
+export { default as useTheme } from "./hooks/useTheme.js";
+export { default as useToast } from "./hooks/useToast.js";
+export * from "./lib/classNames.js";
+export * from "./lib/format.js";
+export * from "./lib/storage.js";
+export * from "./lib/keyboard.js";
+export * from "./lib/a11y.js";
+export * from "./lib/motion.js";
+export { default as SceneBoundary } from "./components/hero/SceneBoundary.js";
+export { safeHref } from "./lib/safeHref.js";