@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

package/dist/slider/slider.adapter.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useId } from 'react';
-import { Slider } from '@base-ui/react/slider';
-import { DirectionProvider } from '@base-ui/react/direction-provider';
-import { useDirection } from '@radix-ui/react-direction';
-import { SLIDER_POLICY } from '@fastsprout/reacd/adapter-runtime/core/slider-policy.js';
-import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
-import { requestSliderChange } from './request-change.js';
-import { SliderThumb } from './slider-thumb.js';
-export function ShadcnSlider(properties) {
-    const id = useId();
-    const active = useContext(PortalActiveContext);
-    const direction = useDirection();
-    const metadata = useFieldMetadata(properties, properties.description ? [`${id}-description`] : []);
-    const range = properties.mode === 'range';
-    const value = range
-        ? [properties.value.start, properties.value.end]
-        : properties.value;
-    const names = properties.mode === 'range'
-        ? [
-            { suffix: SLIDER_POLICY.startSuffix, value: properties.value.start },
-            { suffix: SLIDER_POLICY.endSuffix, value: properties.value.end },
-        ]
-        : [{ suffix: '', value: properties.value }];
-    const display = names.map((entry) => entry.value).join(SLIDER_POLICY.rangeSeparator);
-    const step = properties.step ?? SLIDER_POLICY.defaultStep;
-    const description = metadata.descriptionIds.join(' ') || undefined;
-    return (_jsx(DirectionProvider, { direction: direction, children: _jsxs("div", { className: "reacd-node reacd-field reacd-range", children: [_jsxs("span", { id: `${id}-label`, children: [properties.label, ": ", display] }), properties.description && (_jsx("p", { id: `${id}-description`, children: properties.description })), _jsx(Slider.Root, { value: value, min: properties.min, max: properties.max, step: step, largeStep: Math.min(step * SLIDER_POLICY.largeStepFactor, properties.max - properties.min), orientation: properties.orientation ?? SLIDER_POLICY.defaultOrientation, disabled: metadata.disabled, locale: SLIDER_POLICY.locale, thumbCollisionBehavior: "none", thumbAlignment: "edge", className: "reacd-range-root", "aria-labelledby": `${id}-label`, style: {
-                        blockSize: properties.orientation === 'vertical'
-                            ? `${SLIDER_POLICY.verticalExtentRem}rem`
-                            : undefined,
-                    }, onValueChange: (candidate, details) => requestSliderChange(properties, candidate, metadata.disabled, active, () => details.cancel()), children: _jsx(Slider.Control, { className: "reacd-range-control", children: _jsxs(Slider.Track, { className: "reacd-range-track", children: [_jsx(Slider.Indicator, { className: "reacd-range-indicator" }), _jsx(SliderThumb, { index: 0, label: range
-                                        ? `${SLIDER_POLICY.minimumLabel} ${properties.label}`
-                                        : properties.label, description: description, readOnly: Boolean(properties.readOnly), invalid: Boolean(metadata.error) }), range && (_jsx(SliderThumb, { index: 1, label: `${SLIDER_POLICY.maximumLabel} ${properties.label}`, description: description, readOnly: Boolean(properties.readOnly), invalid: Boolean(metadata.error) }))] }) }) }), names.map((entry) => (_jsx("input", { type: "hidden", name: metadata.name === undefined ? undefined : metadata.name + entry.suffix, value: entry.value, disabled: metadata.disabled }, entry.suffix)))] }) }));
-}

package/dist/splitter/splitter.adapter.d.ts

@@ -1,3 +0,0 @@
-import type { z } from 'zod';
-import type { splitterSchema } from '@fastsprout/reacd/adapter-runtime/schema/splitter/splitter.schema.js';
-export declare function ShadcnSplitter({ label, panels, value, onValueChange, orientation, disabled, }: z.output<typeof splitterSchema>): import("react").JSX.Element;

