@elizaos/ui 2.0.0-alpha.25 → 2.0.0-alpha.334

package/packages/ui/src/hooks/useDocumentVisibility.d.ts

@@ -0,0 +1,3 @@
+export declare function useDocumentVisibility(): boolean;
+export declare function useIntervalWhenDocumentVisible(callback: () => void, delayMs: number, enabled?: boolean): void;
+//# sourceMappingURL=useDocumentVisibility.d.ts.map

package/packages/ui/src/hooks/useDocumentVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentVisibility.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useDocumentVisibility.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,IAAI,OAAO,CAgB/C;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,EAAE,MAAM,EACf,OAAO,UAAO,GACb,IAAI,CAYN"}

package/packages/ui/src/hooks/useDocumentVisibility.js

@@ -0,0 +1,28 @@
+import { useEffect, useRef, useState } from "react";
+export function useDocumentVisibility() {
+    const [visible, setVisible] = useState(() => typeof document === "undefined"
+        ? true
+        : document.visibilityState === "visible");
+    useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        const sync = () => setVisible(document.visibilityState === "visible");
+        sync();
+        document.addEventListener("visibilitychange", sync);
+        return () => document.removeEventListener("visibilitychange", sync);
+    }, []);
+    return visible;
+}
+export function useIntervalWhenDocumentVisible(callback, delayMs, enabled = true) {
+    const saved = useRef(callback);
+    saved.current = callback;
+    const visible = useDocumentVisibility();
+    useEffect(() => {
+        if (!enabled || !visible)
+            return;
+        const id = window.setInterval(() => {
+            saved.current();
+        }, delayMs);
+        return () => window.clearInterval(id);
+    }, [enabled, visible, delayMs]);
+}

package/packages/ui/src/hooks/useKeyboardShortcuts.d.ts

@@ -0,0 +1,13 @@
+export interface ShortcutConfig {
+    key: string;
+    ctrl?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    meta?: boolean;
+    handler: () => void;
+    description: string;
+    scope?: string;
+}
+export declare function useKeyboardShortcuts(shortcuts: ShortcutConfig[]): void;
+export declare function formatShortcut(s: Omit<ShortcutConfig, "handler">): string;
+//# sourceMappingURL=useKeyboardShortcuts.d.ts.map

package/packages/ui/src/hooks/useKeyboardShortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useKeyboardShortcuts.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,QAwB/D;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,MAAM,CAQzE"}

package/packages/ui/src/hooks/useKeyboardShortcuts.js

