@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

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

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

package/dist/shared/switch/switch.adapter.js

@@ -0,0 +1,26 @@
+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 '../primitives/switch.js';
+import { Label } from '../primitives/label.js';
+export function SharedSwitch({ 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/shared/table/interactive-table.d.ts

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

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

@@ -0,0 +1,24 @@
+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 { SharedDataTable } from '../data-table/data-table.adapter.js';
+export function SharedInteractiveTable({ 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(SharedDataTable, { ...model, ...queryTable(model), ...capabilities, caption: caption, state: state, emptyMessage: emptyMessage, errorMessage: errorMessage }));
+}

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

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

package/dist/shared/table/table.adapter.js

@@ -0,0 +1,14 @@
+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 { SharedInteractiveTable } from './interactive-table.js';
+import { Button } from '../primitives/button.js';
+export function SharedTable(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(SharedInteractiveTable, { ...props })) : (_jsx(TableSurface, { ...props }));
+}

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

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

package/dist/shared/tabs/tabs.adapter.js

@@ -0,0 +1,17 @@
+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 '../primitives/tabs.js';
+export function SharedTabs({ 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/shared/text/text.adapter.d.ts

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

package/dist/shared/text/text.adapter.js

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

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

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

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

@@ -0,0 +1,9 @@
+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 '../primitives/textarea.js';
+import { Label } from '../primitives/label.js';
+export function SharedTextArea({ 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/shared/textarea/textarea.adapter.d.ts

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

package/dist/shared/textarea/textarea.adapter.js

@@ -0,0 +1,40 @@
+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 '../primitives/textarea.js';
+import { Label } from '../primitives/label.js';
+import { useAutoRows } from './use-auto-rows.js';
+export function SharedTextarea({ 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/shared/theme/theme.adapter.d.ts

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

package/dist/shared/theme/theme.adapter.js

@@ -0,0 +1,23 @@
+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 SharedTheme({ 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/shared/timeline/timeline.adapter.d.ts

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

package/dist/shared/timeline/timeline.adapter.js

@@ -0,0 +1,13 @@
+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 '../primitives/button.js';
+export function SharedTimeline({ 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/shared/toast/toast-data.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/shared/toast/toast-provider.js

@@ -0,0 +1,11 @@
+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 { SharedToastViewport } from './toast-viewport.js';
+export function SharedToastProvider({ children }) {
+    const [queue] = useState(createToastQueue);
+    return (_jsx(ToastQueueContext.Provider, { value: queue, children: _jsxs(Toast.Provider, { limit: TOAST_POLICY.maximumVisible, children: [children, _jsx(SharedToastViewport, {})] }) }));
+}

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

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

package/dist/shared/toast/toast-viewport.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlSurface } from '../primitives/control-surface.js';
+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 '../primitives/button.js';
+export function SharedToastViewport() {
+    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, { render: _jsx(ControlSurface, {}), 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/shared/toast/toast.adapter.d.ts

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

package/dist/shared/toast/toast.adapter.js

@@ -0,0 +1,14 @@
+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 SharedToast(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/shared/toggle/toggle.adapter.d.ts

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

package/dist/shared/toggle/toggle.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Switch } from '../primitives/switch.js';
+import { Label } from '../primitives/label.js';
+export function SharedToggle({ 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/shared/tooltip/tooltip.adapter.d.ts

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

package/dist/shared/tooltip/tooltip.adapter.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlSurface } from '../primitives/control-surface.js';
+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 SharedTooltip({ 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, { render: _jsx(ControlSurface, {}), 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/shared/tree/tree.adapter.d.ts

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

package/dist/shared/tree/tree.adapter.js

@@ -0,0 +1,27 @@
+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 '../primitives/button.js';
+import { useTree } from './use-tree.js';
+import { focusTreeElement } from './focus-element.js';
+export function SharedTree(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/shared/user/user.adapter.d.ts

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

package/dist/shared/user/user.adapter.js

@@ -0,0 +1,24 @@
+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 { SharedAvatar } from '../avatar/avatar.adapter.js';
+import { Button } from '../primitives/button.js';
+export function SharedUser({ 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(SharedAvatar, { ...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/shared/v-stack/v-stack.adapter.d.ts

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

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

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