package/dist/splitter/splitter.adapter.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useId, useRef } from 'react';
-import { useDirection } from '@base-ui/react/direction-provider';
-import { SPLITTER_DEFAULTS, SPLITTER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/splitter-policy.js';
-import { pairBounds } from '@fastsprout/reacd/adapter-runtime/core/splitter.js';
-import { useSplitterReflow } from '@fastsprout/reacd/adapter-runtime/renderer/splitter/use-splitter-reflow.js';
-import { useSplitterDrag } from '@fastsprout/reacd/adapter-runtime/renderer/splitter/use-splitter-drag.js';
-import { splitterKey } from '@fastsprout/reacd/adapter-runtime/renderer/splitter/splitter-key.js';
-export function ShadcnSplitter({ label, panels, value, onValueChange, orientation = SPLITTER_DEFAULTS.orientation, disabled = SPLITTER_DEFAULTS.disabled, }) {
-    const reference = useRef(null);
-    const track = useRef(null);
-    const id = useId();
-    const expanded = useRef(new Map());
-    const direction = useDirection();
-    const narrow = useSplitterReflow(reference, track, panels.length);
-    const reflow = orientation === 'horizontal' && narrow;
-    const inert = disabled || reflow;
-    const drag = useSplitterDrag({
-        reference,
-        panels,
-        value,
-        orientation,
-        direction,
-        onValueChange,
-        disabled: inert,
-    });
-    return (_jsxs("div", { ref: reference, role: "group", "aria-label": label, className: "reacd-node reacd-splitter", "data-orientation": orientation, "data-reflow": reflow, "data-dragging": drag.dragging, "data-direction": direction, children: [_jsx("span", { ref: track, "aria-hidden": "true", className: "reacd-splitter-track" }), panels.map((panel, index) => {
-                const current = value[index];
-                const next = panels[index + 1];
-                const bounds = pairBounds(panels, value, index);
-                return (_jsxs(Fragment, { children: [_jsx("section", { id: `${id}-${panel.id}`, "aria-label": panel.label, hidden: current?.share === SPLITTER_POLICY.zero, className: "reacd-splitter-panel", style: { flexGrow: current?.share }, children: panel.content }), next && bounds && current && (_jsx("div", { role: "separator", "aria-label": panel.label, "aria-controls": `${id}-${panel.id} ${id}-${next.id}`, "aria-orientation": orientation === 'horizontal' ? 'vertical' : 'horizontal', "aria-valuemin": panel.collapsedShare ?? bounds.min, "aria-valuemax": bounds.max, "aria-valuenow": current.share, "aria-disabled": inert, tabIndex: inert ? -1 : 0, className: "reacd-splitter-handle", hidden: reflow, onKeyDown: (event) => {
-                                if (inert)
-                                    return;
-                                const result = splitterKey({
-                                    key: event.key,
-                                    shift: event.shiftKey,
-                                    index,
-                                    panels,
-                                    value,
-                                    orientation,
-                                    direction,
-                                    expanded: expanded.current,
-                                });
-                                if (result) {
-                                    event.preventDefault();
-                                    onValueChange(result);
-                                }
-                            }, onPointerDown: (event) => drag.start(event, index), onPointerMove: drag.move, onPointerUp: drag.finish, onPointerCancel: drag.cancel, onLostPointerCapture: drag.cancel, onBlur: drag.cancel }))] }, panel.id));
-            })] }));
-}

package/dist/stepper/stepper.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { StepperProps } from '@fastsprout/reacd/adapter-runtime/components/stepper/index.js';
-export declare function ShadcnStepper({ label, items, value, onValueChange, disabled, linear, orientation, }: StepperProps): import("react").JSX.Element;

package/dist/stepper/stepper.adapter.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useRef, useState } from 'react';
-import { useDirection } from '@radix-ui/react-direction';
-import { NAVIGATION_COMPOSITION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/navigation-composition-policy.js';
-import { reachableStepKeys, stepFocusTarget, } from '@fastsprout/reacd/adapter-runtime/core/stepper-navigation.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnStepper({ label, items, value, onValueChange, disabled, linear = NAVIGATION_COMPOSITION_DEFAULTS.linear, orientation = NAVIGATION_COMPOSITION_DEFAULTS.orientation, }) {
-    const id = useId();
-    const direction = useDirection();
-    const targets = useRef(new Map());
-    const [focused, setFocused] = useState(value);
-    const reachable = reachableStepKeys(items, value, linear);
-    const focusKey = reachable.includes(focused) ? focused : value;
-    const active = items.findIndex((item) => item.key === value);
-    return (_jsxs("section", { className: "reacd-node reacd-stepper", "aria-label": label, "data-orientation": orientation, children: [_jsx("ol", { className: "reacd-stepper-list", children: items.map((item, index) => (_jsx("li", { "data-complete": index < active, children: _jsxs(Button, { type: "button", variant: item.key === value ? 'secondary' : 'ghost', className: "reacd-node reacd-button reacd-step-trigger", id: `${id}-step-${index}`, "aria-current": item.key === value ? 'step' : undefined, "aria-controls": `${id}-content`, disabled: disabled || !reachable.includes(item.key), tabIndex: !disabled && item.key === focusKey ? 0 : -1, ref: (element) => {
-                            if (element === null)
-                                targets.current.delete(item.key);
-                            else
-                                targets.current.set(item.key, element);
-                        }, onFocus: () => setFocused(item.key), onClick: () => {
-                            if (item.key !== value)
-                                onValueChange(item.key);
-                        }, onKeyDown: (event) => {
-                            const key = stepFocusTarget(reachable, item.key, event.key, orientation, direction);
-                            if (key !== undefined) {
-                                event.preventDefault();
-                                targets.current.get(key)?.focus();
-                            }
-                        }, children: [_jsx("span", { className: "reacd-step-indicator", "aria-hidden": "true", children: index + 1 }), _jsxs("span", { className: "reacd-step-copy", children: [_jsx("span", { children: item.title }), item.description !== undefined && (_jsx("span", { className: "reacd-step-description", children: item.description }))] })] }) }, item.key))) }), _jsx("div", { className: "reacd-step-content", role: "region", id: `${id}-content`, "aria-labelledby": `${id}-step-${active}`, children: items[active]?.content })] }));
-}

