@fastsprout/reacd-shadcn 0.0.0-stage → 0.3.0

package/dist/shared/carousel/focus-boundary.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component, createRef } from 'react';
+export class CarouselFocusBoundary extends Component {
+    container = createRef();
+    getSnapshotBeforeUpdate(previous) {
+        const root = this.container.current;
+        if (previous.activeKey === this.props.activeKey || root === null)
+            return false;
+        const panel = root.querySelector(`[data-carousel-index="${previous.value}"]`);
+        return panel !== null && panel.contains(root.ownerDocument.activeElement);
+    }
+    componentDidUpdate(_previous, _state, repair) {
+        if (repair)
+            this.container.current?.focus();
+    }
+    render() {
+        return (_jsx("div", { ref: this.container, className: "reacd-node reacd-carousel", role: "region", "aria-label": this.props.label, "aria-roledescription": "carousel", tabIndex: 0, onKeyDown: this.props.onKeyDown, children: this.props.children }));
+    }
+}

package/dist/shared/changelog-version/changelog-version.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { ChangelogVersionProps } from '@fastsprout/reacd/adapter-runtime/components/changelog-version/index.js';
+export declare function SharedChangelogVersion(props: ChangelogVersionProps): ReactNode;

package/dist/shared/changelog-version/changelog-version.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EditorialEntrySurface } from '@fastsprout/reacd/adapter-runtime/renderer/editorial/editorial-entry.js';
+export function SharedChangelogVersion(props) {
+    return _jsx(EditorialEntrySurface, { ...props, kind: "changelog" });
+}

package/dist/shared/changelog-versions/changelog-versions.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { ChangelogVersionsProps } from '@fastsprout/reacd/adapter-runtime/components/changelog-versions/index.js';
+export declare function SharedChangelogVersions({ children, versions, indicator, }: ChangelogVersionsProps): ReactNode;

package/dist/shared/changelog-versions/changelog-versions.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { ChangelogVersion } from '@fastsprout/reacd/adapter-runtime/components/changelog-version/changelog-version.js';
+import { EDITORIAL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/editorial-policy.js';
+import { EditorialIndicatorContext } from '@fastsprout/reacd/adapter-runtime/renderer/editorial/indicator-context.js';
+export function SharedChangelogVersions({ children, versions = EDITORIAL_DEFAULTS.entries, indicator = EDITORIAL_DEFAULTS.indicator, }) {
+    return (_jsx(EditorialIndicatorContext.Provider, { value: indicator, children: _jsxs("ul", { className: "reacd-node reacd-editorial-collection", "data-orientation": "vertical", children: [versions.map(({ key, ...entry }) => (_jsx("li", { children: _jsx(ChangelogVersion, { ...entry }) }, key))), Children.map(children, (child) => (child == null ? null : _jsx("li", { children: child })))] }) }));
+}

package/dist/shared/chart/cartesian.d.ts

@@ -0,0 +1,5 @@
+import type { ChartProps } from '@fastsprout/reacd/adapter-runtime/components/chart/index.js';
+export declare function ChartCartesian({ series, categories, kind, reverse, id, }: Pick<ChartProps, 'series' | 'categories' | 'kind'> & {
+    reverse: boolean;
+    id: string;
+}): import("react").JSX.Element;

package/dist/shared/chart/cartesian.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CHART_POLICY as P } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+import { chartPoints, chartDomain, chartY, chartLinePath, chartAreaPath, } from '@fastsprout/reacd/adapter-runtime/core/chart-geometry.js';
+import { ChartMarker, ChartPattern } from './patterns.js';
+import { chartDash } from './legend.js';
+export function ChartCartesian({ series, categories, kind, reverse, id, }) {
+    const domain = chartDomain(series.map((item) => item.values));
+    const baseline = chartY(P.zero, domain);
+    const barWidth = (((P.width - P.padding * P.midpoint) / (categories.length + P.unitDomain)) *
+        P.barGroupRatio) /
+        series.length;
+    return (_jsxs(_Fragment, { children: [_jsx("defs", { children: series.map((item, index) => (_jsx(ChartPattern, { id: id, index: index }, item.id))) }), _jsx("line", { x1: P.padding, x2: P.width - P.padding, y1: baseline, y2: baseline, stroke: "currentColor", strokeWidth: P.strokeWidth }), series.map((item, index) => (_jsx("g", { "data-series": item.id, children: chartPoints(item.values, domain, reverse).map((points, segment) => (_jsx("g", { children: kind === 'bar' ? (points.map((point) => (_jsx("rect", { x: point.x + (index - series.length / P.midpoint) * barWidth, y: Math.min(baseline, point.y), width: barWidth, height: Math.abs(baseline - point.y), fill: `url(#${id}-${index})`, stroke: "currentColor", strokeWidth: P.strokeWidth }, point.index)))) : (_jsxs(_Fragment, { children: [_jsx("path", { d: kind === 'area'
+                                    ? chartAreaPath(points, baseline)
+                                    : chartLinePath(points), fill: kind === 'area' ? `url(#${id}-${index})` : 'none', stroke: "currentColor", strokeWidth: P.strokeWidth, strokeDasharray: chartDash(index) }), points.map((point) => (_jsx(ChartMarker, { x: point.x, y: point.y, index: index }, point.index)))] })) }, segment))) }, item.id)))] }));
+}

