@vistagenic/vista 0.1.0-alpha.1

package/dist/dev-error.js

@@ -0,0 +1,310 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDevErrorBoundary = exports.DevErrorBoundary = void 0;
+exports.ErrorOverlay = ErrorOverlay;
+exports.VistaErrorOverlay = ErrorOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Vista Error Overlay
+ *
+ * A standalone error overlay that works without React hydration.
+ * Uses inline styles and vanilla JS for interactivity.
+ */
+const react_1 = __importDefault(require("react"));
+// ============================================================================
+// Inline CSS (no external dependencies)
+// ============================================================================
+const INLINE_STYLES = `
+<style>
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body { 
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    background: #0a0a0a; 
+    color: #ededed;
+    min-height: 100vh;
+}
+.vista-error-container {
+    min-height: 100vh;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 40px 20px;
+}
+.vista-error-dialog {
+    width: 100%;
+    max-width: 800px;
+    background: #0a0a0a;
+    border: 1px solid #333;
+    border-radius: 12px;
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+    overflow: hidden;
+}
+.vista-error-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    background: #111;
+    border-bottom: 1px solid #333;
+}
+.vista-error-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 12px;
+    background: rgba(255, 76, 76, 0.15);
+    color: #ff4c4c;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+.vista-error-badge::before {
+    content: '';
+    width: 8px;
+    height: 8px;
+    background: #ff4c4c;
+    border-radius: 50%;
+    animation: pulse 2s infinite;
+}
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.5; }
+}
+.vista-error-content {
+    padding: 24px;
+}
+.vista-error-message {
+    font-size: 20px;
+    font-weight: 600;
+    line-height: 1.5;
+    margin-bottom: 20px;
+    color: #fff;
+}
+.vista-error-location {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    background: #111;
+    border: 1px solid #333;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    font-size: 13px;
+}
+.vista-error-location-file {
+    color: #0070f3;
+}
+.vista-error-location-line {
+    color: #888;
+}
+.vista-error-stack {
+    background: #0d0d0d;
+    border: 1px solid #333;
+    border-radius: 8px;
+    padding: 16px;
+    overflow-x: auto;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    font-size: 12px;
+    line-height: 1.6;
+    white-space: pre-wrap;
+    word-break: break-word;
+    color: #999;
+    max-height: 400px;
+    overflow-y: auto;
+}
+.vista-error-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    background: #111;
+    border-top: 1px solid #333;
+}
+.vista-error-footer-text {
+    font-size: 12px;
+    color: #666;
+}
+.vista-error-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 10px 16px;
+    background: #0070f3;
+    border: none;
+    border-radius: 8px;
+    color: #fff;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.15s ease;
+}
+.vista-error-btn:hover {
+    filter: brightness(1.1);
+}
+.vista-error-nav {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+}
+.vista-error-nav-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    border: 1px solid #333;
+    border-radius: 8px;
+    color: #888;
+    cursor: pointer;
+    transition: all 0.15s ease;
+}
+.vista-error-nav-btn:hover:not(:disabled) {
+    background: #1a1a1a;
+    color: #fff;
+}
+.vista-error-nav-btn:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+}
+.vista-error-count {
+    font-size: 13px;
+    color: #666;
+    min-width: 60px;
+    text-align: center;
+}
+.vista-error-stack-title {
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: #666;
+    margin-bottom: 12px;
+}
+</style>
+`;
+// ============================================================================
+// Inline JS for interactivity (no React required)
+// ============================================================================
+const INLINE_SCRIPT = `
+<script>
+    function reloadPage() {
+        window.location.reload();
+    }
+    function openInEditor(file, line, column) {
+        const url = 'vscode://file' + file + ':' + (line || 1) + ':' + (column || 1);
+        window.open(url, '_blank');
+    }
+</script>
+`;
+// ============================================================================
+// Stack Trace Parser
+// ============================================================================
+function parseStackTrace(stack) {
+    if (!stack)
+        return [];
+    return stack.split('\n').filter(line => line.trim());
+}
+// ============================================================================
+// Error Overlay Component (SSR only - no hydration)
+// ============================================================================
+function ErrorOverlay({ errors }) {
+    const error = errors[0];
+    if (!error)
+        return (0, jsx_runtime_1.jsx)("div", {});
+    const stackLines = parseStackTrace(error.stack || '');
+    const errorTypeLabel = error.type === 'build' ? 'Build Error' :
+        error.type === 'hydration' ? 'Hydration Error' : 'Runtime Error';
+    const fileName = error.file?.split(/[/\\]/).pop() || '';
+    return ((0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: {
+            __html: `
+${INLINE_STYLES}
+${INLINE_SCRIPT}
+<div class="vista-error-container">
+    <div class="vista-error-dialog" role="dialog">
+        <div class="vista-error-header">
+            <span class="vista-error-badge">${errorTypeLabel}</span>
+            ${errors.length > 1 ? `
+            <div class="vista-error-nav">
+                <span class="vista-error-count">1 of ${errors.length}</span>
+            </div>
+            ` : ''}
+        </div>
+        
+        <div class="vista-error-content">
+            <div class="vista-error-message">${escapeHtml(error.message)}</div>
+            
+            ${error.file ? `
+            <div class="vista-error-location" onclick="openInEditor('${escapeAttr(error.file)}', ${error.line || 1}, ${error.column || 1})" style="cursor: pointer">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: #888">
+                    <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path>
+                    <polyline points="14,2 14,8 20,8"></polyline>
+                </svg>
+                <span class="vista-error-location-file">${escapeHtml(error.file)}</span>
+                ${error.line ? `<span class="vista-error-location-line">:${error.line}${error.column ? `:${error.column}` : ''}</span>` : ''}
+            </div>
+            ` : ''}
+            
+            ${stackLines.length > 0 ? `
+            <div class="vista-error-stack-title">Stack Trace</div>
+            <div class="vista-error-stack">${escapeHtml(stackLines.join('\n'))}</div>
+            ` : ''}
+        </div>
+        
+        <div class="vista-error-footer">
+            <span class="vista-error-footer-text">Vista Development Mode</span>
+            <button class="vista-error-btn" onclick="reloadPage()">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <polyline points="23,4 23,10 17,10"></polyline>
+                    <path d="M20.49 15a9 9 0 11-2.12-9.36L23 10"></path>
+                </svg>
+                Reload Page
+            </button>
+        </div>
+    </div>
+</div>
+            `
+        } }));
+}
+// Helper functions
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+function escapeAttr(text) {
+    return text.replace(/'/g, "\\'").replace(/"/g, '\\"');
+}
+// ============================================================================
+// Legacy exports for compatibility
+// ============================================================================
+class DevErrorBoundary extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    render() {
+        if (this.state.hasError && this.state.error) {
+            return ((0, jsx_runtime_1.jsx)(ErrorOverlay, { errors: [{
+                        type: 'runtime',
+                        message: this.state.error.message || 'Unknown Error',
+                        stack: this.state.error.stack
+                    }] }));
+        }
+        return this.props.children;
+    }
+}
+exports.DevErrorBoundary = DevErrorBoundary;
+exports.VistaDevErrorBoundary = DevErrorBoundary;