package/dist/styles.d.ts

@@ -1 +0,0 @@
-import './styles.css';

package/dist/submit-button/submit-button.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SubmitButtonProps } from '@fastsprout/reacd/adapter-runtime/components/submit-button/index.js';
-export declare function ShadcnSubmitButton({ label, intent, disabled }: SubmitButtonProps): import("react").JSX.Element;

package/dist/submit-button/submit-button.adapter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
-import { Button } from '../vendor/ui/button.js';
-const VARIANTS = {
-    primary: 'default',
-    secondary: 'secondary',
-    danger: 'destructive',
-};
-export function ShadcnSubmitButton({ label, intent, disabled }) {
-    return (_jsx(Button, { className: "reacd-node reacd-button", type: "submit", "data-intent": intent ?? DEFAULTS.buttonIntent, disabled: disabled, variant: VARIANTS[intent ?? DEFAULTS.buttonIntent], children: label }));
-}

package/dist/surface/surface.adapter.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ShadcnToastProvider } from '../toast/toast-provider.js';
-import { templateVariables } from '@fastsprout/reacd/adapter-runtime/renderer/theme/template-variables.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-export function ShadcnSurface({ children, template, templateId }) {
-    const variables = templateVariables(template);
-    return (_jsx(ThemeVariablesContext.Provider, { value: variables, children: _jsx("div", { className: "reacd-root", "data-template": templateId, "data-adapter": "shadcn-ui", style: variables, children: _jsx(ShadcnToastProvider, { children: children }) }) }));
-}

package/dist/switch/switch.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SwitchProps } from '@fastsprout/reacd/adapter-runtime/components/switch/switch.props.js';
-export declare function ShadcnSwitch({ label, description, checked, onCheckedChange, name, value, required, disabled, readOnly, loading, }: SwitchProps): import("react").JSX.Element;

package/dist/switch/switch.adapter.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useRef, useState } from 'react';
-import { SWITCH_POLICY } from '@fastsprout/reacd/adapter-runtime/core/switch-policy.js';
-import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
-import { Switch } from '../vendor/ui/switch.js';
-import { Label } from '../vendor/ui/label.js';
-export function ShadcnSwitch({ label, description, checked, onCheckedChange, name, value, required, disabled, readOnly, loading, }) {
-    const id = useId();
-    const control = useRef(null);
-    const [attempted, setAttempted] = useState(false);
-    const metadata = useFieldMetadata({ name, required, disabled }, description ? [`${id}-description`] : []);
-    const localError = attempted && metadata.required && !checked ? SWITCH_POLICY.requiredMessage : '';
-    const feedback = metadata.error || localError;
-    const descriptions = [
-        ...metadata.descriptionIds,
-        ...(localError && !metadata.error ? [`${id}-error`] : []),
-    ];
-    return (_jsxs("div", { className: "reacd-node reacd-field reacd-switch", children: [_jsxs("div", { className: "reacd-check reacd-toggle", children: [_jsx(Switch, { ref: control, id: id, checked: checked, disabled: metadata.disabled, "aria-readonly": readOnly || undefined, "aria-required": metadata.required || undefined, "aria-busy": loading || undefined, "aria-invalid": Boolean(feedback) || undefined, "aria-describedby": descriptions.join(' ') || undefined, onCheckedChange: (next) => {
-                            if (!metadata.disabled && !readOnly && !loading)
-                                onCheckedChange(next);
-                        } }), _jsx(Label, { htmlFor: id, children: label })] }), description && _jsx("p", { id: `${id}-description`, children: description }), loading && (_jsxs("p", { role: "status", children: [SWITCH_POLICY.loadingPrefix, " ", label] })), localError && !metadata.error && (_jsx("p", { id: `${id}-error`, role: "alert", className: "reacd-field-error", children: localError })), _jsx("input", { type: "hidden", name: metadata.name, value: value ?? SWITCH_POLICY.submittedValue, disabled: metadata.disabled || !checked }), _jsx("input", { type: "text", hidden: true, defaultValue: "", required: metadata.required && !checked, disabled: metadata.disabled, onInvalid: (event) => {
-                    event.preventDefault();
-                    setAttempted(true);
-                    control.current?.focus();
-                } })] }));
-}

package/dist/table/interactive-table.d.ts

@@ -1,2 +0,0 @@
-import type { InteractiveTableProps } from '@fastsprout/reacd/adapter-runtime/components/table/index.js';
-export declare function ShadcnInteractiveTable({ caption, model, onModelChange, editable, readOnly, disabled, state, emptyMessage, errorMessage, }: InteractiveTableProps): import("react").JSX.Element;

