@fastsprout/reacd-shadcn 0.0.0-stage → 0.2.0

package/dist/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 '../vendor/ui/button.js';
+import { ShadcnIcon } from '../icon/icon.adapter.js';
+import { ELEMENT_BUTTON_VARIANTS } from '../element/variants.js';
+export function ShadcnButton({ 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(ShadcnIcon, { name: "loading", decorative: true })) : leadingIcon === undefined ? null : (_jsx(ShadcnIcon, { name: leadingIcon, decorative: true })), _jsx("span", { className: "reacd-button-label", children: loading ? (loadingLabel ?? label) : label }), trailingIcon === undefined ? null : (_jsx(ShadcnIcon, { name: trailingIcon, decorative: true }))] }));
+}

package/dist/calendar/calendar-date.d.ts

@@ -0,0 +1,7 @@
+import type { TemporalLimits, TemporalRange } from '@fastsprout/reacd/adapter-runtime/core/date-time.js';
+export declare function toCalendarDate(value: string): Date;
+export declare function fromCalendarDate(value: Date): string;
+export declare function calendarInitialDate({ value, referenceDate, min, max, }: TemporalLimits & {
+    value: string | null | TemporalRange;
+    referenceDate: string;
+}): Date;

package/dist/calendar/calendar-date.js

@@ -0,0 +1,24 @@
+import { CALENDAR_POLICY } from '@fastsprout/reacd/adapter-runtime/core/calendar-policy.js';
+export function toCalendarDate(value) {
+    const parts = value.split('-');
+    const date = new Date(0);
+    date.setUTCFullYear(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]));
+    date.setUTCHours(CALENDAR_POLICY.utcHour, 0, 0, 0);
+    return date;
+}
+export function fromCalendarDate(value) {
+    const year = String(value.getUTCFullYear()).padStart(CALENDAR_POLICY.yearDigits, '0');
+    const month = String(value.getUTCMonth() + 1).padStart(CALENDAR_POLICY.partDigits, '0');
+    const day = String(value.getUTCDate()).padStart(CALENDAR_POLICY.partDigits, '0');
+    return `${year}-${month}-${day}`;
+}
+export function calendarInitialDate({ value, referenceDate, min, max, }) {
+    let selected = typeof value === 'object' && value !== null
+        ? (value.start ?? value.end ?? referenceDate)
+        : (value ?? referenceDate);
+    if (min !== undefined && selected < min)
+        selected = min;
+    if (max !== undefined && selected > max)
+        selected = max;
+    return toCalendarDate(selected);
+}

package/dist/calendar/calendar-day-button.d.ts

@@ -0,0 +1,2 @@
+import type { DayButtonProps } from '@daypicker/react';
+export declare function CalendarDayButton({ day, modifiers, ...properties }: DayButtonProps): import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../vendor/ui/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/calendar/calendar-form-bridge.d.ts

@@ -0,0 +1,6 @@
+import type { RefObject } from 'react';
+import type { CalendarProps } from '@fastsprout/reacd/adapter-runtime/components/calendar/index.js';
+export declare function CalendarFormBridge({ properties, region, }: {
+    properties: CalendarProps;
+    region: RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element;

package/dist/calendar/calendar-form-bridge.js

@@ -0,0 +1,11 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CalendarFormBridge({ properties, region, }) {
+    const { name, disabled, required } = properties;
+    const complete = properties.mode === 'range'
+        ? properties.value.start !== null && properties.value.end !== null
+        : properties.value !== null;
+    return (_jsxs(_Fragment, { children: [properties.mode === 'range' ? (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: name === undefined ? undefined : `${name}.start`, value: properties.value.start ?? '', disabled: disabled }), _jsx("input", { type: "hidden", name: name === undefined ? undefined : `${name}.end`, value: properties.value.end ?? '', disabled: disabled })] })) : (_jsx("input", { type: "hidden", name: name, value: properties.value ?? '', disabled: disabled })), _jsx("input", { className: "reacd-calendar-validation", tabIndex: -1, "aria-hidden": "true", defaultValue: complete ? 'selected' : '', required: required, disabled: disabled, onInvalid: (event) => {
+                    event.preventDefault();
+                    region.current?.focus();
+                } }, String(complete))] }));
+}

package/dist/calendar/calendar-localization.d.ts

@@ -0,0 +1,15 @@
+export declare function calendarLocalization(locale: string): {
+    formatters: {
+        formatCaption: (value: Date) => string;
+        formatDay: (value: Date) => string;
+        formatWeekdayName: (value: Date) => string;
+    };
+    labels: {
+        labelDayButton: (value: Date) => string;
+        labelGrid: (value: Date) => string;
+        labelWeekday: (value: Date) => string;
+        labelNext: () => "Next month";
+        labelPrevious: () => "Previous month";
+        labelNav: () => "Calendar navigation";
+    };
+};

package/dist/calendar/calendar-localization.js