package/dist/image/get-img-props.d.ts

@@ -0,0 +1,28 @@
+import { ImageConfigComplete } from './image-config';
+import { ImageLoader } from './image-loader';
+import React from 'react';
+export type PlaceholderValue = 'blur' | 'empty';
+export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    src: string;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    fill?: boolean;
+    loader?: ImageLoader;
+    quality?: number | string;
+    priority?: boolean;
+    unoptimized?: boolean;
+    placeholder?: PlaceholderValue;
+    blurDataURL?: string;
+    onLoadingComplete?: (result: {
+        naturalWidth: number;
+        naturalHeight: number;
+    }) => void;
+};
+type ImgProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    width?: number;
+    height?: number;
+    srcSet?: string;
+};
+export declare function getImgProps(props: ImageProps, config: ImageConfigComplete, defaultLoader: ImageLoader): ImgProps;
+export {};

package/dist/image/get-img-props.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImgProps = getImgProps;
+const image_config_1 = require("./image-config");
+// Helper: Generate srcSet
+function generateSrcSet(src, width, loader, config, unoptimized) {
+    if (unoptimized)
+        return undefined;
+    const { deviceSizes, imageSizes } = config;
+    const sizes = [...deviceSizes, ...imageSizes].sort((a, b) => a - b);
+    // If width is known, only generate sizes up to that width (plus maybe 2x/3x for density)
+    // For simplicity MVP, we'll generate device sizes.
+    return sizes
+        .map((size) => {
+        const url = loader({ src, width: size });
+        return `${url} ${size}w`;
+    })
+        .join(', ');
+}
+function getImgProps(props, config = image_config_1.imageConfigDefault, defaultLoader) {
+    const { src, alt, width, height, fill, loader = defaultLoader, quality, priority, unoptimized, style, sizes, className, loading, placeholder, blurDataURL, onLoadingComplete, ...rest } = props;
+    const imgStyle = { ...style };
+    // Handle Fill Mode
+    if (fill) {
+        imgStyle.position = 'absolute';
+        imgStyle.height = '100%';
+        imgStyle.width = '100%';
+        imgStyle.inset = 0;
+        imgStyle.objectFit = 'cover'; // Default to cover for bg images
+    }
+    // Handle Dimensions
+    let widthInt = width ? Number(width) : undefined;
+    let heightInt = height ? Number(height) : undefined;
+    // Generate SrcSet
+    const srcSet = generateSrcSet(src, widthInt, loader, config, !!unoptimized);
+    return {
+        ...rest,
+        src,
+        alt,
+        width: widthInt,
+        height: heightInt,
+        loading: priority ? 'eager' : (loading || 'lazy'),
+        // fetchPriority: priority ? 'high' : undefined, // React types might strict on this
+        style: imgStyle,
+        sizes: sizes || (fill ? '100vw' : undefined),
+        srcSet,
+        className,
+    };
+}