package/dist/table/interactive-table.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TABLE_EDITABLE } from '@fastsprout/reacd/adapter-runtime/core/table-policy.js';
-import { queryTable } from '@fastsprout/reacd/adapter-runtime/schema/data-table/query.js';
-import { transitionTableModel } from '@fastsprout/reacd/adapter-runtime/schema/table/transition.js';
-import { ShadcnDataTable } from '../data-table/data-table.adapter.js';
-export function ShadcnInteractiveTable({ caption, model, onModelChange, editable = TABLE_EDITABLE, readOnly, disabled, state, emptyMessage, errorMessage, }) {
-    const capabilities = onModelChange === undefined || readOnly || disabled
-        ? {}
-        : {
-            onSelectionChange: editable.selection
-                ? (value) => onModelChange(transitionTableModel(model, 'selection', value))
-                : undefined,
-            onSortingChange: editable.sorting
-                ? (value) => onModelChange(transitionTableModel(model, 'sorting', value))
-                : undefined,
-            onFiltersChange: editable.filters
-                ? (value) => onModelChange(transitionTableModel(model, 'filters', value))
-                : undefined,
-            onPaginationChange: editable.pagination
-                ? (value) => onModelChange(transitionTableModel(model, 'pagination', value))
-                : undefined,
-        };
-    return (_jsx(ShadcnDataTable, { ...model, ...queryTable(model), ...capabilities, caption: caption, state: state, emptyMessage: emptyMessage, errorMessage: errorMessage }));
-}

package/dist/table/table.adapter.d.ts

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

package/dist/table/table.adapter.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TABLE_DEFAULTS as D } from '@fastsprout/reacd/adapter-runtime/core/table-policy.js';
-import { TableSurface } from '@fastsprout/reacd/adapter-runtime/renderer/table/table.renderer.js';
-import { ShadcnInteractiveTable } from './interactive-table.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnTable(props) {
-    if (props.state === 'loading')
-        return _jsx("p", { role: "status", children: props.loadingMessage ?? D.loadingMessage });
-    if (props.state === 'error') {
-        const retry = props.onRetry;
-        return (_jsxs("div", { className: "reacd-vstack", children: [_jsx("p", { role: "alert", children: props.errorMessage ?? D.errorMessage }), retry === undefined ? null : (_jsx(Button, { type: "button", className: "reacd-button", onClick: () => retry(), children: props.retryLabel ?? D.retryLabel }))] }));
-    }
-    return props.mode === 'interactive' ? (_jsx(ShadcnInteractiveTable, { ...props })) : (_jsx(TableSurface, { ...props }));
-}

package/dist/tabs/tabs.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { TabsProps } from '@fastsprout/reacd/adapter-runtime/components/tabs/tabs.js';
-export declare function ShadcnTabs({ children, label, value, items, onValueChange, orientation, activationMode, }: TabsProps): import("react").JSX.Element;

package/dist/tabs/tabs.adapter.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useId } from 'react';
-import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { TABS_POLICY } from '@fastsprout/reacd/adapter-runtime/core/tabs-policy.js';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '../vendor/ui/tabs.js';
-export function ShadcnTabs({ children, label, value, items, onValueChange, orientation = TABS_POLICY.orientation, activationMode = TABS_POLICY.activationMode, }) {
-    const sharedPanelId = useId();
-    const active = useContext(PortalActiveContext);
-    const explicit = items.some((item) => item.value === value && item.content !== undefined);
-    const selectedIndex = items.findIndex((item) => item.value === value);
-    return (_jsxs(Tabs, { className: "reacd-node reacd-tabs", value: value, onValueChange: onValueChange, orientation: orientation, activationMode: activationMode, children: [_jsx(TabsList, { "aria-label": label, children: items.map((item, index) => (_jsx(TabsTrigger, { value: item.value, disabled: item.disabled, ...(item.content === undefined
-                        ? {
-                            id: `${sharedPanelId}-${index}`,
-                            'aria-controls': sharedPanelId,
-                        }
-                        : {}), children: item.label }, item.value))) }), items.map((item) => item.content === undefined ? null : (_jsx(TabsContent, { value: item.value, forceMount: true, hidden: item.value !== value, children: _jsx(PortalActiveContext, { value: active && item.value === value, children: item.content }) }, item.value))), _jsx("div", { role: "tabpanel", id: sharedPanelId, tabIndex: 0, hidden: explicit, "aria-labelledby": explicit ? undefined : `${sharedPanelId}-${selectedIndex}`, children: _jsx(PortalActiveContext, { value: active && !explicit, children: children }) })] }));
-}

package/dist/text/text.adapter.d.ts

@@ -1 +0,0 @@
-export { TextSurface as ShadcnText } from '@fastsprout/reacd/adapter-runtime/renderer/text/text.renderer.js';

package/dist/text/text.adapter.js

@@ -1 +0,0 @@
-export { TextSurface as ShadcnText } from '@fastsprout/reacd/adapter-runtime/renderer/text/text.renderer.js';

package/dist/text-area/text-area.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { TextAreaProps } from '@fastsprout/reacd/adapter-runtime/components/text-area/text-area.js';
-export declare function ShadcnTextArea({ label, value, onValueChange, rows, ...properties }: TextAreaProps): import("react").JSX.Element;

