@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

package/dist/shadcn/tooltip/tooltip.adapter.js

@@ -0,0 +1,5 @@
+export * from '../../shared/tooltip/tooltip.adapter.js';
+import { SharedTooltip } from '../../shared/tooltip/tooltip.adapter.js';
+import { bindPrimitives } from '../../shared/primitives/context.js';
+import { shadcnPrimitives } from '../primitives/primitives.js';
+export const ShadcnTooltip = bindPrimitives(SharedTooltip, shadcnPrimitives, 'ShadcnTooltip');

package/dist/shadcn/tooltip/use-tooltip-anchor.d.ts

@@ -0,0 +1 @@
+export * from '../../shared/tooltip/use-tooltip-anchor.js';

package/dist/shadcn/tooltip/use-tooltip-anchor.js

@@ -0,0 +1 @@
+export * from '../../shared/tooltip/use-tooltip-anchor.js';

package/dist/shadcn/tree/focus-element.d.ts

@@ -0,0 +1 @@
+export * from '../../shared/tree/focus-element.js';

package/dist/shadcn/tree/focus-element.js

@@ -0,0 +1 @@
+export * from '../../shared/tree/focus-element.js';

package/dist/shadcn/tree/tree.adapter.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps, ComponentType } from 'react';
+export * from '../../shared/tree/tree.adapter.js';
+import { SharedTree } from '../../shared/tree/tree.adapter.js';
+export type ShadcnTreeProps = ComponentProps<typeof SharedTree>;
+export declare const ShadcnTree: ComponentType<ShadcnTreeProps>;

package/dist/shadcn/tree/tree.adapter.js

@@ -0,0 +1,5 @@
+export * from '../../shared/tree/tree.adapter.js';
+import { SharedTree } from '../../shared/tree/tree.adapter.js';
+import { bindPrimitives } from '../../shared/primitives/context.js';
+import { shadcnPrimitives } from '../primitives/primitives.js';
+export const ShadcnTree = bindPrimitives(SharedTree, shadcnPrimitives, 'ShadcnTree');

package/dist/shadcn/tree/use-tree.d.ts

@@ -0,0 +1 @@
+export * from '../../shared/tree/use-tree.js';

package/dist/shadcn/tree/use-tree.js

@@ -0,0 +1 @@
+export * from '../../shared/tree/use-tree.js';

package/dist/shadcn/user/user.adapter.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps, ComponentType } from 'react';
+export * from '../../shared/user/user.adapter.js';
+import { SharedUser } from '../../shared/user/user.adapter.js';
+export type ShadcnUserProps = ComponentProps<typeof SharedUser>;
+export declare const ShadcnUser: ComponentType<ShadcnUserProps>;

package/dist/shadcn/user/user.adapter.js

@@ -0,0 +1,5 @@
+export * from '../../shared/user/user.adapter.js';
+import { SharedUser } from '../../shared/user/user.adapter.js';
+import { bindPrimitives } from '../../shared/primitives/context.js';
+import { shadcnPrimitives } from '../primitives/primitives.js';
+export const ShadcnUser = bindPrimitives(SharedUser, shadcnPrimitives, 'ShadcnUser');

package/dist/shadcn/v-stack/v-stack.adapter.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps, ComponentType } from 'react';
+export * from '../../shared/v-stack/v-stack.adapter.js';
+import { SharedVStack } from '../../shared/v-stack/v-stack.adapter.js';
+export type ShadcnVStackProps = ComponentProps<typeof SharedVStack>;
+export declare const ShadcnVStack: ComponentType<ShadcnVStackProps>;

package/dist/shadcn/v-stack/v-stack.adapter.js

@@ -0,0 +1,5 @@
+export * from '../../shared/v-stack/v-stack.adapter.js';
+import { SharedVStack } from '../../shared/v-stack/v-stack.adapter.js';
+import { bindPrimitives } from '../../shared/primitives/context.js';
+import { shadcnPrimitives } from '../primitives/primitives.js';
+export const ShadcnVStack = bindPrimitives(SharedVStack, shadcnPrimitives, 'ShadcnVStack');

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

@@ -0,0 +1,2 @@
+import type { AccordionProps } from '@fastsprout/reacd/adapter-runtime/components/accordion/accordion.js';
+export declare function SharedAccordion({ label, items, value, onValueChange, disabled, mode, collapsible, retainContent, }: AccordionProps): import("react").JSX.Element;

