@moldable-ai/ui 0.2.20 → 0.2.22

package/dist/components/ui/message-scroller-policy.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Pure scroll-ownership policy for the chat transcript.
+ *
+ * One rule outranks everything: the reader's scroll intent wins instantly.
+ * Programmatic motion is explicit — every scroll the primitive itself starts
+ * declares a target — so any viewport movement that was not commanded is, by
+ * definition, the user. That includes native scrollbar drags, which emit no
+ * wheel, pointer, or key events at all.
+ *
+ * The previous stack (upstream shadcn primitive + a local layout-stability
+ * patch) ran two competing controllers with grace timers and an
+ * "autoscrolling" veto window; a scrollbar drag during streaming could not
+ * release follow mode, so the next content growth yanked the viewport back
+ * down. This module replaces both with a single mode machine, mirroring the
+ * MessageScrollerPolicy used by the iOS transcript.
+ */
+export type MessageScrollerMode = 
+/** Pinned to the newest output; content growth keeps the end in view. */
+'following-end'
+/** The reader owns the position; the scroller never moves it. */
+ | 'free'
+/** A turn anchor is pinned near the viewport top while output streams. */
+ | 'anchored'
+/** A commanded jump is in flight; resolves on arrival or user motion. */
+ | 'settling-jump';
+export type MessageScrollerResizeAction = 'stick-to-end' | 'reanchor' | 'preserve-reading-position' | 'none';
+export interface MessageScrollerScrollEvent {
+    scrollTop: number;
+    lastScrollTop: number;
+    atEnd: boolean;
+}
+export declare class MessageScrollerPolicy {
+    mode: MessageScrollerMode;
+    autoScroll: boolean;
+    /**
+     * The destination of the programmatic scroll currently in flight, if any.
+     * Smooth scrolls pass through many intermediate positions; they count as
+     * our own motion only while they keep approaching this target.
+     */
+    programmaticTarget: number | null;
+    private lastDistanceToTarget;
+    constructor(autoScroll: boolean);
+    get followsEnd(): boolean;
+    /** Declares a programmatic scroll about to start toward `target`. */
+    beginProgrammaticScroll(target: number): void;
+    /**
+     * Abandons an in-flight programmatic scroll that will never arrive (the
+     * animation was dropped or its target became unreachable). Subsequent
+     * movement is classified as the reader's.
+     */
+    cancelProgrammaticScroll(): void;
+    /**
+     * Classifies a scroll event and returns true when it was the reader's own
+     * motion. Programmatic motion is recognized by monotonic approach to the
+     * declared target; everything else — wheel, trackpad, keyboard, scrollbar
+     * drag, momentum — is user motion and takes ownership immediately.
+     */
+    handleScrollEvent(event: MessageScrollerScrollEvent): boolean;
+    /**
+     * Explicit input intent (wheel, touch, scroll keys). Upward intent releases
+     * immediately — before the scroll event lands — so a resize racing the
+     * same frame cannot pull the viewport down first.
+     */
+    handleUserIntent(direction: 'up' | 'down' | 'unknown'): void;
+    /** How a content size change may move the viewport in the current mode. */
+    resizeAction(): MessageScrollerResizeAction;
+    /** A new turn anchor was appended and commanded into view. */
+    anchorToTurn(): void;
+    beginJump(): void;
+    jumpToEnd(): void;
+    jumpToStart(): void;
+    release(): void;
+}
+//# sourceMappingURL=message-scroller-policy.d.ts.map