package/dist/text-area/text-area.adapter.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { CONTENT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
-import { Textarea } from '../vendor/ui/textarea.js';
-import { Label } from '../vendor/ui/label.js';
-export function ShadcnTextArea({ label, value, onValueChange, rows, ...properties }) {
-    const id = useId();
-    return (_jsxs("div", { className: "reacd-node reacd-field", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Textarea, { ...properties, id: id, value: value, rows: rows ?? CONTENT_POLICY.defaultTextAreaRows, maxLength: CONTENT_POLICY.maxTextLength, onChange: (event) => onValueChange(event.target.value) })] }));
-}

package/dist/textarea/textarea.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { TextareaProps } from '@fastsprout/reacd/adapter-runtime/components/textarea/textarea.props.js';
-export declare function ShadcnTextarea({ label, value, onValueChange, description, name, required, disabled, readOnly, minLength, maxLength, rows, autoResize, maxRows, placeholder, }: TextareaProps): import("react").JSX.Element;

package/dist/textarea/textarea.adapter.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useRef, useState } from 'react';
-import { TEXTAREA_POLICY } from '@fastsprout/reacd/adapter-runtime/core/textarea-policy.js';
-import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
-import { Textarea } from '../vendor/ui/textarea.js';
-import { Label } from '../vendor/ui/label.js';
-import { useAutoRows } from './use-auto-rows.js';
-export function ShadcnTextarea({ label, value, onValueChange, description, name, required, disabled, readOnly, minLength, maxLength, rows, autoResize, maxRows, placeholder, }) {
-    const id = useId();
-    const control = useRef(null);
-    const [attempted, setAttempted] = useState(false);
-    const metadata = useFieldMetadata({ name, required, disabled }, description ? [`${id}-description`] : []);
-    const minimum = minLength ?? TEXTAREA_POLICY.minimumLength;
-    const maximum = maxLength ?? TEXTAREA_POLICY.maximumLength;
-    const baseRows = rows ?? TEXTAREA_POLICY.defaultRows;
-    useAutoRows(control, autoResize, value, baseRows, maxRows ?? TEXTAREA_POLICY.defaultMaxRows);
-    const localError = metadata.required && value.length === 0
-        ? TEXTAREA_POLICY.requiredMessage
-        : value.length > 0 && value.length < minimum
-            ? `${TEXTAREA_POLICY.minimumMessagePrefix} ${minimum} ` +
-                TEXTAREA_POLICY.minimumMessageSuffix
-            : '';
-    const visibleError = attempted ? localError : '';
-    const feedback = metadata.error || visibleError;
-    const descriptions = [
-        ...metadata.descriptionIds,
-        ...(visibleError && !metadata.error ? [`${id}-error`] : []),
-    ];
-    function invalid(event) {
-        event.preventDefault();
-        setAttempted(true);
-        control.current?.focus();
-    }
-    return (_jsxs("div", { className: "reacd-node reacd-field reacd-textarea", "data-auto-resize": autoResize || undefined, children: [_jsx(Label, { htmlFor: id, children: label }), description && _jsx("p", { id: `${id}-description`, children: description }), _jsx(Textarea, { ref: control, id: id, value: value, name: metadata.name, placeholder: placeholder, required: metadata.required, disabled: metadata.disabled, readOnly: readOnly, minLength: minimum, maxLength: maximum, rows: baseRows, "aria-invalid": Boolean(feedback) || undefined, "aria-describedby": descriptions.join(' ') || undefined, onInvalid: invalid, onChange: (event) => {
-                    const next = event.target.value;
-                    if (!metadata.disabled && !readOnly && next.length <= maximum) {
-                        onValueChange(next);
-                    }
-                } }), visibleError && !metadata.error && (_jsx("p", { id: `${id}-error`, role: "alert", className: "reacd-field-error", children: visibleError })), _jsx("input", { type: "text", hidden: true, defaultValue: "", required: Boolean(localError), disabled: metadata.disabled, onInvalid: invalid })] }));
-}

package/dist/theme/theme.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ThemeProps } from '@fastsprout/reacd/adapter-runtime/components/theme/theme.js';
-export declare function ShadcnTheme({ children, template, defaults }: ThemeProps): import("react").JSX.Element;

package/dist/theme/theme.adapter.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from 'react';
-import { RenderContext } from '@fastsprout/reacd/adapter-runtime/components/shared/port.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { templateVariables } from '@fastsprout/reacd/adapter-runtime/renderer/theme/template-variables.js';
-import { defaultProperties } from '@fastsprout/reacd/adapter-runtime/renderer/theme/default-properties.js';
-export function ShadcnTheme({ children, template, defaults }) {
-    const inheritedVariables = useContext(ThemeVariablesContext);
-    const inheritedPort = useContext(RenderContext);
-    const variables = template === undefined ? inheritedVariables : templateVariables(template);
-    const port = useMemo(() => {
-        if (inheritedPort === null)
-            return null;
-        return {
-            render(name, properties) {
-                const fallback = Object.entries(defaults ?? {}).find(([component]) => component === name)?.[1];
-                return inheritedPort.render(name, defaultProperties(properties, fallback));
-            },
-            report: (issues) => inheritedPort.report(issues),
-        };
-    }, [inheritedPort, defaults]);
-    return (_jsx(ThemeVariablesContext.Provider, { value: variables, children: _jsx(RenderContext.Provider, { value: port, children: _jsx("div", { className: "reacd-node reacd-theme", style: variables, children: children }) }) }));
-}