package/dist/shared/chart/chart-graphic.d.ts

@@ -0,0 +1,2 @@
+import type { ChartProps } from '@fastsprout/reacd/adapter-runtime/components/chart/index.js';
+export declare function ChartGraphic({ kind, ...props }: ChartProps): import("react").JSX.Element;

package/dist/shared/chart/chart-graphic.js

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { useDirection } from '@base-ui/react/direction-provider';
+import { CHART_POLICY as P, CHART_DEFAULTS as D, } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+import { chartDonutSlices } from '@fastsprout/reacd/adapter-runtime/core/chart-geometry.js';
+import { ChartCartesian } from './cartesian.js';
+import { ChartPattern } from './patterns.js';
+export function ChartGraphic({ kind = D.kind, ...props }) {
+    const id = useId();
+    const direction = useDirection();
+    return (_jsxs("svg", { className: "reacd-chart-graphic", role: "img", viewBox: `${P.zero} ${P.zero} ${P.width} ${P.height}`, "aria-labelledby": `${id}-title`, "aria-describedby": `${id}-description`, children: [_jsx("title", { id: `${id}-title`, children: props.label }), _jsx("desc", { id: `${id}-description`, children: props.description }), kind === 'donut' ? (_jsxs(_Fragment, { children: [_jsx("defs", { children: props.categories.map((item, index) => (_jsx(ChartPattern, { id: id, index: index }, item.id))) }), props.series
+                        .flatMap((item) => chartDonutSlices(item.values))
+                        .map((slice) => (_jsx("path", { "data-slice": slice.index, d: slice.path, fill: `url(#${id}-${slice.index})`, stroke: "currentColor", strokeWidth: P.strokeWidth }, slice.index)))] })) : (_jsx(ChartCartesian, { ...props, kind: kind, reverse: direction === 'rtl', id: id }))] }));
+}

package/dist/shared/chart/chart-table.d.ts

@@ -0,0 +1,2 @@
+import type { ChartProps } from '@fastsprout/reacd/adapter-runtime/components/chart/index.js';
+export declare function ChartTable({ label, categories, series }: ChartProps): import("react").JSX.Element;