package/dist/shared/accordion/accordion.adapter.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { ACCORDION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/accordion-policy.js';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from '../primitives/accordion.js';
+export function SharedAccordion({ label, items, value, onValueChange, disabled, mode = ACCORDION_DEFAULTS.mode, collapsible = ACCORDION_DEFAULTS.collapsible, retainContent = ACCORDION_DEFAULTS.retainContent, }) {
+    const ancestorActive = useContext(PortalActiveContext);
+    const content = items.map((item) => (_jsxs(AccordionItem, { value: item.value, disabled: item.disabled, className: "reacd-accordion-item", children: [_jsx(AccordionTrigger, { className: "reacd-accordion-trigger", children: item.label }), _jsx(AccordionContent, { forceMount: retainContent ? true : undefined, hidden: retainContent && !value.includes(item.value), className: "reacd-accordion-content", children: _jsx(PortalActiveContext.Provider, { value: ancestorActive && value.includes(item.value), children: item.content }) })] }, item.value)));
+    return mode === 'multiple' ? (_jsx(Accordion, { type: "multiple", value: [...value], className: "reacd-node reacd-accordion", "aria-label": label, role: "group", disabled: disabled, onValueChange: onValueChange, children: content })) : (_jsx(Accordion, { type: "single", value: value[0] ?? '', collapsible: collapsible, className: "reacd-node reacd-accordion", "aria-label": label, role: "group", disabled: disabled, onValueChange: (next) => onValueChange(next === '' ? [] : [next]), children: content }));
+}

package/dist/shared/action-menu/menu-surface.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ControlSurface } from '../primitives/control-surface.js';
+import { useContext } from 'react';
+import { Menu } from '@base-ui/react/menu';
+import { ContextMenu } from '@base-ui/react/context-menu';
+import { useDirection } from '@radix-ui/react-direction';
+import { ACTION_MENU_POLICY } from '@fastsprout/reacd/adapter-runtime/core/action-menu-policy.js';
+import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
+import { PortalHostContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+export function MenuSurface({ label, children, context = false, submenu = false, }) {
+    const host = useContext(PortalHostContext);
+    const variables = useContext(ThemeVariablesContext);
+    const direction = useDirection();
+    const Positioner = context ? ContextMenu.Positioner : Menu.Positioner;
+    return (_jsx(Menu.Portal, { container: host ?? undefined, children: _jsx(Positioner, { className: "reacd-root reacd-portal-root reacd-action-positioner", style: variables, dir: direction, side: submenu ? (direction === 'rtl' ? 'left' : 'right') : 'bottom', align: "start", sideOffset: ACTION_MENU_POLICY.offsetPx, collisionPadding: ACTION_MENU_POLICY.collisionPaddingPx, children: _jsx(Menu.Popup, { render: _jsx(ControlSurface, {}), className: "reacd-action-popup", "aria-label": label, children: children }) }) }));
+}

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

@@ -0,0 +1,2 @@
+import type { AlertProps } from '@fastsprout/reacd/adapter-runtime/components/alert/alert.js';
+export declare function SharedAlert({ title, message, intent, open, onOpenChange, closeLabel, icon, actions, }: AlertProps): import("react").JSX.Element | null;

package/dist/shared/alert/alert.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription } from '../primitives/alert.js';
+import { Button } from '../primitives/button.js';
+import { SharedIcon } from '../icon/icon.adapter.js';
+import { ELEMENT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/element-policy.js';
+import { ELEMENT_BUTTON_VARIANTS } from '../element/variants.js';
+import { DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
+export function SharedAlert({ title, message, intent, open, onOpenChange, closeLabel, icon, actions, }) {
+    if (open === false)
+        return null;
+    const urgent = intent === 'error' || intent === 'warning';
+    return (_jsx(Alert, { className: "reacd-node reacd-alert", "data-intent": intent, role: urgent ? 'alert' : 'status', variant: intent === 'error' ? 'destructive' : 'default', children: _jsxs("div", { className: "reacd-alert-layout", children: [_jsxs("div", { className: "reacd-alert-content", children: [_jsxs("div", { className: "reacd-alert-heading", children: [_jsx(SharedIcon, { name: icon ?? intent, decorative: true }), _jsx("strong", { children: title })] }), _jsx(AlertDescription, { children: message }), actions === undefined || actions.length === 0 ? null : (_jsx("div", { className: "reacd-alert-actions", children: actions.map((action) => (_jsx(Button, { type: "button", className: "reacd-button", onClick: () => action.onPress(), disabled: action.disabled, variant: ELEMENT_BUTTON_VARIANTS[action.intent ?? DEFAULTS.buttonIntent], children: action.label }, action.id))) }))] }), onOpenChange === undefined ? null : (_jsx(Button, { type: "button", variant: "ghost", className: "reacd-alert-close", "aria-label": closeLabel ?? `${ELEMENT_POLICY.dismissPrefix} ${title}`, onClick: () => onOpenChange(false), children: _jsx(SharedIcon, { name: "close", decorative: true }) }))] }) }));
+}

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

@@ -0,0 +1,2 @@
+import type { AppProps } from '@fastsprout/reacd/adapter-runtime/components/app/app.js';
+export declare function SharedApp({ children, direction, language, }: AppProps): import("react").JSX.Element;

package/dist/shared/app/app.adapter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DirectionProvider } from '@base-ui/react/direction-provider';
+import { DirectionProvider as RadixDirectionProvider } from '@radix-ui/react-direction';
+import { APPLICATION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/application-shell-policy.js';
+export function SharedApp({ children, direction = APPLICATION_DEFAULTS.direction, language = APPLICATION_DEFAULTS.language, }) {
+    return (_jsx(DirectionProvider, { direction: direction, children: _jsx(RadixDirectionProvider, { dir: direction, children: _jsx("div", { className: "reacd-node reacd-app", dir: direction, lang: language, children: children }) }) }));
+}

package/dist/shared/auth-form/auth-form.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { AuthFormProps } from '@fastsprout/reacd/adapter-runtime/components/auth-form/auth-form.props.js';
+export declare function SharedAuthForm({ label, submitLabel, onSubmit, title, description, leading, header, children, footer, error, separatorLabel, providers, loading, disabled, loadingLabel, }: AuthFormProps): import("react").JSX.Element;

package/dist/shared/auth-form/auth-form.adapter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useId } from 'react';
+import { AUTH_FORM_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/auth-form-policy.js';
+import { nextHeadingLevel } from '@fastsprout/reacd/adapter-runtime/core/heading-policy.js';
+import { HeadingLevelContext } from '@fastsprout/reacd/adapter-runtime/renderer/heading/heading-context.js';
+import { PageHeading } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-heading.js';
+import { FieldMetadataContext, useFieldMetadata, } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { FormSurface } from '@fastsprout/reacd/adapter-runtime/renderer/form/form.renderer.js';
+import { SharedButton } from '../button/button.adapter.js';
+import { SharedSubmitButton } from '../submit-button/submit-button.adapter.js';
+export function SharedAuthForm({ label, submitLabel, onSubmit, title, description, leading, header, children, footer, error, separatorLabel, providers = AUTH_FORM_DEFAULTS.providers, loading = AUTH_FORM_DEFAULTS.loading, disabled = AUTH_FORM_DEFAULTS.disabled, loadingLabel = AUTH_FORM_DEFAULTS.loadingLabel, }) {
+    const level = useContext(HeadingLevelContext);
+    const id = useId();
+    const descendantLevel = title === undefined ? level : nextHeadingLevel(level);
+    const metadata = useFieldMetadata({ disabled: disabled || loading });
+    const blocked = metadata.disabled;
+    return (_jsxs("section", { className: "reacd-node reacd-auth-form", "aria-labelledby": title === undefined ? undefined : id, children: [_jsxs(HeadingLevelContext.Provider, { value: descendantLevel, children: [leading, header] }), _jsx(PageHeading, { title: title, id: id }), description !== undefined && _jsx("p", { children: description }), _jsxs(HeadingLevelContext.Provider, { value: descendantLevel, children: [_jsxs(FormSurface, { label: label, onSubmit: () => {
+                            if (!blocked)
+                                onSubmit();
+                        }, children: [_jsx(FieldMetadataContext, { value: metadata, children: _jsxs("fieldset", { className: "reacd-auth-fields", disabled: blocked, "aria-busy": loading, children: [_jsx("legend", { className: "sr-only", children: label }), providers.map((provider) => (_jsx(SharedButton, { label: provider.label, intent: provider.intent, disabled: blocked || provider.disabled, onPress: () => provider.onPress() }, provider.key))), separatorLabel !== undefined && _jsx("p", { children: separatorLabel }), children, error !== undefined && _jsx("p", { role: "alert", children: error }), _jsx(SharedSubmitButton, { label: submitLabel, disabled: blocked })] }) }), loading && _jsx("p", { role: "status", children: loadingLabel })] }), footer] })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { AvatarProps } from '@fastsprout/reacd/adapter-runtime/components/avatar/avatar.js';
+export declare function SharedAvatar({ name, src, fallback, size, }: AvatarProps): import("react").JSX.Element;

package/dist/shared/avatar/avatar.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar as Primitive } from '@base-ui/react/avatar';
+import { AVATAR_DEFAULTS, AVATAR_DIMENSIONS, } from '@fastsprout/reacd/adapter-runtime/core/avatar-policy.js';
+import { avatarInitials } from '@fastsprout/reacd/adapter-runtime/core/avatar-text.js';
+export function SharedAvatar({ name, src, fallback, size = AVATAR_DEFAULTS.size, }) {
+    const dimensions = AVATAR_DIMENSIONS[size];
+    return (_jsxs(Primitive.Root, { className: "reacd-node reacd-avatar", "data-slot": "avatar", "data-size": size, role: "img", "aria-label": name, title: name, children: [_jsx(Primitive.Fallback, { className: "reacd-avatar-fallback", "aria-hidden": "true", children: fallback ?? avatarInitials(name) }), src !== undefined && (_jsx(Primitive.Image, { keepMounted: true, src: src, alt: "", className: "reacd-avatar-image", width: dimensions.pixels, height: dimensions.pixels, referrerPolicy: "no-referrer", decoding: "async", loading: "lazy" }))] }));
+}

package/dist/shared/avatar-group/avatar-group.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { AvatarGroupProps } from '@fastsprout/reacd/adapter-runtime/components/avatar-group/index.js';
+export declare function SharedAvatarGroup({ label, items, max, size, emptyMessage, }: AvatarGroupProps): import("react").JSX.Element;

package/dist/shared/avatar-group/avatar-group.adapter.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AVATAR_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/avatar-policy.js';
+import { SharedAvatar } from '../avatar/avatar.adapter.js';
+import { AvatarGroupOverflow } from './overflow.adapter.js';
+export function SharedAvatarGroup({ label, items, max = AVATAR_DEFAULTS.max, size = AVATAR_DEFAULTS.size, emptyMessage = AVATAR_DEFAULTS.emptyMessage, }) {
+    const visible = items.slice(0, max);
+    const hidden = items.slice(max);
+    return (_jsxs("div", { className: "reacd-node reacd-avatar-group", "data-slot": "avatar-group", "data-size": size, role: "group", "aria-label": label, children: [_jsx("p", { className: "reacd-avatar-group-label", children: label }), items.length === 0 ? (_jsx("p", { children: emptyMessage })) : (_jsxs(_Fragment, { children: [_jsx("ul", { className: "reacd-avatar-visible-list", children: visible.map((item) => (_jsx("li", { children: _jsx(SharedAvatar, { name: item.name, src: item.src, fallback: item.fallback, size: size }) }, item.id))) }), hidden.length > 0 && _jsx(AvatarGroupOverflow, { items: hidden, size: size })] }))] }));
+}

package/dist/shared/avatar-group/overflow.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SharedAvatar } from '../avatar/avatar.adapter.js';
+export function AvatarGroupOverflow({ items, size, }) {
+    return (_jsxs("details", { className: "reacd-avatar-overflow", children: [_jsxs("summary", { children: [_jsxs("span", { className: "reacd-avatar-count", "aria-hidden": "true", children: ["+", items.length] }), _jsxs("span", { children: ["Show ", items.length, " more ", items.length === 1 ? 'person' : 'people'] })] }), _jsx("ul", { className: "reacd-avatar-hidden-list", children: items.map((item) => (_jsxs("li", { className: "reacd-avatar-person", children: [_jsx(SharedAvatar, { name: item.name, src: item.src, fallback: item.fallback, size: size }), _jsx("span", { children: item.name })] }, item.id))) })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { BadgeProps } from '@fastsprout/reacd/adapter-runtime/components/badge/badge.js';
+export declare function SharedBadge({ label, intent, leadingIcon, size, }: BadgeProps): import("react").JSX.Element;

package/dist/shared/badge/badge.adapter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
+import { Badge } from '../primitives/badge.js';
+import { ELEMENT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/element-policy.js';
+import { SharedIcon } from '../icon/icon.adapter.js';
+import { ELEMENT_BUTTON_VARIANTS } from '../element/variants.js';
+export function SharedBadge({ label, intent, leadingIcon, size = ELEMENT_POLICY.badgeSize, }) {
+    return (_jsxs(Badge, { className: "reacd-node reacd-badge", variant: ELEMENT_BUTTON_VARIANTS[intent ?? DEFAULTS.badgeIntent], "data-size": size, children: [leadingIcon === undefined ? null : (_jsx(SharedIcon, { name: leadingIcon, decorative: true, size: "small" })), _jsx("span", { children: label })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { BannerProps } from '@fastsprout/reacd/adapter-runtime/components/banner/banner.js';
+export declare function SharedBanner({ title, description, open, onOpenChange, dismissible, closeLabel, intent, actions, }: BannerProps): import("react").JSX.Element | null;

package/dist/shared/banner/banner.adapter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { BANNER_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/banner-policy.js';
+import { Alert, AlertTitle, AlertDescription } from '../primitives/alert.js';
+import { Button } from '../primitives/button.js';
+export function SharedBanner({ title, description, open, onOpenChange, dismissible = BANNER_DEFAULTS.dismissible, closeLabel = BANNER_DEFAULTS.closeLabel, intent = BANNER_DEFAULTS.intent, actions, }) {
+    const identity = useId();
+    if (!open)
+        return null;
+    const urgent = intent === 'warning' || intent === 'error';
+    return (_jsxs(Alert, { className: "reacd-node reacd-banner", "data-slot": "banner", "data-intent": intent, variant: intent === 'error' ? 'destructive' : 'default', role: urgent ? 'alert' : 'status', "aria-labelledby": identity, children: [_jsxs("div", { className: "reacd-banner-content", children: [_jsx(AlertTitle, { id: identity, children: title }), description !== undefined && (_jsx(AlertDescription, { children: description }))] }), actions !== undefined && _jsx("div", { className: "reacd-banner-actions", children: actions }), dismissible && (_jsx(Button, { className: "reacd-button reacd-banner-close", variant: "outline", type: "button", onClick: () => onOpenChange(false), children: closeLabel }))] }));
+}

package/dist/shared/blog-post/blog-post.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { BlogPostProps } from '@fastsprout/reacd/adapter-runtime/components/blog-post/blog-post.props.js';
+export declare function SharedBlogPost(props: BlogPostProps): ReactNode;

package/dist/shared/blog-post/blog-post.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 SharedBlogPost(props) {
+    return _jsx(EditorialEntrySurface, { ...props, kind: "blog" });
+}

package/dist/shared/blog-posts/blog-posts.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { BlogPostsProps } from '@fastsprout/reacd/adapter-runtime/components/blog-posts/blog-posts.props.js';
+export declare function SharedBlogPosts({ children, posts, orientation, }: BlogPostsProps): ReactNode;

package/dist/shared/blog-posts/blog-posts.adapter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { BlogPost } from '@fastsprout/reacd/adapter-runtime/components/blog-post/blog-post.js';
+import { EDITORIAL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/editorial-policy.js';
+export function SharedBlogPosts({ children, posts = EDITORIAL_DEFAULTS.entries, orientation = EDITORIAL_DEFAULTS.collectionOrientation, }) {
+    return (_jsxs("ul", { className: "reacd-node reacd-editorial-collection", "data-orientation": orientation, children: [posts.map(({ key, ...entry }) => (_jsx("li", { children: _jsx(BlogPost, { ...entry }) }, key))), Children.map(children, (child) => (child == null ? null : _jsx("li", { children: child })))] }));
+}

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

@@ -0,0 +1,2 @@
+import type { BreadcrumbProps } from '@fastsprout/reacd/adapter-runtime/components/breadcrumb/breadcrumb.js';
+export declare function SharedBreadcrumb({ label, items, separator, }: BreadcrumbProps): import("react").JSX.Element;

package/dist/shared/breadcrumb/breadcrumb.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BREADCRUMB_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/breadcrumb-policy.js';
+import { Button } from '../primitives/button.js';
+import { useDirection } from '@radix-ui/react-direction';
+export function SharedBreadcrumb({ label, items, separator = BREADCRUMB_DEFAULTS.separator, }) {
+    const direction = useDirection();
+    return (_jsx("nav", { className: "reacd-node reacd-breadcrumb", "aria-label": label, "data-slot": "breadcrumb", "data-separator": separator, "data-direction": direction, children: _jsx("ol", { className: "reacd-breadcrumb-list", "data-slot": "breadcrumb-list", children: items.map((item, index) => {
+                const current = index === items.length - 1;
+                const activePage = current ? 'page' : undefined;
+                return (_jsxs("li", { className: "reacd-breadcrumb-item", children: [index > 0 && (_jsx("span", { "aria-hidden": "true", className: "reacd-breadcrumb-separator", children: separator === 'slash' ? '/' : '›' })), item.onPress !== undefined ? (_jsx(Button, { type: "button", variant: "link", className: "reacd-node reacd-button reacd-breadcrumb-action", onClick: pressHandler(item.onPress), disabled: item.disabled, "aria-current": activePage, children: item.label })) : item.href !== undefined && !item.disabled ? (_jsx("a", { className: "reacd-node reacd-link", href: item.href, "aria-current": activePage, children: item.label })) : (_jsx("span", { className: "reacd-breadcrumb-label", "aria-current": activePage, "aria-disabled": item.disabled || undefined, children: item.label }))] }, item.key));
+            }) }) }));
+}
+import { pressHandler } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/press-handler.js';

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

@@ -0,0 +1,2 @@
+import type { ButtonProps } from '@fastsprout/reacd/adapter-runtime/components/button/button.js';
+export declare function SharedButton({ label, onPress, intent, disabled, leadingIcon, trailingIcon, loading, loadingLabel, }: ButtonProps): import("react").JSX.Element;

package/dist/shared/button/button.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
+import { Button } from '../primitives/button.js';
+import { SharedIcon } from '../icon/icon.adapter.js';
+import { ELEMENT_BUTTON_VARIANTS } from '../element/variants.js';
+export function SharedButton({ label, onPress, intent, disabled, leadingIcon, trailingIcon, loading, loadingLabel, }) {
+    return (_jsxs(Button, { className: "reacd-node reacd-button", variant: ELEMENT_BUTTON_VARIANTS[intent ?? DEFAULTS.buttonIntent], type: "button", "data-intent": intent ?? DEFAULTS.buttonIntent, disabled: disabled || loading, "aria-busy": loading || undefined, onClick: () => onPress(), children: [loading ? (_jsx(SharedIcon, { name: "loading", decorative: true })) : leadingIcon === undefined ? null : (_jsx(SharedIcon, { name: leadingIcon, decorative: true })), _jsx("span", { className: "reacd-button-label", children: loading ? (loadingLabel ?? label) : label }), trailingIcon === undefined ? null : (_jsx(SharedIcon, { name: trailingIcon, decorative: true }))] }));
+}

package/dist/shared/calendar/calendar-day-button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../primitives/button.js';
+import { fromCalendarDate } from './calendar-date.js';
+export function CalendarDayButton({ day, modifiers, ...properties }) {
+    return (_jsx(Button, { ...properties, ref: (element) => {
+            if (element !== null && modifiers['focused'])
+                element.focus();
+        }, variant: "ghost", className: "reacd-calendar-day", "data-calendar-day": fromCalendarDate(day.date), "data-selected": modifiers['selected'] || undefined }));
+}

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

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

package/dist/shared/calendar/calendar.adapter.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { useDirection } from '@base-ui/react/direction-provider';
+import { DayPicker } from '@daypicker/react';
+import { CALENDAR_DEFAULTS, CALENDAR_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/calendar-policy.js';
+import { DATE_TIME_POLICY } from '@fastsprout/reacd/adapter-runtime/core/date-time-policy.js';
+import { nextCalendarRange } from '@fastsprout/reacd/adapter-runtime/core/calendar-range.js';
+import { CalendarDayButton } from './calendar-day-button.js';
+import { CalendarFormBridge } from './calendar-form-bridge.js';
+import { calendarInitialDate, fromCalendarDate, toCalendarDate, } from './calendar-date.js';
+import { calendarLocalization } from './calendar-localization.js';
+export function SharedCalendar(properties) {
+    const { label, referenceDate, description, locale = CALENDAR_DEFAULTS.locale, numberOfMonths = CALENDAR_DEFAULTS.numberOfMonths, weekStartsOn = CALENDAR_DEFAULTS.weekStartsOn, disabled = CALENDAR_DEFAULTS.disabled, readOnly = CALENDAR_DEFAULTS.readOnly, required = CALENDAR_DEFAULTS.required, min = DATE_TIME_POLICY.minimumDate, max = DATE_TIME_POLICY.maximumDate, } = properties;
+    const id = useId();
+    const region = useRef(null);
+    const direction = useDirection();
+    const common = {
+        ...calendarLocalization(locale),
+        defaultMonth: calendarInitialDate(properties),
+        today: toCalendarDate(referenceDate),
+        startMonth: toCalendarDate(min),
+        endMonth: toCalendarDate(max),
+        disabled: disabled
+            ? true
+            : [{ before: toCalendarDate(min) }, { after: toCalendarDate(max) }],
+        disableNavigation: disabled,
+        timeZone: CALENDAR_POLICY.timeZone,
+        numberOfMonths,
+        weekStartsOn,
+        dir: direction,
+        components: { DayButton: CalendarDayButton },
+    };
+    return (_jsxs("div", { ref: region, role: "group", "aria-labelledby": id, "aria-describedby": description === undefined ? undefined : `${id}-help`, "aria-disabled": disabled, "data-readonly": readOnly, "data-direction": direction, "data-slot": "calendar", tabIndex: -1, className: "reacd-node reacd-calendar", children: [_jsx("span", { id: id, className: "reacd-calendar-label", children: label }), _jsx("div", { className: "reacd-calendar-viewport", role: "region", "aria-label": `${label} grid`, children: properties.mode === 'range' ? (_jsx(DayPicker, { ...common, mode: "range", selected: {
+                        from: properties.value.start === null
+                            ? undefined
+                            : toCalendarDate(properties.value.start),
+                        to: properties.value.end === null
+                            ? undefined
+                            : toCalendarDate(properties.value.end),
+                    }, onSelect: (_next, trigger) => {
+                        if (!disabled && !readOnly)
+                            properties.onValueChange(nextCalendarRange(properties.value, fromCalendarDate(trigger)));
+                    } })) : (_jsx(DayPicker, { ...common, mode: "single", selected: properties.value === null ? undefined : toCalendarDate(properties.value), onSelect: (next) => {
+                        if (!disabled && !readOnly && (!required || next !== undefined))
+                            properties.onValueChange(next === undefined ? null : fromCalendarDate(next));
+                    } })) }), _jsx(CalendarFormBridge, { properties: properties, region: region }), description === undefined ? null : (_jsx("span", { id: `${id}-help`, className: "reacd-field-description", children: description }))] }));
+}

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

@@ -0,0 +1,2 @@
+import type { CardProps } from '@fastsprout/reacd/adapter-runtime/components/card/card.js';
+export declare function SharedCard({ children, spacing, label, header, footer }: CardProps): import("react").JSX.Element;

package/dist/shared/card/card.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
+import { Card, CardHeader, CardFooter } from '../primitives/card.js';
+function hasContent(value) {
+    return Children.toArray(value).some((child) => child !== '');
+}
+export function SharedCard({ children, spacing, label, header, footer }) {
+    const variables = {
+        '--reacd-gap': `var(--reacd-${spacing ?? DEFAULTS.spacing})`,
+    };
+    return (_jsxs(Card, { className: "reacd-node reacd-card", style: variables, role: label === undefined ? undefined : 'region', "aria-label": label, children: [!hasContent(header) ? null : (_jsx(CardHeader, { className: "reacd-card-slot", "data-slot": "reacd-card-header", children: header })), children, !hasContent(footer) ? null : (_jsx(CardFooter, { className: "reacd-card-slot", "data-slot": "reacd-card-footer", children: footer }))] }));
+}

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

@@ -0,0 +1,2 @@
+import type { CarouselProps } from '@fastsprout/reacd/adapter-runtime/components/carousel/index.js';
+export declare function SharedCarousel({ label, items, value, onValueChange, disabled, readOnly, orientation, loop, state, emptyMessage, loadingMessage, errorMessage, retryLabel, onRetry, }: CarouselProps): import("react").JSX.Element;

package/dist/shared/carousel/carousel.adapter.js

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDirection } from '@base-ui/react/direction-provider';
+import { CAROUSEL_DEFAULTS, CAROUSEL_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/carousel-policy.js';
+import { carouselSlideLabel, carouselTarget, } from '@fastsprout/reacd/adapter-runtime/core/carousel-navigation.js';
+import { Button } from '../primitives/button.js';
+import { CarouselFocusBoundary } from './focus-boundary.js';
+import { CarouselPanel } from './carousel-panel.js';
+export function SharedCarousel({ label, items, value, onValueChange, disabled, readOnly, orientation = CAROUSEL_DEFAULTS.orientation, loop = CAROUSEL_DEFAULTS.loop, state = CAROUSEL_DEFAULTS.state, emptyMessage = CAROUSEL_DEFAULTS.emptyMessage, loadingMessage = CAROUSEL_DEFAULTS.loadingMessage, errorMessage = CAROUSEL_DEFAULTS.errorMessage, retryLabel = CAROUSEL_DEFAULTS.retryLabel, onRetry, }) {
+    const direction = useDirection();
+    const protectedValue = disabled || readOnly;
+    function move(key) {
+        const next = carouselTarget(value, items.length, key, orientation, direction, loop);
+        if (next !== undefined && next !== value)
+            onValueChange(next);
+    }
+    function onKeyDown(event) {
+        if (event.target !== event.currentTarget || protectedValue || state !== 'ready')
+            return;
+        const next = carouselTarget(value, items.length, event.key, orientation, direction, loop);
+        if (next !== undefined) {
+            event.preventDefault();
+            move(event.key);
+        }
+    }
+    const forward = orientation === 'vertical'
+        ? 'ArrowDown'
+        : direction === 'rtl'
+            ? 'ArrowLeft'
+            : 'ArrowRight';
+    const backward = orientation === 'vertical'
+        ? 'ArrowUp'
+        : direction === 'rtl'
+            ? 'ArrowRight'
+            : 'ArrowLeft';
+    const currentItem = items[value];
+    const activeKey = state === 'ready'
+        ? currentItem === undefined
+            ? 'empty'
+            : `slide:${currentItem.id}`
+        : state;
+    return (_jsx(CarouselFocusBoundary, { label: label, value: value, activeKey: activeKey, onKeyDown: onKeyDown, children: state === 'loading' ? (_jsx("p", { role: "status", children: loadingMessage })) : state === 'error' ? (_jsxs("div", { children: [_jsx("p", { role: "alert", children: errorMessage }), onRetry === undefined ? null : (_jsx(Button, { type: "button", className: "reacd-button", onClick: () => onRetry(), children: retryLabel }))] })) : items.length === 0 ? (_jsx("p", { role: "status", children: emptyMessage })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "reacd-carousel-panels", "aria-live": "polite", children: items.map((item, index) => (_jsx(CarouselPanel, { index: index, active: index === value, label: carouselSlideLabel(item.label, index, items.length), children: item.children }, item.id))) }), items.length < CAROUSEL_POLICY.minimumNavigationItems ? null : (_jsxs("div", { className: "reacd-carousel-controls", children: [_jsx(Button, { type: "button", className: "reacd-button", variant: "outline", disabled: protectedValue || (!loop && value === 0), onClick: () => move(backward), children: CAROUSEL_DEFAULTS.previousLabel }), _jsx(Button, { type: "button", className: "reacd-button", variant: "outline", disabled: protectedValue ||
+                                (!loop && value === items.length - CAROUSEL_POLICY.step), onClick: () => move(forward), children: CAROUSEL_DEFAULTS.nextLabel }), _jsx("div", { role: "group", "aria-label": CAROUSEL_DEFAULTS.chooserLabel, className: "reacd-carousel-chooser", children: items.map((item, index) => (_jsx(Button, { type: "button", className: "reacd-button", variant: "ghost", "aria-label": `${item.label}, slide ${index + CAROUSEL_POLICY.step}`, "aria-pressed": index === value, disabled: protectedValue || index === value, onClick: () => onValueChange(index), children: index + CAROUSEL_POLICY.step }, item.id))) })] }))] })) }));
+}

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/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/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.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-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;