package/dist/timeline/timeline.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { TimelineProps } from '@fastsprout/reacd/adapter-runtime/components/timeline/timeline.js';
-export declare function ShadcnTimeline({ label, items, value, onValueChange, orientation, reverse, intent, }: TimelineProps): import("react").JSX.Element;

package/dist/timeline/timeline.adapter.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TIMELINE_DEFAULTS, TIMELINE_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/timeline-policy.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnTimeline({ label, items, value, onValueChange, orientation = TIMELINE_DEFAULTS.orientation, reverse = TIMELINE_DEFAULTS.reverse, intent = TIMELINE_DEFAULTS.intent, }) {
-    const current = value === undefined ? 0 : items.findIndex((item) => item.id === value);
-    const events = items.map((item, index) => ({
-        ...item,
-        status: index < current ? 'completed' : index === current ? 'current' : 'upcoming',
-    }));
-    if (reverse)
-        events.reverse();
-    return (_jsx("ol", { className: "reacd-node reacd-timeline", "aria-label": label, "data-slot": "timeline", "data-orientation": orientation, "data-intent": intent, children: events.map((item) => (_jsxs("li", { "data-state": item.status, "aria-current": item.status === 'current' ? 'step' : undefined, children: [_jsx("span", { className: "reacd-timeline-state", children: TIMELINE_POLICY.statuses[item.status] }), item.date !== undefined && (_jsx("span", { className: "reacd-timeline-date", children: item.date })), onValueChange === undefined ? (_jsx("p", { className: "reacd-timeline-title", children: item.title })) : (_jsx(Button, { className: "reacd-button reacd-timeline-title", type: "button", variant: "ghost", disabled: item.disabled, onClick: () => onValueChange(item.id), children: item.title })), item.description !== undefined && (_jsx("p", { className: "reacd-timeline-description", children: item.description }))] }, item.id))) }));
-}

package/dist/toast/toast-provider.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ShadcnToastProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/dist/toast/toast-provider.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Toast } from '@base-ui/react/toast';
-import { TOAST_POLICY } from '@fastsprout/reacd/adapter-runtime/core/toast-policy.js';
-import { createToastQueue } from './toast-queue.js';
-import { ToastQueueContext } from './toast-queue-context.js';
-import { ShadcnToastViewport } from './toast-viewport.js';
-export function ShadcnToastProvider({ children }) {
-    const [queue] = useState(createToastQueue);
-    return (_jsx(ToastQueueContext.Provider, { value: queue, children: _jsxs(Toast.Provider, { limit: TOAST_POLICY.maximumVisible, children: [children, _jsx(ShadcnToastViewport, {})] }) }));
-}

package/dist/toast/toast-viewport.d.ts

@@ -1 +0,0 @@
-export declare function ShadcnToastViewport(): import("react").JSX.Element | null;