package/dist/image/image-config.d.ts

@@ -0,0 +1,20 @@
+export declare const imageConfigDefault: {
+    deviceSizes: number[];
+    imageSizes: number[];
+    path: string;
+    loader: "default";
+    loaderFile: string;
+    domains: string[];
+    disableStaticImages: boolean;
+    minimumCacheTTL: number;
+    formats: readonly ["image/webp"];
+    dangerouslyAllowSVG: boolean;
+    contentSecurityPolicy: string;
+    contentDispositionType: "inline";
+    remotePatterns: any[];
+    unoptimized: boolean;
+};
+export type ImageConfigComplete = typeof imageConfigDefault;
+export type ImageConfig = Partial<ImageConfigComplete>;
+export declare const VALID_LOADERS: readonly ["default", "imgix", "cloudinary", "akamai", "custom"];
+export type LoaderValue = typeof VALID_LOADERS[number];

package/dist/image/image-config.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VALID_LOADERS = exports.imageConfigDefault = void 0;
+exports.imageConfigDefault = {
+    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+    path: '/_next/image',
+    loader: 'default',
+    loaderFile: '',
+    domains: [],
+    disableStaticImages: false,
+    minimumCacheTTL: 60,
+    formats: ['image/webp'],
+    dangerouslyAllowSVG: false,
+    contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
+    contentDispositionType: 'inline',
+    remotePatterns: [],
+    unoptimized: false,
+};
+exports.VALID_LOADERS = ['default', 'imgix', 'cloudinary', 'akamai', 'custom'];

package/dist/image/image-loader.d.ts

@@ -0,0 +1,7 @@
+export type ImageLoaderProps = {
+    src: string;
+    width: number;
+    quality?: number;
+};
+export type ImageLoader = (p: ImageLoaderProps) => string;
+export declare const defaultLoader: ImageLoader;