@@ -0,0 +1,34 @@
+import { useCallback, useEffect } from "react";
+export function useKeyboardShortcuts(shortcuts) {
+    const handleKeyDown = useCallback((event) => {
+        for (const shortcut of shortcuts) {
+            const keyMatch = event.key.toLowerCase() === shortcut.key.toLowerCase();
+            const ctrlMatch = !!shortcut.ctrl === event.ctrlKey;
+            const shiftMatch = !!shortcut.shift === event.shiftKey;
+            const altMatch = !!shortcut.alt === event.altKey;
+            const metaMatch = !!shortcut.meta === event.metaKey;
+            if (keyMatch && ctrlMatch && shiftMatch && altMatch && metaMatch) {
+                event.preventDefault();
+                shortcut.handler();
+                break;
+            }
+        }
+    }, [shortcuts]);
+    useEffect(() => {
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [handleKeyDown]);
+}
+export function formatShortcut(s) {
+    const parts = [];
+    if (s.ctrl)
+        parts.push("Ctrl");
+    if (s.shift)
+        parts.push("Shift");
+    if (s.alt)
+        parts.push("Alt");
+    if (s.meta)
+        parts.push("Cmd");
+    parts.push(s.key.length === 1 ? s.key.toUpperCase() : s.key);
+    return parts.join("+");
+}

package/packages/ui/src/hooks/useLinkedSidebarSelection.d.ts

@@ -0,0 +1,16 @@
+export interface UseLinkedSidebarSelectionOptions<T extends string = string> {
+    contentTopOffset?: number;
+    selectedId: T | null;
+    enabled?: boolean;
+    topAlignedId?: T | null;
+}
+export declare function useLinkedSidebarSelection<T extends string = string>({ contentTopOffset, enabled, selectedId, topAlignedId, }: UseLinkedSidebarSelectionOptions<T>): {
+    contentContainerRef: import("react").RefObject<HTMLDivElement | null>;
+    queueContentAlignment: (id: T) => void;
+    registerContentItem: (id: T) => (node: HTMLElement | null) => void;
+    registerRailItem: (id: T) => (node: HTMLElement | null) => void;
+    registerSidebarItem: (id: T) => (node: HTMLElement | null) => void;
+    registerSidebarViewport: (node: HTMLElement | null) => void;
+    scrollContentToItem: (id: T) => void;
+};
+//# sourceMappingURL=useLinkedSidebarSelection.d.ts.map

package/packages/ui/src/hooks/useLinkedSidebarSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkedSidebarSelection.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useLinkedSidebarSelection.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gCAAgC,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;CACzB;AAsBD,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnE,gBAAqB,EACrB,OAAc,EACd,UAAU,EACV,YAAmB,GACpB,EAAE,gCAAgC,CAAC,CAAC,CAAC;;gCAuE7B,CAAC;8BA5DD,CAAC,YAAY,WAAW,GAAG,IAAI;2BAc/B,CAAC,YAAY,WAAW,GAAG,IAAI;8BAP/B,CAAC,YAAY,WAAW,GAAG,IAAI;oCAaa,WAAW,GAAG,IAAI;8BAK9D,CAAC;EAiGT"}

package/packages/ui/src/hooks/useLinkedSidebarSelection.js

@@ -0,0 +1,117 @@
+import { useCallback, useEffect, useRef } from "react";
+function scrollElementIntoNearestView(element, alignToTop = false, behavior = "smooth") {
+    element?.scrollIntoView({
+        behavior,
+        block: alignToTop ? "start" : "nearest",
+        inline: "nearest",
+    });
+}
+function readElementAlignmentOffset(element) {
+    if (!element)
+        return 0;
+    const rawValue = element.dataset.contentAlignOffset;
+    if (!rawValue)
+        return 0;
+    const parsed = Number(rawValue);
+    return Number.isFinite(parsed) ? parsed : 0;
+}
+export function useLinkedSidebarSelection({ contentTopOffset = 16, enabled = true, selectedId, topAlignedId = null, }) {
+    const contentContainerRef = useRef(null);
+    const sidebarViewportRef = useRef(null);
+    const contentRefs = useRef({});
+    const sidebarItemRefs = useRef({});
+    const railItemRefs = useRef({});
+    const pendingContentAlignmentRef = useRef(null);
+    const queuedAlignmentFrameRef = useRef(null);
+    const hasAppliedInitialSelectionRef = useRef(false);
+    const registerContentItem = useCallback((id) => (node) => {
+        contentRefs.current[id] = node;
+    }, []);
+    const registerSidebarItem = useCallback((id) => (node) => {
+        sidebarItemRefs.current[id] = node;
+    }, []);
+    const registerRailItem = useCallback((id) => (node) => {
+        railItemRefs.current[id] = node;
+    }, []);
+    const registerSidebarViewport = useCallback((node) => {
+        sidebarViewportRef.current = node;
+    }, []);
+    const scrollContentToItem = useCallback((id) => {
+        const scrollRoot = contentContainerRef.current;
+        const element = contentRefs.current[id];
+        const sidebarViewport = sidebarViewportRef.current;
+        if (scrollRoot && element) {
+            if (topAlignedId && id === topAlignedId) {
+                scrollRoot.scrollTo({
+                    top: 0,
+                    behavior: "smooth",
+                });
+                return;
+            }
+            const elementRect = element.getBoundingClientRect();
+            const nextTop = sidebarViewport
+                ? scrollRoot.scrollTop +
+                    (elementRect.top - sidebarViewport.getBoundingClientRect().top)
+                : scrollRoot.scrollTop +
+                    (elementRect.top - scrollRoot.getBoundingClientRect().top) -
+                    contentTopOffset +
+                    readElementAlignmentOffset(element);
+            scrollRoot.scrollTo({
+                top: Math.max(nextTop, 0),
+                behavior: "smooth",
+            });
+            return;
+        }
+        element?.scrollIntoView({
+            behavior: "smooth",
+            block: topAlignedId && id === topAlignedId ? "start" : "nearest",
+        });
+    }, [contentTopOffset, topAlignedId]);
+    const queueContentAlignment = useCallback((id) => {
+        pendingContentAlignmentRef.current = id;
+        if (!enabled)
+            return;
+        if (typeof window === "undefined") {
+            pendingContentAlignmentRef.current = null;
+            scrollContentToItem(id);
+            return;
+        }
+        if (queuedAlignmentFrameRef.current != null) {
+            window.cancelAnimationFrame(queuedAlignmentFrameRef.current);
+        }
+        queuedAlignmentFrameRef.current = window.requestAnimationFrame(() => {
+            queuedAlignmentFrameRef.current = window.requestAnimationFrame(() => {
+                const targetId = pendingContentAlignmentRef.current;
+                pendingContentAlignmentRef.current = null;
+                queuedAlignmentFrameRef.current = null;
+                if (!targetId)
+                    return;
+                scrollContentToItem(targetId);
+            });
+        });
+    }, [enabled, scrollContentToItem]);
+    useEffect(() => () => {
+        if (queuedAlignmentFrameRef.current != null &&
+            typeof window !== "undefined") {
+            window.cancelAnimationFrame(queuedAlignmentFrameRef.current);
+        }
+    }, []);
+    useEffect(() => {
+        if (!enabled || !selectedId)
+            return;
+        const alignToTop = topAlignedId != null && selectedId === topAlignedId;
+        const behavior = hasAppliedInitialSelectionRef.current ? "smooth" : "auto";
+        hasAppliedInitialSelectionRef.current = true;
+        scrollElementIntoNearestView(sidebarItemRefs.current[selectedId], alignToTop, behavior);
+        scrollElementIntoNearestView(railItemRefs.current[selectedId], alignToTop, behavior);
+    }, [enabled, selectedId, topAlignedId]);
+    return {
+        contentContainerRef,
+        queueContentAlignment,
+        registerContentItem,
+        registerRailItem,
+        registerSidebarItem,
+        registerSidebarViewport,
+        scrollContentToItem,
+    };
+}

package/packages/ui/src/hooks/useTimeout.d.ts

@@ -0,0 +1,5 @@
+export declare function useTimeout(): {
+    setTimeout: (callback: () => void, ms: number) => NodeJS.Timeout;
+    clearTimeout: (id: ReturnType<typeof setTimeout>) => void;
+};
+//# sourceMappingURL=useTimeout.d.ts.map

package/packages/ui/src/hooks/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useTimeout.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU;2BAGsB,MAAM,IAAI,MAAM,MAAM;uBAS1B,UAAU,CAAC,OAAO,UAAU,CAAC;EAgBxE"}

package/packages/ui/src/hooks/useTimeout.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useRef } from "react";
+export function useTimeout() {
+    const timeoutRefs = useRef(new Set());
+    const setSafeTimeout = useCallback((callback, ms) => {
+        const id = setTimeout(() => {
+            timeoutRefs.current.delete(id);
+            callback();
+        }, ms);
+        timeoutRefs.current.add(id);
+        return id;
+    }, []);
+    const clearSafeTimeout = useCallback((id) => {
+        clearTimeout(id);
+        timeoutRefs.current.delete(id);
+    }, []);
+    useEffect(() => {
+        const refs = timeoutRefs;
+        return () => {
+            for (const id of refs.current) {
+                clearTimeout(id);
+            }
+            refs.current.clear();
+        };
+    }, []);
+    return { setTimeout: setSafeTimeout, clearTimeout: clearSafeTimeout };
+}