package/dist/shared/chart/chart-table.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CHART_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+export function ChartTable({ label, categories, series }) {
+    const caption = `${label} data`;
+    return (_jsx("div", { className: "reacd-table-scroll", role: "region", "aria-label": caption, tabIndex: 0, children: _jsxs("table", { className: "reacd-table reacd-chart-table", children: [_jsx("caption", { children: caption }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: CHART_DEFAULTS.categoryLabel }), series.map((item) => (_jsx("th", { scope: "col", children: item.label }, item.id)))] }) }), _jsx("tbody", { children: categories.map((category, index) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", children: category.label }), series.map((item) => (_jsx("td", { children: item.values.at(index) ?? CHART_DEFAULTS.missingValue }, item.id)))] }, category.id))) })] }) }));
+}

package/dist/shared/chart/chart.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChartProps } from '@fastsprout/reacd/adapter-runtime/components/chart/index.js';
+export declare function SharedChart({ kind, state, emptyMessage, loadingMessage, errorMessage, retryLabel, onRetry, ...data }: ChartProps): import("react").JSX.Element;

package/dist/shared/chart/chart.adapter.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CHART_DEFAULTS as D, CHART_POLICY as P, } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+import { ChartGraphic } from './chart-graphic.js';
+import { ChartTable } from './chart-table.js';
+import { ChartLegend } from './legend.js';
+import { Button } from '../primitives/button.js';
+export function SharedChart({ kind = D.kind, state, emptyMessage = D.emptyMessage, loadingMessage = D.loadingMessage, errorMessage = D.errorMessage, retryLabel = D.retryLabel, onRetry, ...data }) {
+    if (state === 'loading')
+        return _jsx("p", { role: "status", children: loadingMessage });
+    if (state === 'error')
+        return (_jsxs("div", { className: "reacd-vstack", children: [_jsx("p", { role: "alert", children: errorMessage }), onRetry === undefined ? null : (_jsx(Button, { className: "reacd-button", type: "button", onClick: () => onRetry(), children: retryLabel }))] }));
+    if (data.categories.length === P.zero || data.series.length === P.zero)
+        return _jsx("p", { role: "status", children: emptyMessage });
+    const emptyDonut = kind === 'donut' &&
+        !data.series.some((item) => item.values.some((value) => value !== null && value > P.zero));
+    return (_jsxs("figure", { className: "reacd-node reacd-chart", children: [_jsx("figcaption", { children: data.label }), _jsx("p", { children: data.description }), emptyDonut ? (_jsx("p", { role: "status", children: emptyMessage })) : (_jsx(ChartGraphic, { ...data, kind: kind })), _jsx(ChartLegend, { ...data, kind: kind }), _jsx(ChartTable, { ...data })] }));
+}

package/dist/shared/chart/legend.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from '@fastsprout/reacd/adapter-runtime/components/chart/index.js';
+export declare function chartDash(index: number): string;
+export declare function ChartLegend({ kind, categories, series }: ChartProps): import("react").JSX.Element;

package/dist/shared/chart/legend.js

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { CHART_POLICY as P, CHART_DEFAULTS as D, } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+import { ChartMarker, ChartPattern } from './patterns.js';
+export function chartDash(index) {
+    return index === P.zero
+        ? 'none'
+        : `${(index + P.unitDomain) * P.dashUnit} ${P.dashGap}`;
+}
+export function ChartLegend({ kind, categories, series }) {
+    const id = useId();
+    const items = kind === 'donut' ? categories : series;
+    return (_jsx("ul", { className: "reacd-chart-legend", "aria-label": D.seriesLabel, children: items.map((item, index) => (_jsxs("li", { children: [_jsxs("svg", { "aria-hidden": "true", viewBox: `${P.zero} ${P.zero} ${P.padding} ${P.padding}`, children: [_jsx("defs", { children: _jsx(ChartPattern, { id: id, index: index }) }), kind === 'line' ? (_jsxs(_Fragment, { children: [_jsx("line", { x1: P.zero, x2: P.padding, y1: P.padding / P.midpoint, y2: P.padding / P.midpoint, stroke: "currentColor", strokeWidth: P.strokeWidth, strokeDasharray: chartDash(index) }), _jsx(ChartMarker, { x: P.padding / P.midpoint, y: P.padding / P.midpoint, index: index })] })) : (_jsx("rect", { x: P.markerRadius, y: P.markerRadius, width: P.padding - P.markerRadius * P.midpoint, height: P.padding - P.markerRadius * P.midpoint, fill: `url(#${id}-${index})`, stroke: "currentColor", strokeWidth: P.strokeWidth }))] }), item.label] }, item.id))) }));
+}

package/dist/shared/chart/patterns.d.ts

@@ -0,0 +1,9 @@
+export declare function ChartPattern({ id, index }: {
+    id: string;
+    index: number;
+}): import("react").JSX.Element;
+export declare function ChartMarker({ x, y, index }: {
+    x: number;
+    y: number;
+    index: number;
+}): import("react").JSX.Element;

package/dist/shared/chart/patterns.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CHART_POLICY as P } from '@fastsprout/reacd/adapter-runtime/core/chart-policy.js';
+export function ChartPattern({ id, index }) {
+    return (_jsx("pattern", { id: `${id}-${index}`, patternUnits: "userSpaceOnUse", width: P.patternSize, height: P.patternSize, patternTransform: `rotate(${index * P.patternRotationStep})`, children: _jsx("path", { d: `M ${P.zero} ${P.zero} L ${P.zero} ${P.patternSize}`, fill: "none", stroke: "currentColor", strokeWidth: P.strokeWidth }) }));
+}
+export function ChartMarker({ x, y, index }) {
+    return index % P.midpoint === P.zero ? (_jsx("circle", { cx: x, cy: y, r: P.markerRadius, fill: "currentColor" })) : (_jsx("rect", { x: x - P.markerRadius, y: y - P.markerRadius, width: P.markerRadius * P.midpoint, height: P.markerRadius * P.midpoint, fill: "currentColor" }));
+}

package/dist/shared/chat-attachment/chat-attachment.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatAttachmentProps } from '@fastsprout/reacd/adapter-runtime/components/chat-attachment/index.js';
+export declare function SharedChatAttachment({ name, mediaType, url, description, status, onRemove, disabled, }: ChatAttachmentProps): import("react").JSX.Element;