@@ -0,0 +1,28 @@
+import { CALENDAR_DEFAULTS, CALENDAR_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/calendar-policy.js';
+export function calendarLocalization(locale) {
+    const options = { calendar: 'gregory', timeZone: CALENDAR_POLICY.timeZone };
+    const month = new Intl.DateTimeFormat(locale, {
+        ...options,
+        year: 'numeric',
+        month: 'long',
+    });
+    const full = new Intl.DateTimeFormat(locale, { ...options, dateStyle: 'full' });
+    const weekday = new Intl.DateTimeFormat(locale, { ...options, weekday: 'short' });
+    const weekdayName = new Intl.DateTimeFormat(locale, { ...options, weekday: 'long' });
+    const day = new Intl.NumberFormat(locale, { useGrouping: false });
+    return {
+        formatters: {
+            formatCaption: (value) => month.format(value),
+            formatDay: (value) => day.format(value.getUTCDate()),
+            formatWeekdayName: (value) => weekday.format(value),
+        },
+        labels: {
+            labelDayButton: (value) => full.format(value),
+            labelGrid: (value) => month.format(value),
+            labelWeekday: (value) => weekdayName.format(value),
+            labelNext: () => CALENDAR_DEFAULTS.nextLabel,
+            labelPrevious: () => CALENDAR_DEFAULTS.previousLabel,
+            labelNav: () => CALENDAR_DEFAULTS.navigationLabel,
+        },
+    };
+}

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

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

package/dist/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 ShadcnCalendar(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/card/card.adapter.d.ts

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

package/dist/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 '../vendor/ui/card.js';
+function hasContent(value) {
+    return Children.toArray(value).some((child) => child !== '');
+}
+export function ShadcnCard({ 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/carousel/carousel-panel.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function CarouselPanel({ children, active, label, index, }: {
+    children: ReactNode;
+    active: boolean;
+    label: string;
+    index: number;
+}): import("react").JSX.Element;

package/dist/carousel/carousel-panel.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+export function CarouselPanel({ children, active, label, index, }) {
+    const ancestorActive = useContext(PortalActiveContext);
+    const [host, setHost] = useState(null);
+    return (_jsxs("fieldset", { className: "reacd-carousel-panel", "data-carousel-index": index, disabled: !active, hidden: !active, inert: !active, role: "group", "aria-roledescription": "slide", "aria-label": label, children: [_jsx(PortalActiveContext.Provider, { value: ancestorActive && active, children: _jsx(PortalHostContext.Provider, { value: host, children: children }) }), _jsx("div", { ref: setHost, className: "reacd-carousel-portal-host" })] }));
+}

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

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

package/dist/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 '../vendor/ui/button.js';
+import { CarouselFocusBoundary } from './focus-boundary.js';
+import { CarouselPanel } from './carousel-panel.js';
+export function ShadcnCarousel({ 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/carousel/focus-boundary.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import type { KeyboardEvent, ReactNode } from 'react';
+interface FocusProps {
+    children: ReactNode;
+    label: string;
+    value: number;
+    activeKey: string;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+}
+export declare class CarouselFocusBoundary extends Component<FocusProps, Record<string, never>, boolean> {
+    readonly container: import("react").RefObject<HTMLDivElement | null>;
+    getSnapshotBeforeUpdate(previous: Readonly<FocusProps>): boolean;
+    componentDidUpdate(_previous: Readonly<FocusProps>, _state: Readonly<Record<string, never>>, repair: boolean): void;
+    render(): ReactNode;
+}
+export {};

package/dist/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/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 ShadcnChangelogVersion(props: ChangelogVersionProps): ReactNode;

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

package/dist/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 ShadcnChangelogVersions({ children, versions, indicator, }: ChangelogVersionsProps): ReactNode;

package/dist/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 ShadcnChangelogVersions({ 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/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/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/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/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/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/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/chart/chart.adapter.d.ts

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

package/dist/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 '../vendor/ui/button.js';
+export function ShadcnChart({ 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/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/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/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/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/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 ShadcnChatAttachment({ name, mediaType, url, description, status, onRemove, disabled, }: ChatAttachmentProps): import("react").JSX.Element;

package/dist/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 '../vendor/ui/button.js';
+import { Card } from '../vendor/ui/card.js';
+export function ShadcnChatAttachment({ 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/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/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 { ShadcnChatShimmer } from '../chat-shimmer/chat-shimmer.adapter.js';
+import { Button } from '../vendor/ui/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(ShadcnChatShimmer, { 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/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 ShadcnChatMessage({ id, author, role, content, attachments, actions, status, error, }: ChatMessageProps): import("react").JSX.Element;

package/dist/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 { ShadcnChatAttachment } from '../chat-attachment/chat-attachment.adapter.js';
+import { Button } from '../vendor/ui/button.js';
+import { Card } from '../vendor/ui/card.js';
+export function ShadcnChatMessage({ 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(ShadcnChatAttachment, { ...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/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 ShadcnChatMessages({ label, messages, status, error, onRetry, followLatest, emptyLabel, }: ChatMessagesProps): import("react").JSX.Element;

package/dist/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 { ShadcnChatMessage } from '../chat-message/chat-message.adapter.js';
+import { Button } from '../vendor/ui/button.js';
+import { useFollowLatest } from './use-follow-latest.js';
+export function ShadcnChatMessages({ 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(ShadcnChatMessage, { ...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/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/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/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 ShadcnChatPalette({ label, children, prompt }: ChatPaletteProps): import("react").JSX.Element;