package/dist/components/ui/message-scroller-policy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller-policy.d.ts","sourceRoot":"","sources":["../../../src/components/ui/message-scroller-policy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,mBAAmB;AAC7B,yEAAyE;AACvE,eAAe;AACjB,iEAAiE;GAC/D,MAAM;AACR,0EAA0E;GACxE,UAAU;AACZ,yEAAyE;GACvE,eAAe,CAAA;AAEnB,MAAM,MAAM,2BAA2B,GACnC,cAAc,GACd,UAAU,GACV,2BAA2B,GAC3B,MAAM,CAAA;AAKV,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,qBAAa,qBAAqB;IAChC,IAAI,EAAE,mBAAmB,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAO;IACxC,OAAO,CAAC,oBAAoB,CAA2B;gBAE3C,UAAU,EAAE,OAAO;IAK/B,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,qEAAqE;IACrE,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK7C;;;;OAIG;IACH,wBAAwB,IAAI,IAAI;IAOhC;;;;;OAKG;IACH,iBAAiB,CAAC,KAAK,EAAE,0BAA0B,GAAG,OAAO;IA6B7D;;;;OAIG;IACH,gBAAgB,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI;IAK5D,2EAA2E;IAC3E,YAAY,IAAI,2BAA2B;IAgB3C,8DAA8D;IAC9D,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,IAAI;IAIjB,SAAS,IAAI,IAAI;IAIjB,WAAW,IAAI,IAAI;IAInB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/components/ui/message-scroller-policy.js

@@ -0,0 +1,129 @@
+/**
+ * Pure scroll-ownership policy for the chat transcript.
+ *
+ * One rule outranks everything: the reader's scroll intent wins instantly.
+ * Programmatic motion is explicit — every scroll the primitive itself starts
+ * declares a target — so any viewport movement that was not commanded is, by
+ * definition, the user. That includes native scrollbar drags, which emit no
+ * wheel, pointer, or key events at all.
+ *
+ * The previous stack (upstream shadcn primitive + a local layout-stability
+ * patch) ran two competing controllers with grace timers and an
+ * "autoscrolling" veto window; a scrollbar drag during streaming could not
+ * release follow mode, so the next content growth yanked the viewport back
+ * down. This module replaces both with a single mode machine, mirroring the
+ * MessageScrollerPolicy used by the iOS transcript.
+ */
+const SCROLL_EPSILON_PX = 0.5;
+const TARGET_ARRIVAL_PX = 1;
+export class MessageScrollerPolicy {
+    mode;
+    autoScroll;
+    /**
+     * The destination of the programmatic scroll currently in flight, if any.
+     * Smooth scrolls pass through many intermediate positions; they count as
+     * our own motion only while they keep approaching this target.
+     */
+    programmaticTarget = null;
+    lastDistanceToTarget = Number.POSITIVE_INFINITY;
+    constructor(autoScroll) {
+        this.autoScroll = autoScroll;
+        this.mode = autoScroll ? 'following-end' : 'free';
+    }
+    get followsEnd() {
+        return this.mode === 'following-end';
+    }
+    /** Declares a programmatic scroll about to start toward `target`. */
+    beginProgrammaticScroll(target) {
+        this.programmaticTarget = target;
+        this.lastDistanceToTarget = Number.POSITIVE_INFINITY;
+    }
+    /**
+     * Abandons an in-flight programmatic scroll that will never arrive (the
+     * animation was dropped or its target became unreachable). Subsequent
+     * movement is classified as the reader's.
+     */
+    cancelProgrammaticScroll() {
+        if (this.programmaticTarget === null)
+            return;
+        this.programmaticTarget = null;
+        this.lastDistanceToTarget = Number.POSITIVE_INFINITY;
+        if (this.mode === 'settling-jump')
+            this.mode = 'free';
+    }
+    /**
+     * Classifies a scroll event and returns true when it was the reader's own
+     * motion. Programmatic motion is recognized by monotonic approach to the
+     * declared target; everything else — wheel, trackpad, keyboard, scrollbar
+     * drag, momentum — is user motion and takes ownership immediately.
+     */
+    handleScrollEvent(event) {
+        if (this.programmaticTarget !== null) {
+            const distance = Math.abs(event.scrollTop - this.programmaticTarget);
+            if (distance <= TARGET_ARRIVAL_PX) {
+                this.programmaticTarget = null;
+                this.lastDistanceToTarget = Number.POSITIVE_INFINITY;
+                if (this.mode === 'settling-jump') {
+                    this.mode = event.atEnd && this.autoScroll ? 'following-end' : 'free';
+                }
+                return false;
+            }
+            if (distance <= this.lastDistanceToTarget + SCROLL_EPSILON_PX) {
+                this.lastDistanceToTarget = distance;
+                return false;
+            }
+            // Motion away from our own target: the reader grabbed the viewport
+            // mid-flight. The jump loses.
+            this.programmaticTarget = null;
+            this.lastDistanceToTarget = Number.POSITIVE_INFINITY;
+        }
+        const movedUp = event.scrollTop < event.lastScrollTop - SCROLL_EPSILON_PX;
+        const movedDown = event.scrollTop > event.lastScrollTop + SCROLL_EPSILON_PX;
+        if (!movedUp && !movedDown)
+            return false;
+        this.mode = event.atEnd && this.autoScroll ? 'following-end' : 'free';
+        return true;
+    }
+    /**
+     * Explicit input intent (wheel, touch, scroll keys). Upward intent releases
+     * immediately — before the scroll event lands — so a resize racing the
+     * same frame cannot pull the viewport down first.
+     */
+    handleUserIntent(direction) {
+        if (this.mode === 'following-end' && direction === 'down')
+            return;
+        this.mode = 'free';
+    }
+    /** How a content size change may move the viewport in the current mode. */
+    resizeAction() {
+        switch (this.mode) {
+            case 'following-end':
+                return 'stick-to-end';
+            case 'anchored':
+                return 'reanchor';
+            case 'settling-jump':
+                return 'none';
+            case 'free':
+                // A collapsing disclosure above the reader must not shift what they
+                // are looking at. Native scroll anchoring usually handles it; the
+                // caller re-pins the first visible stable leaf when it does not.
+                return 'preserve-reading-position';
+        }
+    }
+    /** A new turn anchor was appended and commanded into view. */
+    anchorToTurn() {
+        this.mode = 'anchored';
+    }
+    beginJump() {
+        this.mode = 'settling-jump';
+    }
+    jumpToEnd() {
+        this.mode = this.autoScroll ? 'following-end' : 'free';
+    }
+    jumpToStart() {
+        this.mode = 'free';
+    }
+    release() {
+        this.mode = 'free';
+    }
+}