package/dist/toast/toast-viewport.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useToastQueue } from './toast-queue-context.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { useContext } from 'react';
-import { Toast } from '@base-ui/react/toast';
-import { TOAST_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/toast-policy.js';
-import { PortalHostContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnToastViewport() {
-    const queue = useToastQueue();
-    const { toasts } = Toast.useToastManager();
-    const fallbackHost = useContext(PortalHostContext);
-    const variables = useContext(ThemeVariablesContext);
-    const active = toasts.find((toast) => toast.data !== undefined && toast.transitionStatus !== 'ending');
-    const host = active?.data?.host ?? fallbackHost;
-    if (toasts.length === 0)
-        return null;
-    return (_jsx(Toast.Portal, { container: host ?? undefined, children: _jsx(Toast.Viewport, { onFocusCapture: (event) => queue.focus.remember(event.currentTarget, event.relatedTarget), style: variables, className: "reacd-root reacd-portal-root reacd-toast-viewport", children: toasts.map((toast) => {
-                const data = toast.data;
-                if (data === undefined)
-                    return null;
-                const action = data.action;
-                return (_jsxs(Toast.Root, { toast: toast, onKeyDown: (event) => {
-                        if (event.key !== 'Escape')
-                            return;
-                        event.preventBaseUIHandler();
-                        event.preventDefault();
-                        event.stopPropagation();
-                        data.requestClose();
-                    }, className: "reacd-root reacd-portal-root reacd-toast", "data-intent": data.intent, dir: data.direction, style: data.variables, swipeDirection: data.direction === 'rtl' ? ['down', 'left'] : ['down', 'right'], children: [_jsx("div", { className: "reacd-toast-grip", "aria-hidden": "true", children: _jsx("span", {}) }), _jsxs(Toast.Content, { className: "reacd-toast-content", "data-base-ui-swipe-ignore": true, children: [_jsx(Toast.Title, { className: "reacd-toast-title" }), data.description !== undefined && _jsx(Toast.Description, {}), data.feedback !== null && (_jsx("p", { role: data.feedback === 'rejected' ? 'status' : 'alert', children: TOAST_DEFAULTS[data.feedback] })), _jsxs("div", { className: "reacd-toast-actions", children: [action !== undefined && (_jsx(Toast.Action, { onClick: () => action.execute(), render: _jsx(Button, { className: "reacd-node reacd-button" }), children: action.label })), _jsx(Toast.Close, { onClick: (event) => {
-                                                event.preventBaseUIHandler();
-                                                event.preventDefault();
-                                                data.requestClose();
-                                            }, render: _jsx(Button, { variant: "secondary", className: "reacd-node reacd-button" }), children: data.closeLabel })] })] })] }, toast.id));
-            }) }) }));
-}

package/dist/toast/toast.adapter.d.ts

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

package/dist/toast/toast.adapter.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useId } from 'react';
-import { useDirection } from '@radix-ui/react-direction';
-import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { ToastRegistration } from './toast-registration.js';
-export function ShadcnToast(properties) {
-    const id = useId();
-    const active = useContext(PortalActiveContext);
-    const variables = useContext(ThemeVariablesContext);
-    const direction = useDirection();
-    const host = useContext(PortalHostContext);
-    return properties.open && active ? (_jsx(ToastRegistration, { id: id, properties: properties, variables: variables, direction: direction, host: host })) : null;
-}

package/dist/toggle/toggle.adapter.d.ts

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

package/dist/toggle/toggle.adapter.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { Switch } from '../vendor/ui/switch.js';
-import { Label } from '../vendor/ui/label.js';
-export function ShadcnToggle({ label, onCheckedChange, ...properties }) {
-    const id = useId();
-    return (_jsxs("div", { className: "reacd-node reacd-check reacd-toggle", children: [_jsx(Switch, { id: id, ...properties, onCheckedChange: (next) => onCheckedChange(next) }), _jsx(Label, { htmlFor: id, children: label })] }));
-}

package/dist/tooltip/tooltip.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { TooltipProps } from '@fastsprout/reacd/adapter-runtime/components/tooltip/tooltip.js';
-export declare function ShadcnTooltip({ text, children, open, onOpenChange, disabled, shortcuts, placement, delay, arrow, }: TooltipProps): import("react").JSX.Element;

package/dist/tooltip/tooltip.adapter.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
-import { Tooltip } from '@base-ui/react/tooltip';
-import { TOOLTIP_DEFAULTS, TOOLTIP_DELAYS, TOOLTIP_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/tooltip-policy.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { useTooltipAnchor } from './use-tooltip-anchor.js';
-import { useEscapeLayer } from '@fastsprout/reacd/adapter-runtime/renderer/theme/use-escape-layer.js';
-import { KbdKey } from '../kbd/kbd-key.adapter.js';
-export function ShadcnTooltip({ text, children, open, onOpenChange, disabled, shortcuts, placement = TOOLTIP_DEFAULTS.placement, delay = TOOLTIP_DEFAULTS.delay, arrow = TOOLTIP_DEFAULTS.arrow, }) {
-    const variables = useContext(ThemeVariablesContext);
-    const host = useContext(PortalHostContext);
-    const active = useContext(PortalActiveContext);
-    const [automaticOpen, setAutomaticOpen] = useState(TOOLTIP_DEFAULTS.open);
-    const actualOpen = open ?? automaticOpen;
-    const shown = actualOpen && active && !disabled;
-    function change(next) {
-        setAutomaticOpen(next);
-        onOpenChange?.(next);
-    }
-    useEscapeLayer(shown, () => change(false));
-    const { ref: anchorRef, tabIndex } = useTooltipAnchor(children);
-    return (_jsxs(Tooltip.Root, { open: actualOpen, disabled: disabled || !active, onOpenChange: change, children: [_jsx(Tooltip.Trigger, { delay: TOOLTIP_DELAYS[delay], render: _jsx("div", { ref: anchorRef }), role: "group", "aria-label": text, tabIndex: disabled ? -1 : tabIndex, className: "reacd-node reacd-tooltip-anchor", "data-slot": "tooltip-trigger", onKeyDown: (event) => {
-                    if (event.key === 'Escape' && shown) {
-                        event.stopPropagation();
-                        change(false);
-                    }
-                }, children: children }), _jsx(Tooltip.Portal, { container: host ?? undefined, children: _jsx(Tooltip.Positioner, { side: placement, sideOffset: TOOLTIP_POLICY.sideOffsetPx, collisionPadding: TOOLTIP_POLICY.collisionPaddingPx, style: variables, className: "reacd-root reacd-portal-root reacd-tooltip-positioner", children: _jsxs(Tooltip.Popup, { role: "tooltip", className: "reacd-tooltip-popup", "data-slot": "tooltip-content", children: [_jsxs("div", { className: "reacd-tooltip-body", children: [_jsx("span", { children: text }), shortcuts !== undefined && shortcuts.length > 0 && (_jsx("span", { className: "reacd-tooltip-shortcuts", children: shortcuts.map((key, index) => (_jsx(KbdKey, { display: key, label: key }, index))) }))] }), arrow && _jsx(Tooltip.Arrow, { className: "reacd-tooltip-arrow" })] }) }) })] }));
-}

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

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

package/dist/tree/tree.adapter.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TREE_DEFAULTS, TREE_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/tree-policy.js';
-import { Button } from '../vendor/ui/button.js';
-import { useTree } from './use-tree.js';
-import { focusTreeElement } from './focus-element.js';
-export function ShadcnTree(properties) {
-    const { label, value, expanded, multiple, disabled, selectionReadOnly, expansionReadOnly, emptyLabel = TREE_DEFAULTS.emptyLabel, } = properties;
-    const tree = useTree(properties);
-    return (_jsxs("div", { className: "reacd-node reacd-tree", "data-slot": "tree", role: "tree", "aria-label": label, "aria-multiselectable": multiple, "aria-disabled": disabled, "aria-readonly": selectionReadOnly, "data-direction": tree.direction, tabIndex: tree.focusId === undefined ? 0 : undefined, children: [tree.rows.length === 0 && _jsx("p", { role: "status", children: emptyLabel }), tree.rows.map((row) => {
-                const open = expanded.includes(row.id);
-                return (_jsxs("div", { className: "reacd-tree-item", role: "treeitem", "aria-label": row.label, "aria-level": row.level, "aria-posinset": row.position, "aria-setsize": row.size, "aria-expanded": row.branch ? open : undefined, "aria-selected": value.includes(row.id), "aria-disabled": disabled || row.disabled, tabIndex: tree.focusId === row.id ? 0 : -1, style: {
-                        paddingInlineStart: `min(${(row.level - TREE_POLICY.initialLevel) * TREE_POLICY.indentRem}rem, ${TREE_POLICY.maxIndentPercent}%)`,
-                    }, ref: (element) => {
-                        if (element === null)
-                            tree.elements.current.delete(row.id);
-                        else
-                            tree.elements.current.set(row.id, element);
-                    }, onFocus: () => tree.setFocused(row.id), onClick: () => {
-                        focusTreeElement(tree.elements.current, row.id);
-                        tree.select(row);
-                    }, onKeyDown: (event) => tree.onKeyDown(event, row), children: [row.branch ? (_jsx(Button, { type: "button", variant: "ghost", tabIndex: -1, className: "reacd-tree-toggle", "aria-label": `${open ? 'Collapse' : 'Expand'} ${row.label}`, disabled: disabled || row.disabled || expansionReadOnly, onKeyDown: (event) => event.stopPropagation(), onClick: (event) => {
-                                event.stopPropagation();
-                                focusTreeElement(tree.elements.current, row.id);
-                                tree.toggle(row);
-                            }, children: _jsx("span", { "aria-hidden": "true", children: open ? '−' : '+' }) })) : (_jsx("span", { "aria-hidden": "true", className: "reacd-tree-spacer" })), _jsx("span", { className: "reacd-tree-label", children: row.label })] }, row.id));
-            })] }));
-}

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

@@ -1,2 +0,0 @@
-import type { UserProps } from '@fastsprout/reacd/adapter-runtime/components/user/user.js';
-export declare function ShadcnUser({ name, description, avatar, size, orientation, href, onPress, disabled, }: UserProps): import("react").JSX.Element;

package/dist/user/user.adapter.js

@@ -1,24 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { USER_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/user-policy.js';
-import { ShadcnAvatar } from '../avatar/avatar.adapter.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnUser({ name, description, avatar, size = USER_DEFAULTS.size, orientation = USER_DEFAULTS.orientation, href, onPress, disabled, }) {
-    const descriptionId = useId();
-    const properties = {
-        className: 'reacd-node reacd-user',
-        'data-slot': 'user',
-        'data-size': size,
-        'data-orientation': orientation,
-    };
-    const content = (_jsxs(_Fragment, { children: [avatar !== undefined && _jsx(ShadcnAvatar, { ...avatar, name: name, size: size }), _jsxs("span", { className: "reacd-user-identity", children: [_jsx("span", { className: "reacd-user-name", children: name }), description !== undefined && (_jsx("span", { className: "reacd-user-description", id: descriptionId, children: description }))] })] }));
-    const identity = {
-        'aria-label': name,
-        'aria-describedby': description === undefined ? undefined : descriptionId,
-    };
-    if (href !== undefined)
-        return (_jsx("a", { ...properties, ...identity, href: href, children: content }));
-    if (onPress !== undefined)
-        return (_jsx(Button, { ...properties, ...identity, variant: "ghost", type: "button", onClick: () => onPress(), disabled: disabled, children: content }));
-    return _jsx("div", { ...properties, children: content });
-}

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

@@ -1,2 +0,0 @@
-import type { VStackProps } from '@fastsprout/reacd/adapter-runtime/components/v-stack/v-stack.js';
-export declare function ShadcnVStack(props: VStackProps): import("react").JSX.Element;

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Layout } from '@fastsprout/reacd/adapter-runtime/renderer/layout/layout.renderer.js';
-export function ShadcnVStack(props) {
-    return _jsx(Layout, { kind: "VStack", ...props });
-}