package/dist/image/image-loader.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultLoader = void 0;
+// Default loader: simple pass-through for now, 
+// envisioning a future where this hits an optimization endpoint.
+const defaultLoader = ({ src, width, quality }) => {
+    // If user wants optimization, they would hook up a real loader here.
+    // For static dev, we just return the src.
+    // In a real Next.js app, this would be: `/_next/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality || 75}`
+    // NOTE: Emulating optimizing behavior by appending query params for now (if backend supported it)
+    // return `${src}?w=${width}&q=${quality || 75}`;
+    return src;
+};
+exports.defaultLoader = defaultLoader;

package/dist/image/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ImageProps } from './get-img-props';
+export interface EnhancedImageProps extends ImageProps {
+}
+export declare const Image: React.ForwardRefExoticComponent<EnhancedImageProps & React.RefAttributes<HTMLImageElement>>;
+export default Image;

package/dist/image/index.js

@@ -0,0 +1,110 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const get_img_props_1 = require("./get-img-props");
+const image_config_1 = require("./image-config");
+const image_loader_1 = require("./image-loader");
+// Blur placeholder styles
+const blurStyle = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    filter: 'blur(20px)',
+    transform: 'scale(1.1)',
+    transition: 'opacity 0.3s ease-in-out',
+};
+const wrapperStyle = {
+    position: 'relative',
+    overflow: 'hidden',
+};
+exports.Image = (0, react_1.forwardRef)((props, ref) => {
+    const { placeholder, blurDataURL, onLoadingComplete, priority, ...restProps } = props;
+    const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
+    const [isInView, setIsInView] = (0, react_1.useState)(priority || false);
+    const imgRef = (0, react_1.useRef)(null);
+    const observerRef = (0, react_1.useRef)(null);
+    // Combine refs
+    const setRefs = (0, react_1.useCallback)((node) => {
+        imgRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    // IntersectionObserver for lazy loading
+    (0, react_1.useEffect)(() => {
+        if (priority) {
+            setIsInView(true);
+            return;
+        }
+        const element = imgRef.current;
+        if (!element)
+            return;
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    setIsInView(true);
+                    observerRef.current?.disconnect();
+                }
+            });
+        }, {
+            rootMargin: '200px', // Start loading 200px before viewport
+            threshold: 0,
+        });
+        observerRef.current.observe(element);
+        return () => {
+            observerRef.current?.disconnect();
+        };
+    }, [priority]);
+    // Handle image load complete
+    const handleLoad = (0, react_1.useCallback)((event) => {
+        const img = event.currentTarget;
+        setIsLoaded(true);
+        if (onLoadingComplete) {
+            onLoadingComplete({
+                naturalWidth: img.naturalWidth,
+                naturalHeight: img.naturalHeight,
+            });
+        }
+    }, [onLoadingComplete]);
+    // Get processed img props
+    const imgProps = (0, get_img_props_1.getImgProps)({ ...restProps, priority }, image_config_1.imageConfigDefault, image_loader_1.defaultLoader);
+    // Determine if we should show blur placeholder
+    const showBlur = placeholder === 'blur' && blurDataURL && !isLoaded;
+    const needsWrapper = showBlur;
+    // Render image element
+    const imageElement = ((0, jsx_runtime_1.jsx)("img", { ...imgProps, ref: setRefs, onLoad: handleLoad, style: {
+            ...imgProps.style,
+            ...(showBlur ? {
+                opacity: isLoaded ? 1 : 0,
+                transition: 'opacity 0.5s ease-in-out'
+            } : {}),
+        }, 
+        // Only set src when in view (lazy loading)
+        src: isInView ? imgProps.src : undefined, srcSet: isInView ? imgProps.srcSet : undefined, decoding: priority ? 'sync' : 'async', fetchPriority: priority ? 'high' : undefined }));
+    // Wrap with blur placeholder if needed
+    if (needsWrapper) {
+        return ((0, jsx_runtime_1.jsxs)("span", { style: {
+                ...wrapperStyle,
+                display: imgProps.style?.display || 'inline-block',
+                width: imgProps.width,
+                height: imgProps.height,
+            }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                        ...blurStyle,
+                        backgroundImage: `url("${blurDataURL}")`,
+                        opacity: isLoaded ? 0 : 1,
+                    }, "aria-hidden": "true" }), imageElement] }));
+    }
+    return imageElement;
+});
+exports.Image.displayName = 'Image';
+exports.default = exports.Image;