package/dist/components/ui/message-scroller-primitive.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { type MessageScrollerDefaultScrollPosition, type MessageScrollerScrollAlign, type MessageScrollerScrollOptions, type MessageScrollerScrollable, type MessageScrollerVisibilityState } from './message-scroller-controller';
+type MessageScrollerProviderProps = {
+    children?: React.ReactNode;
+    autoScroll?: boolean;
+    defaultScrollPosition?: MessageScrollerDefaultScrollPosition;
+    scrollEdgeThreshold?: number;
+    scrollPreviousItemPeek?: number;
+    scrollMargin?: number;
+};
+declare function MessageScrollerProvider({ autoScroll, children, defaultScrollPosition, scrollEdgeThreshold, scrollPreviousItemPeek, scrollMargin, }: MessageScrollerProviderProps): import("react/jsx-runtime").JSX.Element;
+type MessageScrollerProps = React.ComponentProps<'div'>;
+declare function MessageScrollerRoot({ children, ...props }: MessageScrollerProps): import("react/jsx-runtime").JSX.Element;
+type MessageScrollerViewportProps = React.ComponentProps<'div'> & {
+    preserveScrollOnPrepend?: boolean;
+};
+declare function MessageScrollerViewport({ 'aria-label': ariaLabel, children, onKeyDown, onScroll, onTouchMove, onWheel, preserveScrollOnPrepend, ref, role, tabIndex, ...props }: MessageScrollerViewportProps): import("react/jsx-runtime").JSX.Element;
+type MessageScrollerContentProps = React.ComponentProps<'div'> & {
+    spacerClassName?: string;
+};
+declare function MessageScrollerContent({ 'aria-relevant': ariaRelevant, children, ref, role, spacerClassName, ...props }: MessageScrollerContentProps): import("react/jsx-runtime").JSX.Element;
+type MessageScrollerItemProps = React.ComponentProps<'div'> & {
+    messageId?: string;
+    scrollAnchor?: boolean;
+};
+declare function MessageScrollerItem({ messageId, ref, scrollAnchor, ...props }: MessageScrollerItemProps): import("react/jsx-runtime").JSX.Element;
+type MessageScrollerButtonDirection = 'start' | 'end';
+type MessageScrollerButtonRenderState = {
+    active: boolean;
+    direction: MessageScrollerButtonDirection;
+};
+type MessageScrollerButtonProps = Omit<React.ComponentProps<'button'>, 'children'> & {
+    behavior?: ScrollBehavior;
+    children?: React.ReactNode;
+    direction?: MessageScrollerButtonDirection;
+    render?: React.ReactElement<Record<string, unknown>> | ((props: Record<string, unknown>, state: MessageScrollerButtonRenderState) => React.ReactElement | null);
+};
+declare function MessageScrollerButton({ behavior, children, className, direction, onClick, render, tabIndex, type, ...props }: MessageScrollerButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare function useMessageScroller(): {
+    scrollToEnd: (options?: MessageScrollerScrollOptions) => boolean;
+    scrollToMessage: (messageId: string, options?: MessageScrollerScrollOptions) => boolean;
+    scrollToStart: (options?: MessageScrollerScrollOptions) => boolean;
+};
+declare function useMessageScrollerScrollable(): MessageScrollerScrollable;
+declare function useMessageScrollerVisibility(): MessageScrollerVisibilityState;
+declare const MessageScroller: {
+    Provider: typeof MessageScrollerProvider;
+    Root: typeof MessageScrollerRoot;
+    Viewport: typeof MessageScrollerViewport;
+    Content: typeof MessageScrollerContent;
+    Item: typeof MessageScrollerItem;
+    Button: typeof MessageScrollerButton;
+};
+export { MessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, type MessageScrollerDefaultScrollPosition, type MessageScrollerScrollAlign, type MessageScrollerScrollOptions, type MessageScrollerScrollable, type MessageScrollerVisibilityState, };
+//# sourceMappingURL=message-scroller-primitive.d.ts.map

package/dist/components/ui/message-scroller-primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller-primitive.d.ts","sourceRoot":"","sources":["../../../src/components/ui/message-scroller-primitive.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/message-scroller-primitive.js

@@ -0,0 +1,226 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { MessageScrollerController, } from './message-scroller-controller';
+/**
+ * The transcript scroller primitive, owned in-repo. Drop-in compatible with
+ * the `@shadcn/react/message-scroller` surface it replaces, but built around
+ * a single scroll-ownership policy (`message-scroller-policy.ts`) shared in
+ * design with the iOS transcript. See that module for the rules; the React
+ * layer here only wires DOM events and observers to the controller.
+ */
+const SCROLL_KEYS = new Set([
+    'ArrowDown',
+    'ArrowUp',
+    'End',
+    'Home',
+    'PageDown',
+    'PageUp',
+    ' ',
+]);
+const ControllerContext = React.createContext(null);
+const RegisterMessageContext = React.createContext(null);
+function useController() {
+    const controller = React.useContext(ControllerContext);
+    if (!controller) {
+        throw new Error('useMessageScroller must be used within a MessageScroller.');
+    }
+    return controller;
+}
+function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPosition = 'end', scrollEdgeThreshold = 8, scrollPreviousItemPeek = 64, scrollMargin = 0, }) {
+    const options = {
+        autoScroll,
+        defaultScrollPosition,
+        scrollEdgeThreshold,
+        scrollPreviousItemPeek,
+        scrollMargin,
+    };
+    const controllerRef = React.useRef(null);
+    controllerRef.current ??= new MessageScrollerController(options);
+    const controller = controllerRef.current;
+    const previousDefaultPosition = React.useRef(defaultScrollPosition);
+    if (previousDefaultPosition.current !== defaultScrollPosition) {
+        previousDefaultPosition.current = defaultScrollPosition;
+        controller.resetDefaultPosition();
+    }
+    controller.updateOptions(options);
+    React.useEffect(() => () => controller.destroy(), [controller]);
+    const registerMessage = React.useCallback((messageId, element, previous) => controller.registerMessage(messageId, element, previous), [controller]);
+    return (_jsx(ControllerContext.Provider, { value: controller, children: _jsx(RegisterMessageContext.Provider, { value: registerMessage, children: children }) }));
+}
+function MessageScrollerRoot({ children, ...props }) {
+    const controller = useController();
+    const setRoot = React.useCallback((element) => controller.setRoot(element), [controller]);
+    return (_jsx("div", { ref: setRoot, ...props, children: children }));
+}
+function MessageScrollerViewport({ 'aria-label': ariaLabel, children, onKeyDown, onScroll, onTouchMove, onWheel, preserveScrollOnPrepend = true, ref, role, tabIndex, ...props }) {
+    const controller = useController();
+    controller.preserveScrollOnPrepend = preserveScrollOnPrepend;
+    const setViewport = React.useCallback((element) => {
+        controller.setViewport(element);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [controller, ref]);
+    React.useEffect(() => {
+        const viewport = controller.viewportElement;
+        if (!viewport || typeof ResizeObserver === 'undefined')
+            return;
+        let frame = 0;
+        const observer = new ResizeObserver(() => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => controller.handleResize());
+        });
+        observer.observe(viewport);
+        return () => {
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+        };
+    }, [controller]);
+    return (_jsx("div", { ref: setViewport, role: role ?? 'region', "aria-label": ariaLabel ?? 'Messages', tabIndex: tabIndex ?? 0, onScroll: (event) => {
+            controller.handleScroll();
+            onScroll?.(event);
+        }, onWheel: (event) => {
+            controller.handleWheel(event.deltaY);
+            onWheel?.(event);
+        }, onTouchMove: (event) => {
+            controller.handleTouchMove();
+            onTouchMove?.(event);
+        }, onKeyDown: (event) => {
+            if (SCROLL_KEYS.has(event.key))
+                controller.handleScrollKey();
+            onKeyDown?.(event);
+        }, ...props, children: children }));
+}
+function MessageScrollerContent({ 'aria-relevant': ariaRelevant, children, ref, role, spacerClassName, ...props }) {
+    const controller = useController();
+    const contentRef = React.useRef(null);
+    const setContent = React.useCallback((element) => {
+        contentRef.current = element;
+        controller.setContent(element);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [controller, ref]);
+    const setSpacer = React.useCallback((element) => controller.setSpacer(element), [controller]);
+    React.useLayoutEffect(() => {
+        const content = contentRef.current;
+        if (!content)
+            return;
+        controller.handleContentMutation();
+        if (typeof MutationObserver === 'undefined')
+            return;
+        const observer = new MutationObserver(() => controller.handleContentMutation());
+        observer.observe(content, { childList: true });
+        return () => observer.disconnect();
+    }, [controller]);
+    React.useEffect(() => {
+        const content = contentRef.current;
+        if (!content || typeof ResizeObserver === 'undefined')
+            return;
+        let frame = 0;
+        const observer = new ResizeObserver(() => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => controller.handleResize());
+        });
+        observer.observe(content);
+        return () => {
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+        };
+    }, [controller]);
+    return (_jsxs("div", { ref: setContent, role: role ?? 'log', "aria-relevant": ariaRelevant ?? 'additions', ...props, children: [children, _jsx("div", { ref: setSpacer, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: spacerClassName })] }));
+}
+function MessageScrollerItem({ messageId, ref, scrollAnchor = false, ...props }) {
+    const registerMessage = React.useContext(RegisterMessageContext);
+    if (!registerMessage) {
+        throw new Error('MessageScrollerItem must be used within a MessageScroller.');
+    }
+    const elementRef = React.useRef(null);
+    const setElement = React.useCallback((element) => {
+        const previous = elementRef.current;
+        elementRef.current = element;
+        if (messageId)
+            registerMessage(messageId, element, previous);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [messageId, ref, registerMessage]);
+    return (_jsx("div", { ref: setElement, "data-message-id": messageId, "data-scroll-anchor": scrollAnchor ? 'true' : 'false', ...props }));
+}
+function MessageScrollerButton({ behavior = 'smooth', children, className, direction = 'end', onClick, render, tabIndex, type = 'button', ...props }) {
+    const controller = useController();
+    const store = controller.scrollableStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener), [store]);
+    const getActive = React.useCallback(() => {
+        const snapshot = store.getSnapshot();
+        return direction === 'start' ? snapshot.start : snapshot.end;
+    }, [direction, store]);
+    const active = React.useSyncExternalStore(subscribe, getActive, getActive);
+    const handleClick = (event) => {
+        if (!active)
+            return;
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        event.currentTarget.blur();
+        if (direction === 'start')
+            controller.scrollToStart({ behavior });
+        else
+            controller.scrollToEnd({ behavior });
+    };
+    const mergedProps = {
+        type,
+        className,
+        inert: active ? undefined : true,
+        tabIndex: active ? tabIndex : -1,
+        'data-active': active ? 'true' : 'false',
+        onClick: handleClick,
+        children: children ?? _jsxs("span", { children: ["Scroll to ", direction] }),
+        ...props,
+    };
+    const state = { active, direction };
+    if (!render)
+        return React.createElement('button', mergedProps);
+    if (typeof render === 'function')
+        return render(mergedProps, state);
+    if (!React.isValidElement(render))
+        return null;
+    const renderProps = render.props;
+    return React.cloneElement(render, {
+        ...mergedProps,
+        className: [renderProps.className, className].filter(Boolean).join(' '),
+        children,
+    });
+}
+function useMessageScroller() {
+    const controller = useController();
+    return React.useMemo(() => ({
+        scrollToEnd: controller.scrollToEnd,
+        scrollToMessage: controller.scrollToMessage,
+        scrollToStart: controller.scrollToStart,
+    }), [controller]);
+}
+function useMessageScrollerScrollable() {
+    const store = useController().scrollableStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener), [store]);
+    return React.useSyncExternalStore(subscribe, store.getSnapshot, store.getSnapshot);
+}
+function useMessageScrollerVisibility() {
+    const controller = useController();
+    const store = controller.visibilityStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener, () => controller.observeVisibility(), () => controller.unobserveVisibility()), [controller, store]);
+    return React.useSyncExternalStore(subscribe, store.getSnapshot, store.getSnapshot);
+}
+const MessageScroller = {
+    Provider: MessageScrollerProvider,
+    Root: MessageScrollerRoot,
+    Viewport: MessageScrollerViewport,
+    Content: MessageScrollerContent,
+    Item: MessageScrollerItem,
+    Button: MessageScrollerButton,
+};
+export { MessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };

package/dist/components/ui/message-scroller.d.ts

@@ -1,9 +1,9 @@
-import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
 import * as React from 'react';
 import { Button } from './button';
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from './message-scroller-primitive';
 declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
 declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function MessageScrollerViewport({ className, ref, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
 declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/message-scroller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/ui/message-scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,IAAI,wBAAwB,EAC3C,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,iBAAS,uBAAuB,CAC9B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAGtE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAW5D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAyBhE;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,OAAO,CAAC,2CAQ/D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAY5D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAqB,EACrB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,MAAM,CAAC,GAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAyB9D;AAED,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC7B,CAAA"}
+{"version":3,"file":"message-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/ui/message-scroller.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EACL,eAAe,IAAI,wBAAwB,EAC3C,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,8BAA8B,CAAA;AAErC,iBAAS,uBAAuB,CAC9B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAGtE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAW5D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAWhE;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,OAAO,CAAC,2CAQ/D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAY5D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAqB,EACrB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,MAAM,CAAC,GAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAyB9D;AAED,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC7B,CAAA"}

package/dist/components/ui/message-scroller.js

@@ -1,29 +1,17 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from '@shadcn/react/message-scroller';
 import { ArrowDown } from 'lucide-react';
-import * as React from 'react';
 import { cn } from '../../lib/utils';
 import { Button } from './button';
-import { useMessageScrollerLayoutStability } from './message-scroller-layout-stability';
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from './message-scroller-primitive';
 function MessageScrollerProvider(props) {
     return _jsx(MessageScrollerPrimitive.Provider, { ...props });
 }
 function MessageScroller({ className, ...props }) {
     return (_jsx(MessageScrollerPrimitive.Root, { "data-slot": "message-scroller", className: cn('group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden', className), ...props }));
 }
-function MessageScrollerViewport({ className, ref, ...props }) {
-    const viewportRef = React.useRef(null);
-    const { scrollToEnd } = useMessageScroller();
-    useMessageScrollerLayoutStability(viewportRef, scrollToEnd);
-    const setViewportRef = React.useCallback((element) => {
-        viewportRef.current = element;
-        if (typeof ref === 'function')
-            ref(element);
-        else if (ref)
-            ref.current = element;
-    }, [ref]);
-    return (_jsx(MessageScrollerPrimitive.Viewport, { ref: setViewportRef, "data-slot": "message-scroller-viewport", className: cn('message-scroller-viewport size-full min-h-0 min-w-0 overflow-y-auto overscroll-contain [contain:content] [scrollbar-gutter:stable]', className), ...props }));
+function MessageScrollerViewport({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Viewport, { "data-slot": "message-scroller-viewport", className: cn('message-scroller-viewport size-full min-h-0 min-w-0 overflow-y-auto overscroll-contain [contain:content] [scrollbar-gutter:stable]', className), ...props }));
 }
 function MessageScrollerContent({ className, ...props }) {
     return (_jsx(MessageScrollerPrimitive.Content, { "data-slot": "message-scroller-content", className: cn('flex h-max min-h-full flex-col', className), ...props }));

package/dist/components/ui/navigation-button-group.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ButtonGroup } from './button-group';
+import { type IconButtonProps, type IconButtonSize } from './icon-button';
+export interface NavigationButtonGroupProps extends Omit<React.ComponentProps<typeof ButtonGroup>, 'children' | 'orientation'> {
+    canGoBack?: boolean;
+    canGoForward?: boolean;
+    onBack: () => void;
+    onForward: () => void;
+    backLabel?: string;
+    forwardLabel?: string;
+    size?: IconButtonSize;
+    variant?: Extract<IconButtonProps['variant'], 'ghost' | 'outline'>;
+}
+declare function NavigationButtonGroup({ canGoBack, canGoForward, onBack, onForward, backLabel, forwardLabel, size, variant, 'aria-label': ariaLabel, ...props }: NavigationButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export { NavigationButtonGroup };
+//# sourceMappingURL=navigation-button-group.d.ts.map

package/dist/components/ui/navigation-button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,UAAU,GAAG,aAAa,CAC3B;IACD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;CACnE;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAgB,EAChB,YAAmB,EACnB,MAAM,EACN,SAAS,EACT,SAAqB,EACrB,YAA2B,EAC3B,IAAW,EACX,OAAiB,EACjB,YAAY,EAAE,SAAwB,EACtC,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAyB5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/ui/navigation-button-group.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import { ButtonGroup } from './button-group';
+import { IconButton, } from './icon-button';
+function NavigationButtonGroup({ canGoBack = true, canGoForward = true, onBack, onForward, backLabel = 'Go back', forwardLabel = 'Go forward', size = 'sm', variant = 'ghost', 'aria-label': ariaLabel = 'Navigation', ...props }) {
+    return (_jsxs(ButtonGroup, { "aria-label": ariaLabel, orientation: "horizontal", ...props, children: [_jsx(IconButton, { label: backLabel, tooltip: true, size: size, variant: variant, disabled: !canGoBack, onClick: onBack, children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { label: forwardLabel, tooltip: true, size: size, variant: variant, disabled: !canGoForward, onClick: onForward, children: _jsx(ChevronRightIcon, {}) })] }));
+}
+export { NavigationButtonGroup };

package/dist/components/ui/popover.d.ts

@@ -1,11 +1,18 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
+import { type MaterialVariant } from './material';
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverPortal({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverClose({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, material, sideOffset, size, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    material?: MaterialVariant;
+    size?: 'content' | 'sm' | 'default' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
+declare function PopoverArrow({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverHeader, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQxE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,YAAY,CAAA;AAE3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAErD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,QAAoB,EACpB,UAAc,EACd,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACzD,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC3C,2CAsBA;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQxE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQrD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAA"}