package/packages/ui/src/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./components/composites";
+export * from "./components/composites/chat/chat-source";
+export * from "./components/primitives";
+export * from "./hooks";
+export * from "./layouts";
+export * from "./lib/floating-layers";
+export * from "./lib/utils";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0CAA0C,CAAC;AACzD,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/packages/ui/src/index.js

@@ -0,0 +1,7 @@
+export * from "./components/composites";
+export * from "./components/composites/chat/chat-source";
+export * from "./components/primitives";
+export * from "./hooks";
+export * from "./layouts";
+export * from "./lib/floating-layers";
+export * from "./lib/utils";

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type ChatPanelLayoutVariant = "full-overlay" | "companion-dock";
+export interface ChatPanelLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: ChatPanelLayoutVariant;
+    sidebar?: React.ReactNode;
+    mobileSidebar?: React.ReactNode;
+    showSidebar?: boolean;
+    thread: React.ReactNode;
+}
+export declare function ChatPanelLayout({ variant, sidebar, mobileSidebar, showSidebar, thread, className, ...props }: ChatPanelLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-panel-layout.d.ts.map

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-panel-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/chat-panel-layout/chat-panel-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAEvE,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAiCD,wBAAgB,eAAe,CAAC,EAC9B,OAAwB,EACxB,OAAO,EACP,aAAa,EACb,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuDtB"}

package/packages/ui/src/layouts/chat-panel-layout/chat-panel-layout.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+function useMatchMedia(query) {
+    const [matches, setMatches] = React.useState(() => typeof window !== "undefined" && typeof window.matchMedia === "function"
+        ? window.matchMedia(query).matches
+        : false);
+    React.useEffect(() => {
+        if (typeof window === "undefined" ||
+            typeof window.matchMedia !== "function") {
+            return;
+        }
+        const mediaQuery = window.matchMedia(query);
+        const handleChange = () => setMatches(mediaQuery.matches);
+        handleChange();
+        if (typeof mediaQuery.addEventListener === "function") {
+            mediaQuery.addEventListener("change", handleChange);
+            return () => mediaQuery.removeEventListener("change", handleChange);
+        }
+        mediaQuery.addListener(handleChange);
+        return () => mediaQuery.removeListener(handleChange);
+    }, [query]);
+    return matches;
+}
+export function ChatPanelLayout({ variant = "full-overlay", sidebar, mobileSidebar, showSidebar = false, thread, className, ...props }) {
+    const isCompanionDock = variant === "companion-dock";
+    const isNarrow = useMatchMedia("(max-width: 768px)");
+    const showMobileSidebar = isCompanionDock && showSidebar && isNarrow;
+    const showDesktopSidebar = !isCompanionDock || (showSidebar && !isNarrow);
+    return (_jsx("div", { className: cn(isCompanionDock
+            ? "absolute inset-0 z-10 flex flex-col bg-transparent pb-2 pt-2 sm:pb-4 sm:pt-4"
+            : "absolute inset-[max(1rem,6vh)_max(0.75rem,6vw)] z-[100] flex flex-col", className), "data-chat-game-overlay": !isCompanionDock || undefined, "data-chat-game-dock": isCompanionDock || undefined, ...props, children: _jsxs("div", { className: isCompanionDock
+                ? "relative flex min-h-0 flex-1 flex-col overflow-visible rounded-3xl bg-transparent pointer-events-none"
+                : "relative flex min-h-0 flex-1 flex-col rounded-3xl border border-border/60 shadow-[0_28px_90px_rgba(3,5,10,0.45)] ring-1 ring-white/5 overflow-hidden bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_86%,transparent))] backdrop-blur-xl", "data-chat-game-shell": true, children: [showMobileSidebar ? mobileSidebar : null, _jsxs("div", { className: "flex-1 flex min-h-0", children: [sidebar ? (_jsx("aside", { className: cn("w-[292px] shrink-0 xl:w-[320px]", showDesktopSidebar ? "hidden md:flex" : "hidden", isCompanionDock && "pointer-events-auto"), "data-chat-game-sidebar": true, children: sidebar })) : null, _jsx("section", { className: cn("flex-1 flex flex-col min-w-0 bg-transparent relative", isCompanionDock
+                                ? "overflow-visible pointer-events-auto"
+                                : "overflow-hidden"), "data-chat-game-thread": true, children: thread })] })] }) }));
+}

package/packages/ui/src/layouts/chat-panel-layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./chat-panel-layout";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/chat-panel-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/chat-panel-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/packages/ui/src/layouts/chat-panel-layout/index.js

@@ -0,0 +1 @@
+export * from "./chat-panel-layout";

package/packages/ui/src/layouts/content-layout/content-layout.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ContentLayout — single-pane layout shell for views without a sidebar.
+ *
+ * Uses the same shared workspace shell as PageLayout, but keeps the
+ * content header inside the scrollable column for single-pane pages.
+ */
+import type { ReactNode } from "react";
+export interface ContentLayoutProps {
+    /** Optional header rendered above the content (e.g. SegmentedControl nav). */
+    contentHeader?: ReactNode;
+    /** Content body. */
+    children: ReactNode;
+    /** When true, strips outer padding for modal embedding. */
+    inModal?: boolean;
+    /** Additional classes on the outer scroll container. */
+    className?: string;
+    /** Additional classes on the inner content wrapper. */
+    contentClassName?: string;
+}
+export declare function ContentLayout({ contentHeader, children, inModal, className, contentClassName, }: ContentLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=content-layout.d.ts.map

package/packages/ui/src/layouts/content-layout/content-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-layout.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/content-layout/content-layout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,kBAAkB,2CAYpB"}

package/packages/ui/src/layouts/content-layout/content-layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkspaceLayout } from "../workspace-layout";
+export function ContentLayout({ contentHeader, children, inModal, className, contentClassName, }) {
+    return (_jsx(WorkspaceLayout, { className: className, contentClassName: contentClassName, contentHeader: contentHeader, contentPadding: !inModal, headerPlacement: "inside", children: children }));
+}

package/packages/ui/src/layouts/content-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentLayout, type ContentLayoutProps } from "./content-layout";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/content-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/content-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/packages/ui/src/layouts/content-layout/index.js