package/dist/image.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    priority?: boolean;
+}
+export default function Image({ src, alt, width, height, className, priority, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/image.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Image;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Image({ src, alt, width, height, className, priority, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, width: width, height: height, className: className, loading: priority ? "eager" : "lazy", ...props }));
+}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export * from './router';
+export * from './components';
+export * from './auth';
+export * from './types';
+export * from './dev-error';
+export { useRouter } from './client/router';
+export { usePathname, useSearchParams, useParams, useSelectedLayoutSegment, useSelectedLayoutSegments, } from './client/navigation';
+export { default as dynamic } from './client/dynamic';
+export { default as Script } from './client/script';
+export { default as Head, generateMetadataHead } from './client/head';
+export type { Metadata as HeadMetadata } from './client/head';
+export * from './client/font';
+export * from './metadata';
+export type { Metadata } from './metadata/types';
+export { hydrateClientComponents, initializeHydration } from './client/hydration';
+export { ClientIsland } from './components/client-island';
+export { Client } from './components/client';
+export type { ClientManifest, ClientComponentEntry } from './build/rsc/client-manifest';
+export type { ServerManifest, ServerComponentEntry, RouteEntry } from './build/rsc/server-manifest';
+export type { RSCPayload, ClientReference } from './build/rsc/rsc-renderer';

package/dist/index.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Client = exports.ClientIsland = exports.initializeHydration = exports.hydrateClientComponents = exports.generateMetadataHead = exports.Head = exports.Script = exports.dynamic = exports.useSelectedLayoutSegments = exports.useSelectedLayoutSegment = exports.useParams = exports.useSearchParams = exports.usePathname = exports.useRouter = void 0;
+__exportStar(require("./router"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./auth"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./dev-error"), exports);
+// Client-side features
+var router_1 = require("./client/router");
+Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return router_1.useRouter; } });
+var navigation_1 = require("./client/navigation");
+Object.defineProperty(exports, "usePathname", { enumerable: true, get: function () { return navigation_1.usePathname; } });
+Object.defineProperty(exports, "useSearchParams", { enumerable: true, get: function () { return navigation_1.useSearchParams; } });
+Object.defineProperty(exports, "useParams", { enumerable: true, get: function () { return navigation_1.useParams; } });
+Object.defineProperty(exports, "useSelectedLayoutSegment", { enumerable: true, get: function () { return navigation_1.useSelectedLayoutSegment; } });
+Object.defineProperty(exports, "useSelectedLayoutSegments", { enumerable: true, get: function () { return navigation_1.useSelectedLayoutSegments; } });
+var dynamic_1 = require("./client/dynamic");
+Object.defineProperty(exports, "dynamic", { enumerable: true, get: function () { return __importDefault(dynamic_1).default; } });
+var script_1 = require("./client/script");
+Object.defineProperty(exports, "Script", { enumerable: true, get: function () { return __importDefault(script_1).default; } });
+var head_1 = require("./client/head");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return __importDefault(head_1).default; } });
+Object.defineProperty(exports, "generateMetadataHead", { enumerable: true, get: function () { return head_1.generateMetadataHead; } });
+// Font exports
+__exportStar(require("./client/font"), exports);
+// Metadata exports (Next.js compatible)
+__exportStar(require("./metadata"), exports);
+// RSC (React Server Components) exports
+var hydration_1 = require("./client/hydration");
+Object.defineProperty(exports, "hydrateClientComponents", { enumerable: true, get: function () { return hydration_1.hydrateClientComponents; } });
+Object.defineProperty(exports, "initializeHydration", { enumerable: true, get: function () { return hydration_1.initializeHydration; } });
+var client_island_1 = require("./components/client-island");
+Object.defineProperty(exports, "ClientIsland", { enumerable: true, get: function () { return client_island_1.ClientIsland; } });
+var client_1 = require("./components/client");
+Object.defineProperty(exports, "Client", { enumerable: true, get: function () { return client_1.Client; } });