package/dist/shared/chat-attachment/chat-attachment.adapter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CHAT_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-policy.js';
+import { useChatLoadingRole } from '@fastsprout/reacd/adapter-runtime/renderer/chat-feedback/loading-scope.js';
+import { Button } from '../primitives/button.js';
+import { Card } from '../primitives/card.js';
+export function SharedChatAttachment({ name, mediaType, url, description, status = CHAT_DEFAULTS.attachmentStatus, onRemove, disabled, }) {
+    const [failedUrl, setFailedUrl] = useState();
+    const loadingRole = useChatLoadingRole();
+    const image = mediaType.startsWith('image/') && url !== undefined && url !== failedUrl;
+    return (_jsxs(Card, { className: "reacd-node reacd-chat-attachment", "data-status": status, "aria-label": name, children: [image ? (_jsx("img", { className: "reacd-chat-file-image", src: url, alt: name, "aria-busy": status === 'uploading', decoding: "async", loading: "lazy", referrerPolicy: "no-referrer", onError: () => setFailedUrl(url) })) : (_jsx("span", { className: "reacd-chat-file-kind", "aria-hidden": "true", children: CHAT_DEFAULTS.fileLabel })), _jsxs("span", { className: "reacd-chat-file-description", children: [_jsx("span", { className: "reacd-chat-file-name", "aria-busy": status === 'uploading', children: name }), _jsx("span", { "aria-busy": status === 'uploading', children: description ?? mediaType }), status === 'uploading' && (_jsx("span", { role: loadingRole, children: CHAT_DEFAULTS.uploadingLabel })), status === 'error' && (_jsx("span", { role: "alert", children: CHAT_DEFAULTS.uploadErrorLabel }))] }), onRemove !== undefined && (_jsx(Button, { className: "reacd-button", variant: "outline", type: "button", disabled: disabled, onClick: () => onRemove(), children: `${CHAT_DEFAULTS.removePrefix} ${name}` }))] }));
+}