@@ -0,0 +1 @@
+export { ContentLayout } from "./content-layout";

package/packages/ui/src/layouts/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./chat-panel-layout";
+export * from "./content-layout";
+export * from "./page-layout";
+export * from "./workspace-layout";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}

package/packages/ui/src/layouts/index.js

@@ -0,0 +1,4 @@
+export * from "./chat-panel-layout";
+export * from "./content-layout";
+export * from "./page-layout";
+export * from "./workspace-layout";

package/packages/ui/src/layouts/layout-test-utils.d.ts

@@ -0,0 +1,6 @@
+import type { SidebarProps } from "../components/composites/sidebar";
+export declare function installMatchMedia(matches: boolean): Set<(event: MediaQueryListEvent) => void>;
+export declare function enableTestRenderer(): void;
+export declare function disableTestRenderer(): void;
+export declare function SidebarProbe({ collapsible, mobileTitle, onMobileClose, testId, variant, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout-test-utils.d.ts.map

package/packages/ui/src/layouts/layout-test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-test-utils.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/layout-test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,eACd,mBAAmB,KAAK,IAAI,EAgC/D;AAED,wBAAgB,kBAAkB,SAEjC;AAED,wBAAgB,mBAAmB,SAElC;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,WAAW,EACX,aAAa,EACb,MAAwB,EACxB,OAAO,GACR,EAAE,YAAY,2CAad"}

package/packages/ui/src/layouts/layout-test-utils.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function installMatchMedia(matches) {
+    const listeners = new Set();
+    Object.defineProperty(window, "matchMedia", {
+        configurable: true,
+        writable: true,
+        value: () => ({
+            matches,
+            media: "(min-width: 768px)",
+            onchange: null,
+            addEventListener: (_, listener) => {
+                listeners.add(listener);
+            },
+            removeEventListener: (_, listener) => {
+                listeners.delete(listener);
+            },
+            addListener: (listener) => {
+                listeners.add(listener);
+            },
+            removeListener: (listener) => {
+                listeners.delete(listener);
+            },
+            dispatchEvent: () => true,
+        }),
+    });
+    return listeners;
+}
+export function enableTestRenderer() {
+    globalThis.__TEST_RENDERER__ = true;
+}
+export function disableTestRenderer() {
+    delete globalThis.__TEST_RENDERER__;
+}
+export function SidebarProbe({ collapsible, mobileTitle, onMobileClose, testId = "sidebar-probe", variant, }) {
+    return (_jsxs("aside", { "data-testid": testId, children: [_jsx("div", { children: `variant:${variant ?? "unset"}` }), _jsx("div", { children: `collapsible:${String(collapsible)}` }), _jsx("div", { children: mobileTitle ?? "Browse" }), onMobileClose ? (_jsx("button", { type: "button", onClick: onMobileClose, children: "Close sidebar" })) : null] }));
+}

package/packages/ui/src/layouts/page-layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./page-layout";
+export * from "./page-layout-header";
+export * from "./page-layout-mobile-drawer";
+export * from "./page-layout-types";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/layouts/page-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/layouts/page-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/packages/ui/src/layouts/page-layout/index.js

@@ -0,0 +1,4 @@
+export * from "./page-layout";
+export * from "./page-layout-header";
+export * from "./page-layout-mobile-drawer";
+export * from "./page-layout-types";