package/dist/shared/chat-disclosure/chat-disclosure.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export declare function ChatDisclosure({ label, open, onOpenChange, disabled, active, children, }: {
+    label: string;
+    open: boolean;
+    onOpenChange: (value: boolean) => void;
+    disabled: boolean | undefined;
+    active: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/shared/chat-disclosure/chat-disclosure.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { Collapsible as Primitive } from '@base-ui/react/collapsible';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { SharedChatShimmer } from '../chat-shimmer/chat-shimmer.adapter.js';
+import { Button } from '../primitives/button.js';
+export function ChatDisclosure({ label, open, onOpenChange, disabled, active, children, }) {
+    const ancestorActive = useContext(PortalActiveContext);
+    return (_jsxs(Primitive.Root, { className: "reacd-node reacd-collapsible reacd-chat-disclosure", open: open, disabled: disabled, onOpenChange: (value) => onOpenChange(value), children: [_jsxs(Primitive.Trigger, { "aria-label": label, className: "reacd-collapsible-trigger", render: _jsx(Button, { variant: "outline" }), children: [_jsx(SharedChatShimmer, { text: label, active: active }), _jsx("span", { "aria-hidden": "true", children: open ? '−' : '+' })] }), _jsx(Primitive.Panel, { className: "reacd-collapsible-panel reacd-chat-feedback-details", role: "region", "aria-label": label, hidden: !open, "aria-busy": active, children: _jsx(PortalActiveContext.Provider, { value: open && ancestorActive, children: children }) })] }));
+}

package/dist/shared/chat-message/chat-message.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatMessageProps } from '@fastsprout/reacd/adapter-runtime/components/chat-message/index.js';
+export declare function SharedChatMessage({ id, author, role, content, attachments, actions, status, error, }: ChatMessageProps): import("react").JSX.Element;

package/dist/shared/chat-message/chat-message.adapter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { CHAT_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-policy.js';
+import { useChatLoadingRole } from '@fastsprout/reacd/adapter-runtime/renderer/chat-feedback/loading-scope.js';
+import { SharedChatAttachment } from '../chat-attachment/chat-attachment.adapter.js';
+import { Button } from '../primitives/button.js';
+import { Card } from '../primitives/card.js';
+export function SharedChatMessage({ id, author, role, content, attachments, actions, status = CHAT_DEFAULTS.messageStatus, error, }) {
+    const authorId = useId();
+    const loadingRole = useChatLoadingRole();
+    return (_jsx("article", { className: "reacd-node reacd-chat-message", "data-message-id": id, "data-role": role, "data-status": status, "aria-labelledby": authorId, children: _jsxs(Card, { className: "reacd-chat-message-content", children: [_jsxs("header", { className: "reacd-chat-message-author", children: [_jsx("strong", { id: authorId, children: author }), _jsx("span", { children: role })] }), _jsx("p", { className: "reacd-chat-message-text", "aria-busy": status === 'streaming', children: content }), attachments !== undefined && (_jsx("ul", { className: "reacd-chat-attachments", "aria-label": "Message attachments", children: attachments.map((attachment, index) => (_jsx("li", { children: _jsx(SharedChatAttachment, { ...attachment }) }, index))) })), status === 'streaming' && (_jsx("p", { role: loadingRole, children: CHAT_DEFAULTS.streamingLabel })), status === 'error' && _jsx("p", { role: "alert", children: error ?? CHAT_DEFAULTS.errorLabel }), actions !== undefined && (_jsx("div", { className: "reacd-chat-actions", role: "group", "aria-label": "Message actions", children: actions.map((action) => (_jsx(Button, { className: "reacd-button", variant: "outline", type: "button", onClick: () => action.onPress(), disabled: action.disabled, children: action.label }, action.id))) }))] }) }));
+}

package/dist/shared/chat-messages/chat-messages.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatMessagesProps } from '@fastsprout/reacd/adapter-runtime/components/chat-messages/index.js';
+export declare function SharedChatMessages({ label, messages, status, error, onRetry, followLatest, emptyLabel, }: ChatMessagesProps): import("react").JSX.Element;

package/dist/shared/chat-messages/chat-messages.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CHAT_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-policy.js';
+import { ChatLoadingScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-feedback/loading-scope.js';
+import { SharedChatMessage } from '../chat-message/chat-message.adapter.js';
+import { Button } from '../primitives/button.js';
+import { useFollowLatest } from './use-follow-latest.js';
+export function SharedChatMessages({ label, messages, status = CHAT_DEFAULTS.status, error, onRetry, followLatest = CHAT_DEFAULTS.followLatest, emptyLabel = CHAT_DEFAULTS.emptyLabel, }) {
+    const { viewport, latest, scroll, showLatest } = useFollowLatest(followLatest, messages, status);
+    const pending = status === 'submitted' || status === 'streaming';
+    return (_jsxs("section", { className: "reacd-node reacd-chat-messages", "aria-label": label, children: [_jsx(ChatLoadingScopeContext, { value: pending, children: _jsxs("div", { className: "reacd-chat-log", ref: viewport, role: "log", "aria-label": label, "aria-live": "polite", "aria-atomic": "false", "aria-busy": pending, tabIndex: 0, onScroll: scroll, children: [messages.length === 0 && status === 'ready' && _jsx("p", { children: emptyLabel }), messages.map((message) => (_jsx(SharedChatMessage, { ...message }, message.id)))] }) }), pending && (_jsx("p", { role: "status", children: status === 'submitted'
+                    ? CHAT_DEFAULTS.submittedLabel
+                    : CHAT_DEFAULTS.streamingLabel })), status === 'error' && (_jsxs("div", { className: "reacd-chat-error", children: [_jsx("p", { role: "alert", children: error ?? CHAT_DEFAULTS.errorLabel }), onRetry !== undefined && (_jsx(Button, { className: "reacd-button", type: "button", onClick: () => onRetry(), children: CHAT_DEFAULTS.retryLabel }))] })), showLatest && (_jsx(Button, { className: "reacd-button", variant: "outline", type: "button", onClick: latest, children: CHAT_DEFAULTS.latestLabel }))] }));
+}

package/dist/shared/chat-messages/use-follow-latest.d.ts

@@ -0,0 +1,6 @@
+export declare function useFollowLatest(enabled: boolean, revision: object, status: string): {
+    viewport: import("react").RefObject<HTMLDivElement | null>;
+    latest: () => void;
+    scroll: () => void;
+    showLatest: boolean;
+};

package/dist/shared/chat-messages/use-follow-latest.js

@@ -0,0 +1,33 @@
+import { useLayoutEffect, useRef, useState } from 'react';
+import { CHAT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/chat-policy.js';
+export function useFollowLatest(enabled, revision, status) {
+    const viewport = useRef(null);
+    const following = useRef(true);
+    const [showLatest, setShowLatest] = useState(false);
+    function follow() {
+        const element = viewport.current;
+        if (element === null)
+            return;
+        element.scrollTop = element.scrollHeight;
+        following.current = true;
+        setShowLatest(false);
+        return element;
+    }
+    function latest() {
+        follow()?.focus({ preventScroll: true });
+    }
+    function scroll() {
+        const element = viewport.current;
+        if (element === null || !enabled)
+            return;
+        following.current =
+            element.scrollHeight - element.scrollTop - element.clientHeight <=
+                CHAT_POLICY.bottomDistancePx;
+        setShowLatest(!following.current);
+    }
+    useLayoutEffect(() => {
+        if (enabled && following.current)
+            follow();
+    }, [enabled, revision, status]);
+    return { viewport, latest, scroll, showLatest: enabled && showLatest };
+}

package/dist/shared/chat-palette/chat-palette.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatPaletteProps } from '@fastsprout/reacd/adapter-runtime/components/chat-palette/index.js';
+export declare function SharedChatPalette({ label, children, prompt }: ChatPaletteProps): import("react").JSX.Element;

package/dist/shared/chat-palette/chat-palette.adapter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SharedChatPalette({ label, children, prompt }) {
+    return (_jsxs("section", { className: "reacd-node reacd-chat-palette", "aria-label": label, children: [_jsx("div", { className: "reacd-chat-palette-content", children: children }), prompt !== undefined && (_jsx("footer", { className: "reacd-chat-palette-prompt", children: prompt }))] }));
+}

package/dist/shared/chat-prompt/chat-prompt.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatPromptProps } from '@fastsprout/reacd/adapter-runtime/components/chat-prompt/index.js';
+export declare function SharedChatPrompt(properties: ChatPromptProps): import("react").JSX.Element;

package/dist/shared/chat-prompt/chat-prompt.adapter.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+import { ChatLoadingScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-feedback/loading-scope.js';
+import { PromptScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+import { TrustedFormBoundary } from '@fastsprout/reacd/adapter-runtime/renderer/form/form-boundary.js';
+import { SharedChatAttachment } from '../chat-attachment/chat-attachment.adapter.js';
+import { SharedChatPromptSubmit } from '../chat-prompt-submit/chat-prompt-submit.adapter.js';
+import { usePromptControls } from './use-prompt-controls.js';
+export function SharedChatPrompt(properties) {
+    const { label, value, placeholder, description, error, footer, attachments = [], onRemoveAttachment, } = properties;
+    const id = useId();
+    const { form, focus, blur, keyDown, change, compositionStart, compositionEnd, unavailable, readOnly, status, scope, } = usePromptControls(properties);
+    const busy = status === 'submitted' || status === 'streaming';
+    const describedBy = [
+        description === undefined ? '' : `${id}-description`,
+        status === 'error' ? `${id}-error` : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(TrustedFormBoundary, { children: _jsx(PromptScopeContext.Provider, { value: scope, children: _jsxs("form", { ref: form, className: "reacd-node reacd-chat-prompt", "aria-label": label, onFocusCapture: focus, onBlurCapture: blur, onSubmit: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    scope.submit();
+                }, children: [_jsx(ChatLoadingScopeContext, { value: busy, children: _jsxs("div", { className: "reacd-chat-prompt-content", "aria-busy": busy, children: [_jsx("label", { htmlFor: id, children: label }), description !== undefined && (_jsx("p", { id: `${id}-description`, children: description })), attachments.length > 0 && (_jsx("div", { className: "reacd-chat-prompt-files", children: attachments.map(({ id: fileId, removable, ...file }) => (_jsx(SharedChatAttachment, { ...file, disabled: unavailable || readOnly, ...(onRemoveAttachment === undefined || removable === false
+                                            ? {}
+                                            : {
+                                                onRemove: () => onRemoveAttachment(fileId),
+                                            }) }, fileId))) })), _jsx("textarea", { id: id, value: value, placeholder: placeholder, rows: CHAT_COMPOSER_POLICY.rows, maxLength: CHAT_COMPOSER_POLICY.maxDraftLength, disabled: unavailable, readOnly: readOnly, "aria-invalid": status === 'error', "aria-describedby": describedBy || undefined, onChange: (event) => change(event.currentTarget.value), onKeyDown: keyDown, onCompositionStart: compositionStart, onCompositionEnd: compositionEnd })] }) }), busy && _jsx("p", { role: "status", children: CHAT_COMPOSER_DEFAULTS.pendingLabel }), status === 'error' && (_jsx("p", { role: "alert", id: `${id}-error`, children: error ?? CHAT_COMPOSER_DEFAULTS.errorMessage })), _jsx("div", { className: "reacd-chat-prompt-actions", children: footer === undefined ? _jsx(SharedChatPromptSubmit, {}) : footer })] }) }) }));
+}

package/dist/shared/chat-prompt/use-prompt-controls.d.ts

@@ -0,0 +1,22 @@
+import { type KeyboardEvent } from 'react';
+import type { ChatPromptProps } from '@fastsprout/reacd/adapter-runtime/components/chat-prompt/index.js';
+export declare function usePromptControls(properties: ChatPromptProps): {
+    form: import("react").RefObject<HTMLFormElement | null>;
+    focus: () => void;
+    blur: (event: import("react").FocusEvent<HTMLFormElement>) => void;
+    keyDown: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    change: (next: string) => void;
+    compositionStart: () => void;
+    compositionEnd: () => void;
+    unavailable: boolean;
+    readOnly: boolean;
+    status: "error" | "ready" | "streaming" | "submitted";
+    scope: {
+        status: "error" | "ready" | "streaming" | "submitted";
+        disabled: boolean;
+        canSend: boolean;
+        submit: () => void;
+        stop: (() => void) | undefined;
+        retry: (() => void) | undefined;
+    };
+};

package/dist/shared/chat-prompt/use-prompt-controls.js

@@ -0,0 +1,69 @@
+import { useContext, useRef } from 'react';
+import { canSendPrompt, promptKeyIntent, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer.js';
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { usePromptEscape } from './use-prompt-escape.js';
+export function usePromptControls(properties) {
+    const { value, onSubmit, onValueChange, onClose, onStop, onRetry, attachments = [], status = CHAT_COMPOSER_DEFAULTS.status, disabled = CHAT_COMPOSER_DEFAULTS.disabled, readOnly = CHAT_COMPOSER_DEFAULTS.readOnly, submitOnEnter = CHAT_COMPOSER_DEFAULTS.submitOnEnter, } = properties;
+    const form = useRef(null);
+    const composing = useRef(false);
+    const active = useContext(PortalActiveContext);
+    const unavailable = disabled || !active;
+    const canSend = attachments.every((file) => file.status === undefined || file.status === 'idle') &&
+        canSendPrompt(value, attachments.length, status, unavailable, readOnly);
+    const submit = () => {
+        if (canSend)
+            onSubmit(value);
+    };
+    const change = (next) => {
+        if (!unavailable && !readOnly && next.length <= CHAT_COMPOSER_POLICY.maxDraftLength)
+            onValueChange(next);
+    };
+    const keyDown = (event) => {
+        const intent = promptKeyIntent({
+            key: event.key,
+            composing: composing.current || event.nativeEvent.isComposing,
+            keyCode: event.keyCode,
+            shift: event.shiftKey,
+            control: event.ctrlKey,
+            meta: event.metaKey,
+            alt: event.altKey,
+        }, submitOnEnter);
+        if (intent === 'submit') {
+            event.preventDefault();
+            submit();
+        }
+        else if (intent === 'close' && onClose !== undefined && !unavailable) {
+            event.preventDefault();
+            event.stopPropagation();
+            onClose();
+        }
+    };
+    const { focus, blur } = usePromptEscape(form, composing, onClose, unavailable);
+    const compositionStart = () => {
+        composing.current = true;
+    };
+    const compositionEnd = () => {
+        composing.current = false;
+    };
+    return {
+        form,
+        focus,
+        blur,
+        keyDown,
+        change,
+        compositionStart,
+        compositionEnd,
+        unavailable,
+        readOnly,
+        status,
+        scope: {
+            status,
+            disabled: unavailable || readOnly,
+            canSend,
+            submit,
+            stop: onStop,
+            retry: onRetry,
+        },
+    };
+}

package/dist/shared/chat-prompt/use-prompt-escape.d.ts

@@ -0,0 +1,5 @@
+import { type FocusEvent, type RefObject } from 'react';
+export declare function usePromptEscape(form: RefObject<HTMLFormElement | null>, composing: RefObject<boolean>, onClose: (() => void) | undefined, disabled: boolean): {
+    focus: () => void;
+    blur: (event: FocusEvent<HTMLFormElement>) => void;
+};

package/dist/shared/chat-prompt/use-prompt-escape.js

@@ -0,0 +1,39 @@
+import { useCallback, useContext, useLayoutEffect, useRef, } from 'react';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+export function usePromptEscape(form, composing, onClose, disabled) {
+    const scope = useContext(EscapeScopeContext);
+    const active = useContext(PortalActiveContext);
+    const release = useRef(undefined);
+    const clear = useCallback(() => {
+        const unregister = release.current;
+        release.current = undefined;
+        if (unregister !== undefined)
+            unregister();
+    }, []);
+    const focus = () => {
+        const element = form.current;
+        if (element === null ||
+            !element.contains(element.ownerDocument.activeElement) ||
+            !active ||
+            disabled ||
+            onClose === undefined ||
+            scope === null ||
+            release.current !== undefined)
+            return;
+        release.current = scope.register(() => {
+            if (!composing.current)
+                onClose();
+        });
+    };
+    const blur = useCallback((event) => {
+        const next = event.relatedTarget;
+        if (!(next instanceof Node) || !event.currentTarget.contains(next))
+            clear();
+    }, [clear]);
+    useLayoutEffect(() => {
+        focus();
+        return clear;
+    });
+    return { focus, blur };
+}

package/dist/shared/chat-prompt-submit/chat-prompt-submit.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatPromptSubmitProps } from '@fastsprout/reacd/adapter-runtime/components/index.js';
+export declare function SharedChatPromptSubmit(properties: ChatPromptSubmitProps): import("react").JSX.Element;

package/dist/shared/chat-prompt-submit/chat-prompt-submit.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { PromptScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { Button } from '../primitives/button.js';
+import { resolvePromptAction } from './prompt-action.js';
+export function SharedChatPromptSubmit(properties) {
+    const scope = useContext(PromptScopeContext);
+    const result = resolvePromptAction(properties, scope);
+    if (!result.success)
+        return _jsx(Issues, { issues: result.issues });
+    const { label, disabled, run, status } = result.data;
+    return (_jsx(Button, { type: "button", className: "reacd-node reacd-button reacd-chat-prompt-submit", "aria-label": label, disabled: disabled, "data-status": status, variant: status === 'ready' ? 'default' : 'secondary', onClick: run === undefined ? undefined : () => run(), children: label }));
+}

package/dist/shared/chat-prompt-submit/prompt-action.d.ts

@@ -0,0 +1,12 @@
+import type { ChatPromptSubmitProps } from '@fastsprout/reacd/adapter-runtime/components/index.js';
+import type { ChatComposerStatus } from '@fastsprout/reacd/adapter-runtime/core/chat-composer.js';
+import type { Result } from '@fastsprout/reacd/adapter-runtime/core/result.js';
+import type { PromptScope } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+interface PromptAction {
+    label: string;
+    disabled: boolean;
+    status: ChatComposerStatus;
+    run: (() => void) | undefined;
+}
+export declare function resolvePromptAction(properties: ChatPromptSubmitProps, scope: PromptScope | null): Result<PromptAction>;
+export {};

package/dist/shared/chat-prompt-submit/prompt-action.js

@@ -0,0 +1,45 @@
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_ERRORS, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+export function resolvePromptAction(properties, scope) {
+    if (scope !== null &&
+        ((properties.status !== undefined && properties.status !== scope.status) ||
+            properties.onSubmit !== undefined ||
+            properties.onStop !== undefined ||
+            properties.onRetry !== undefined))
+        return {
+            success: false,
+            issues: [
+                { path: 'ChatPromptSubmit', message: CHAT_COMPOSER_ERRORS.conflictingScope },
+            ],
+        };
+    const status = scope?.status ?? properties.status ?? CHAT_COMPOSER_DEFAULTS.status;
+    const busy = status === 'submitted' || status === 'streaming';
+    const run = busy
+        ? (scope?.stop ?? properties.onStop)
+        : status === 'error'
+            ? (scope?.retry ?? properties.onRetry)
+            : (scope?.submit ?? properties.onSubmit);
+    if (scope === null && status === 'ready' && run === undefined)
+        return {
+            success: false,
+            issues: [
+                { path: 'ChatPromptSubmit', message: CHAT_COMPOSER_ERRORS.missingScope },
+            ],
+        };
+    const label = busy
+        ? run === undefined
+            ? CHAT_COMPOSER_DEFAULTS.pendingLabel
+            : CHAT_COMPOSER_DEFAULTS.stopLabel
+        : status === 'error'
+            ? run === undefined
+                ? CHAT_COMPOSER_DEFAULTS.unavailableLabel
+                : CHAT_COMPOSER_DEFAULTS.retryLabel
+            : CHAT_COMPOSER_DEFAULTS.sendLabel;
+    const disabled = properties.disabled === true ||
+        scope?.disabled === true ||
+        run === undefined ||
+        (status === 'ready' && scope?.canSend === false);
+    return {
+        success: true,
+        data: { status, disabled, run, label: properties.label ?? label },
+    };
+}

package/dist/shared/chat-reasoning/chat-reasoning.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ChatReasoningProps } from '@fastsprout/reacd/adapter-runtime/components/chat-reasoning/index.js';
+export declare function SharedChatReasoning({ text, open, onOpenChange, label, streaming, autoOpen, autoClose, disabled, }: ChatReasoningProps): import("react").JSX.Element;

package/dist/shared/chat-reasoning/chat-reasoning.adapter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CHAT_FEEDBACK_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-feedback-policy.js';
+import { ChatDisclosure } from '../chat-disclosure/chat-disclosure.js';
+import { useReasoningDisclosure } from './use-reasoning-disclosure.js';
+export function SharedChatReasoning({ text, open, onOpenChange, label = CHAT_FEEDBACK_DEFAULTS.reasoningLabel, streaming = CHAT_FEEDBACK_DEFAULTS.streaming, autoOpen = CHAT_FEEDBACK_DEFAULTS.autoOpen, autoClose = CHAT_FEEDBACK_DEFAULTS.autoClose, disabled = CHAT_FEEDBACK_DEFAULTS.disabled, }) {
+    const change = useReasoningDisclosure({
+        open,
+        onOpenChange,
+        streaming,
+        autoOpen,
+        autoClose,
+        disabled,
+    });
+    return (_jsx("div", { className: "reacd-node reacd-chat-reasoning", children: _jsx(ChatDisclosure, { label: label, open: open, onOpenChange: change, disabled: disabled, active: streaming, children: _jsx("p", { className: "reacd-chat-feedback-text", children: text.trim() === '' ? CHAT_FEEDBACK_DEFAULTS.emptyReasoning : text }) }) }));
+}

package/dist/shared/chat-reasoning/use-reasoning-disclosure.d.ts

@@ -0,0 +1,10 @@
+interface ReasoningDisclosure {
+    open: boolean;
+    streaming: boolean;
+    disabled: boolean;
+    autoOpen: boolean;
+    autoClose: boolean;
+    onOpenChange: (value: boolean) => void;
+}
+export declare function useReasoningDisclosure({ open, streaming, disabled, autoOpen, autoClose, onOpenChange, }: ReasoningDisclosure): (value: boolean) => void;
+export {};