@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useContext, useId, useRef } from 'react';
+import { useDirection } from '@base-ui/react/direction-provider';
+import { DASHBOARD_DEFAULTS, DASHBOARD_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { dashboardDisplayLayout } from '@fastsprout/reacd/adapter-runtime/core/dashboard-layout.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 { DashboardContext, DashboardRegionContext, DashboardMainContext, } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { MainScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/main/main-scope.js';
+import { SharedDashboardResizeHandle } from '../dashboard-resize-handle/dashboard-resize-handle.adapter.js';
+export function SharedDashboardGroup({ label, regions, value, onValueChange, open, onOpenChange, mobileOpen, onMobileOpenChange, disabled = DASHBOARD_DEFAULTS.disabled, collapseMode = DASHBOARD_DEFAULTS.collapseMode, resizeLabel, children, }) {
+    const reference = useRef(null);
+    const track = useRef(null);
+    const mobileTrigger = useRef(null);
+    const rememberTrigger = useCallback((element) => {
+        mobileTrigger.current = element;
+    }, []);
+    const expanded = useRef(new Map());
+    const prefix = useId();
+    const direction = useDirection();
+    const parentMain = useContext(MainScopeContext);
+    const primary = regions.findIndex((region) => region.kind === 'panel');
+    const narrow = useSplitterReflow(reference, track, regions.length);
+    const presentation = dashboardDisplayLayout(regions, value, open, narrow, collapseMode);
+    const drag = useSplitterDrag({
+        reference,
+        panels: regions,
+        value,
+        onValueChange,
+        orientation: 'horizontal',
+        direction,
+        disabled: disabled || narrow || !open,
+    });
+    const context = {
+        regions,
+        value,
+        onValueChange,
+        open,
+        onOpenChange,
+        mobileOpen,
+        onMobileOpenChange,
+        disabled,
+        narrow,
+        collapseMode,
+        prefix,
+        resizeLabel,
+        direction,
+        drag,
+        expanded,
+        mobileTrigger,
+        rememberTrigger,
+    };
+    return (_jsx(DashboardContext.Provider, { value: context, children: _jsx(DashboardMainContext.Provider, { value: false, children: _jsxs(DashboardRegionContext.Provider, { value: null, children: [_jsxs("div", { ref: reference, role: "group", "aria-label": label, className: "reacd-node reacd-dashboard-group reacd-splitter", "data-orientation": "horizontal", "data-narrow": narrow, "data-dragging": drag.dragging, children: [_jsx("span", { ref: track, "aria-hidden": "true", className: "reacd-splitter-track" }), regions.map((region, index) => (_jsx(Fragment, { children: _jsx(DashboardRegionContext.Provider, { value: { index, region, primary: index === primary }, children: _jsxs(MainScopeContext.Provider, { value: parentMain || index !== primary, children: [_jsx("div", { id: `${prefix}-${region.id}`, className: "reacd-dashboard-region", "data-sidebar": region.kind === 'sidebar', "data-empty": presentation[index]?.share === DASHBOARD_POLICY.zeroShare, style: { flexGrow: presentation[index]?.share }, children: region.content }), _jsx(SharedDashboardResizeHandle, {})] }) }) }, region.id)))] }), _jsx(MainScopeContext.Provider, { value: true, children: children })] }) }) }));
+}

package/dist/shared/dashboard-navbar/dashboard-navbar.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardNavbarProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-navbar/index.js';
+export declare function SharedDashboardNavbar({ title, children, leading, trailing, start, end, }: DashboardNavbarProps): import("react").JSX.Element;

package/dist/shared/dashboard-navbar/dashboard-navbar.adapter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { DashboardContext, DashboardRegionContext, DashboardMainContext, } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { SharedDashboardSidebarToggle } from '../dashboard-sidebar-toggle/dashboard-sidebar-toggle.adapter.js';
+export function SharedDashboardNavbar({ title, children, leading, trailing, start, end, }) {
+    const group = useContext(DashboardContext);
+    const position = useContext(DashboardRegionContext);
+    const primary = useContext(DashboardMainContext);
+    const Heading = primary ? 'h1' : 'h2';
+    return (_jsxs("header", { className: "reacd-node reacd-dashboard-navbar", children: [_jsxs("div", { className: "reacd-dashboard-actions", children: [group !== null && _jsx(SharedDashboardSidebarToggle, {}), start, leading, _jsx(Heading, { children: title ?? position?.region.label ?? DASHBOARD_DEFAULTS.title }), trailing] }), children, _jsx("div", { className: "reacd-dashboard-actions", children: end })] }));
+}

package/dist/shared/dashboard-panel/dashboard-panel.adapter.d.ts

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

package/dist/shared/dashboard-panel/dashboard-panel.adapter.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { DashboardRegionContext, DashboardMainContext, } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { MainScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/main/main-scope.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+export function SharedDashboardPanel({ label, children, header, footer, }) {
+    const position = useContext(DashboardRegionContext);
+    const parentMain = useContext(MainScopeContext);
+    const nested = parentMain || (position !== null && !position.primary);
+    const name = label ?? position?.region.label;
+    if (name === undefined)
+        return (_jsx(Issues, { issues: [
+                { path: 'DashboardPanel', message: DASHBOARD_DEFAULTS.missingPanelLabel },
+            ] }));
+    const Container = nested ? 'section' : 'main';
+    return (_jsx(Container, { className: "reacd-node reacd-dashboard-panel", "aria-label": name, children: _jsx(MainScopeContext.Provider, { value: true, children: _jsxs(DashboardMainContext.Provider, { value: !nested, children: [header !== undefined && (_jsx("div", { className: "reacd-dashboard-panel-header", children: header })), _jsx("div", { className: "reacd-dashboard-panel-body", children: children }), footer !== undefined && _jsx("footer", { children: footer })] }) }) }));
+}

package/dist/shared/dashboard-resize-handle/dashboard-resize-handle.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardResizeHandleProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-resize-handle/index.js';
+export declare function SharedDashboardResizeHandle({ label, disabled, }: DashboardResizeHandleProps): import("react").JSX.Element | null;

package/dist/shared/dashboard-resize-handle/dashboard-resize-handle.adapter.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { pairBounds } from '@fastsprout/reacd/adapter-runtime/core/splitter.js';
+import { splitterKey } from '@fastsprout/reacd/adapter-runtime/renderer/splitter/splitter-key.js';
+import { DashboardContext, DashboardRegionContext, } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+export function SharedDashboardResizeHandle({ label, disabled, }) {
+    const group = useContext(DashboardContext);
+    const position = useContext(DashboardRegionContext);
+    if (group === null || position === null)
+        return (_jsx(Issues, { issues: [
+                {
+                    path: 'DashboardResizeHandle',
+                    message: DASHBOARD_DEFAULTS.missingGroup,
+                },
+            ] }));
+    const { index, region } = position;
+    const current = group.value[index];
+    const next = group.regions[index + 1];
+    const bounds = pairBounds(group.regions, group.value, index);
+    if (!current || !next || !bounds || group.narrow || !group.open)
+        return null;
+    const inert = Boolean(disabled || group.disabled);
+    return (_jsx("div", { role: "separator", className: "reacd-splitter-handle", "aria-label": label ?? group.resizeLabel ?? region.label, "aria-controls": `${group.prefix}-${region.id} ${group.prefix}-${next.id}`, "aria-orientation": "vertical", "aria-valuemin": bounds.min, "aria-valuemax": bounds.max, "aria-valuenow": current.share, "aria-disabled": inert, tabIndex: inert ? -1 : 0, onKeyDown: (event) => {
+            if (inert)
+                return;
+            const result = splitterKey({
+                key: event.key,
+                shift: event.shiftKey,
+                index,
+                panels: group.regions,
+                value: group.value,
+                orientation: 'horizontal',
+                direction: group.direction,
+                expanded: group.expanded.current,
+            });
+            if (result) {
+                event.preventDefault();
+                group.onValueChange(result);
+            }
+        }, onPointerDown: (event) => {
+            if (!inert)
+                group.drag.start(event, index);
+        }, onPointerMove: group.drag.move, onPointerUp: group.drag.finish, onPointerCancel: group.drag.cancel, onLostPointerCapture: group.drag.cancel, onBlur: group.drag.cancel }));
+}

package/dist/shared/dashboard-search/dashboard-search.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardSearchProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-search/index.js';
+export declare function SharedDashboardSearch({ open, onOpenChange, title, description, onSelect, onQueryChange, ...palette }: DashboardSearchProps): import("react").JSX.Element;

package/dist/shared/dashboard-search/dashboard-search.adapter.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { COMMAND_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/command-policy.js';
+import { SharedModal } from '../modal/modal.adapter.js';
+import { SharedCommandPalette } from '../command-palette/command-palette.adapter.js';
+export function SharedDashboardSearch({ open, onOpenChange, title = DASHBOARD_DEFAULTS.searchLabel, description = DASHBOARD_DEFAULTS.searchDescription, onSelect, onQueryChange, ...palette }) {
+    const [invalidSelection, setInvalidSelection] = useState(false);
+    return (_jsxs(SharedModal, { title: title, description: description, open: open, onOpenChange: onOpenChange, retainContent: true, children: [invalidSelection && _jsx("p", { role: "alert", children: COMMAND_DEFAULTS.invalidSelection }), _jsx(SharedCommandPalette, { ...palette, onQueryChange: (query) => {
+                    setInvalidSelection(false);
+                    onQueryChange(query);
+                }, onSelect: (key) => {
+                    const accepted = onSelect?.(key);
+                    if (accepted === false)
+                        return false;
+                    if (accepted !== undefined && accepted !== true) {
+                        setInvalidSelection(true);
+                        return false;
+                    }
+                    setInvalidSelection(false);
+                    onOpenChange(false);
+                    return true;
+                } })] }));
+}

package/dist/shared/dashboard-search-button/dashboard-search-button.adapter.d.ts

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

package/dist/shared/dashboard-search-button/dashboard-search-button.adapter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { Button } from '../primitives/button.js';
+export function SharedDashboardSearchButton({ label = DASHBOARD_DEFAULTS.searchLabel, onPress, disabled, }) {
+    return (_jsx(Button, { className: "reacd-node reacd-button", variant: "secondary", disabled: disabled, onClick: () => onPress(), children: label }));
+}

package/dist/shared/dashboard-sidebar/dashboard-sidebar.adapter.d.ts

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

package/dist/shared/dashboard-sidebar/dashboard-sidebar.adapter.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { DashboardContext, DashboardRegionContext, } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { SidebarEnvironmentContext } from '@fastsprout/reacd/adapter-runtime/renderer/sidebar/sidebar-environment.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { SharedSidebar } from '../sidebar/sidebar.adapter.js';
+export function SharedDashboardSidebar(properties) {
+    const group = useContext(DashboardContext);
+    const position = useContext(DashboardRegionContext);
+    if (group === null || position === null || position.region.kind !== 'sidebar')
+        return (_jsx(Issues, { issues: [
+                { path: 'DashboardSidebar', message: DASHBOARD_DEFAULTS.wrongSidebar },
+            ] }));
+    return (_jsx(SidebarEnvironmentContext.Provider, { value: {
+            narrow: group.narrow,
+            trigger: group.mobileTrigger,
+        }, children: _jsx(SharedSidebar, { ...properties, title: position.region.label, open: group.open, onOpenChange: group.onOpenChange, mobileOpen: group.mobileOpen, onMobileOpenChange: group.onMobileOpenChange, collapsible: group.collapseMode, disabled: group.disabled }) }));
+}

package/dist/shared/dashboard-sidebar-collapse/dashboard-sidebar-collapse.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardSidebarCollapseProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-sidebar-collapse/index.js';
+export declare function SharedDashboardSidebarCollapse({ label, disabled, }: DashboardSidebarCollapseProps): import("react").JSX.Element | null;

package/dist/shared/dashboard-sidebar-collapse/dashboard-sidebar-collapse.adapter.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { DashboardContext } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { Button } from '../primitives/button.js';
+export function SharedDashboardSidebarCollapse({ label, disabled, }) {
+    const group = useContext(DashboardContext);
+    if (group === null)
+        return (_jsx(Issues, { issues: [
+                {
+                    path: 'DashboardSidebarCollapse',
+                    message: DASHBOARD_DEFAULTS.missingGroup,
+                },
+            ] }));
+    if (group.narrow)
+        return null;
+    return (_jsx(Button, { className: "reacd-node reacd-button", variant: "secondary", disabled: disabled || group.disabled, "aria-expanded": group.open, onClick: () => group.onOpenChange(!group.open), children: label ??
+            (group.open
+                ? DASHBOARD_DEFAULTS.collapseLabel
+                : DASHBOARD_DEFAULTS.expandLabel) }));
+}

package/dist/shared/dashboard-sidebar-toggle/dashboard-sidebar-toggle.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardSidebarToggleProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-sidebar-toggle/index.js';
+export declare function SharedDashboardSidebarToggle({ label, disabled, }: DashboardSidebarToggleProps): import("react").JSX.Element | null;

package/dist/shared/dashboard-sidebar-toggle/dashboard-sidebar-toggle.adapter.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { DASHBOARD_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/dashboard-policy.js';
+import { DashboardContext } from '@fastsprout/reacd/adapter-runtime/renderer/dashboard/dashboard-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { Button } from '../primitives/button.js';
+export function SharedDashboardSidebarToggle({ label, disabled, }) {
+    const group = useContext(DashboardContext);
+    if (group === null)
+        return (_jsx(Issues, { issues: [
+                { path: 'DashboardSidebarToggle', message: DASHBOARD_DEFAULTS.missingGroup },
+            ] }));
+    if (!group.narrow)
+        return null;
+    return (_jsx(Button, { className: "reacd-node reacd-button", variant: "secondary", disabled: disabled || group.disabled, "aria-expanded": group.mobileOpen, onClick: (event) => {
+            group.rememberTrigger(event.currentTarget);
+            group.onMobileOpenChange(!group.mobileOpen);
+        }, children: label ??
+            (group.mobileOpen
+                ? DASHBOARD_DEFAULTS.closeLabel
+                : DASHBOARD_DEFAULTS.openLabel) }));
+}

package/dist/shared/dashboard-toolbar/dashboard-toolbar.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardToolbarProps } from '@fastsprout/reacd/adapter-runtime/components/dashboard-toolbar/index.js';
+export declare function SharedDashboardToolbar({ label, start, children, end, }: DashboardToolbarProps): import("react").JSX.Element;

package/dist/shared/dashboard-toolbar/dashboard-toolbar.adapter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SharedDashboardToolbar({ label, start, children, end, }) {
+    return (_jsxs("div", { role: "group", "aria-label": label, className: "reacd-node reacd-dashboard-toolbar", children: [_jsx("div", { className: "reacd-dashboard-actions", children: start }), children, _jsx("div", { className: "reacd-dashboard-actions", children: end })] }));
+}

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

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

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SharedButton } from '../button/button.adapter.js';
+import { SharedCheckbox } from '../checkbox/checkbox.adapter.js';
+import { TableColumnFilter } from './filters.adapter.js';
+import { TablePagination } from './pagination.adapter.js';
+export function SharedDataTable(props) {
+    const { caption, columns, rows, selection, sorting, filters, onSelectionChange, onSortingChange, onFiltersChange, } = props;
+    if (props.state === 'loading')
+        return _jsx("p", { role: "status", children: "Loading data\u2026" });
+    if (props.state === 'error')
+        return _jsx("p", { role: "alert", children: props.errorMessage ?? 'Unable to load data.' });
+    const variables = {
+        '--reacd-table-columns': columns.length + 1,
+    };
+    return (_jsxs("div", { className: "reacd-vstack", children: [_jsx("div", { className: "reacd-table-scroll", role: "region", "aria-label": caption, tabIndex: 0, children: _jsxs("table", { className: "reacd-table", style: variables, children: [_jsx("caption", { children: caption }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Selection" }), columns.map((column) => {
+                                        const sort = sorting.find((rule) => rule.column === column.key);
+                                        return (_jsxs("th", { scope: "col", "aria-sort": sort?.direction ?? 'none', children: [_jsx(SharedButton, { label: `Sort ${column.label}`, intent: "secondary", disabled: onSortingChange === undefined, onPress: () => onSortingChange?.(sort?.direction === 'descending'
+                                                        ? []
+                                                        : [
+                                                            {
+                                                                column: column.key,
+                                                                direction: sort === undefined ? 'ascending' : 'descending',
+                                                            },
+                                                        ]) }), _jsx(TableColumnFilter, { column: column, filters: filters, onFiltersChange: onFiltersChange })] }, column.key));
+                                    })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(SharedCheckbox, { label: `Select row ${row.id}`, checked: selection.includes(row.id), disabled: onSelectionChange === undefined, onCheckedChange: (checked) => onSelectionChange?.(checked
+                                                ? [...selection, row.id]
+                                                : selection.filter((id) => id !== row.id)) }) }), columns.map((column) => (_jsx("td", { children: String(row.cells[column.key] ?? '') }, column.key)))] }, row.id))) })] }) }), rows.length === 0 && (_jsx("p", { role: "status", children: props.emptyMessage ?? 'No matching rows.' })), _jsx(TablePagination, { ...props })] }));
+}

package/dist/shared/data-table/filters.adapter.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { DATA_TABLE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/data-table-policy.js';
+import { Input } from '../primitives/input.js';
+import { Label } from '../primitives/label.js';
+import { SharedSelect } from '../select/select.adapter.js';
+export function TableColumnFilter({ column, filters, onFiltersChange, }) {
+    const id = useId();
+    const current = filters.find((filter) => filter.column === column.key);
+    function change(input) {
+        const value = column.kind === 'boolean' && input === DATA_TABLE_POLICY.allFilterValue
+            ? ''
+            : input;
+        const remaining = filters.filter((filter) => filter.column !== column.key);
+        const scalar = column.kind === 'number'
+            ? Number(value)
+            : column.kind === 'boolean'
+                ? value === 'true'
+                : value;
+        onFiltersChange?.(value === ''
+            ? remaining
+            : [
+                ...remaining,
+                {
+                    column: column.key,
+                    operator: column.kind === 'text' ? 'contains' : 'equals',
+                    value: scalar,
+                },
+            ]);
+    }
+    const value = current === undefined ? '' : String(current.value);
+    const label = `Filter ${column.label}`;
+    if (column.kind === 'boolean')
+        return (_jsx(SharedSelect, { label: label, value: value === '' ? DATA_TABLE_POLICY.allFilterValue : value, items: [
+                { value: DATA_TABLE_POLICY.allFilterValue, label: 'All' },
+                { value: 'true', label: 'True' },
+                { value: 'false', label: 'False' },
+            ], disabled: onFiltersChange === undefined, onValueChange: change }));
+    return (_jsxs("div", { className: "reacd-field", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, className: "reacd-input", value: value, type: column.kind === 'number' ? 'number' : 'search', disabled: onFiltersChange === undefined, onChange: (event) => change(event.currentTarget.value) })] }));
+}

package/dist/shared/data-table/pagination.adapter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DATA_TABLE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/data-table-policy.js';
+import { SharedButton } from '../button/button.adapter.js';
+import { SharedSelect } from '../select/select.adapter.js';
+export function TablePagination({ pagination, pageCount, totalRows, filteredRows, onPaginationChange, }) {
+    const { pageIndex, pageSize } = pagination;
+    const sizes = [...new Set([...DATA_TABLE_POLICY.pageSizes, pageSize])].sort((left, right) => left - right);
+    const disabled = onPaginationChange === undefined;
+    const pageLabel = `Page ${pageIndex + DATA_TABLE_POLICY.pageStep} of ${pageCount}.`;
+    const rowLabel = `${filteredRows} of ${totalRows} rows.`;
+    return (_jsxs("div", { className: "reacd-hstack", "aria-label": "Table pagination", children: [_jsxs("p", { role: "status", children: [pageLabel, " ", rowLabel] }), _jsx(SharedButton, { label: "Previous page", intent: "secondary", disabled: disabled || pageIndex === DATA_TABLE_POLICY.firstPageIndex, onPress: () => onPaginationChange?.({
+                    ...pagination,
+                    pageIndex: pageIndex - DATA_TABLE_POLICY.pageStep,
+                }) }), _jsx(SharedButton, { label: "Next page", intent: "secondary", disabled: disabled || pageIndex + DATA_TABLE_POLICY.pageStep >= pageCount, onPress: () => onPaginationChange?.({
+                    ...pagination,
+                    pageIndex: pageIndex + DATA_TABLE_POLICY.pageStep,
+                }) }), _jsx(SharedSelect, { label: "Rows per page", value: String(pageSize), disabled: disabled, items: sizes.map((size) => ({ value: String(size), label: String(size) })), onValueChange: (value) => onPaginationChange?.({
+                    pageSize: Number(value),
+                    pageIndex: DATA_TABLE_POLICY.firstPageIndex,
+                }) })] }));
+}

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

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

package/dist/shared/divider/divider.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from '../primitives/separator.js';
+export function SharedDivider() {
+    return _jsx(Separator, { className: "reacd-node reacd-divider", decorative: false });
+}

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

@@ -0,0 +1,2 @@
+import type { DrawerProps } from '@fastsprout/reacd/adapter-runtime/components/drawer/index.js';
+export declare function SharedDrawer({ title, description, open, onOpenChange, triggerLabel, children, footer, disabled, dismissible, closeLabel, modal, overlay, fullscreen, retainContent, placement, handle, }: DrawerProps): import("react").JSX.Element;

package/dist/shared/drawer/drawer.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer } from '@base-ui/react/drawer';
+import { MODAL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/modal-policy.js';
+import { PANEL_DEFAULTS, PANEL_SWIPE, resolvePanelEdge, } from '@fastsprout/reacd/adapter-runtime/core/panel-policy.js';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { initialLayerFocus } from '@fastsprout/reacd/adapter-runtime/renderer/theme/initial-layer-focus.js';
+import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { Button } from '../primitives/button.js';
+import { usePanelFrame } from '../panel/use-panel-frame.js';
+export function SharedDrawer({ title, description, open, onOpenChange, triggerLabel, children, footer, disabled, dismissible, closeLabel = MODAL_DEFAULTS.closeLabel, modal = MODAL_DEFAULTS.modal, overlay = MODAL_DEFAULTS.overlay, fullscreen = MODAL_DEFAULTS.fullscreen, retainContent = MODAL_DEFAULTS.retainContent, placement = PANEL_DEFAULTS.drawer, handle = PANEL_DEFAULTS.handle, }) {
+    const { active, change, direction, escapeScope, host, setHost, variables, dismissible: canDismiss, } = usePanelFrame({ open, onOpenChange, dismissible });
+    const edge = resolvePanelEdge(placement, direction);
+    return (_jsxs(Drawer.Root, { open: active, modal: modal, onOpenChange: change, disablePointerDismissal: !canDismiss, swipeDirection: PANEL_SWIPE[edge], children: [triggerLabel !== undefined && (_jsx(Drawer.Trigger, { disabled: disabled, render: _jsx(Button, { className: "reacd-node reacd-button" }), children: triggerLabel })), _jsxs(Drawer.Portal, { keepMounted: retainContent, hidden: !active, className: "reacd-root reacd-portal-root reacd-edge-portal", style: variables, dir: direction, children: [modal && overlay && _jsx(Drawer.Backdrop, { className: "reacd-modal-backdrop" }), _jsx(Drawer.Viewport, { className: "reacd-edge-viewport", "data-modal": modal, children: _jsx(Drawer.Popup, { ref: setHost, initialFocus: (interaction) => initialLayerFocus(host, interaction), className: "reacd-edge-panel reacd-drawer-panel", "data-edge": edge, "data-fullscreen": fullscreen, "aria-modal": modal, children: _jsx(PortalHostContext.Provider, { value: host, children: _jsx(EscapeScopeContext.Provider, { value: escapeScope, children: _jsxs(PortalActiveContext.Provider, { value: active, children: [handle && (_jsx("div", { className: "reacd-drawer-grip", "aria-hidden": "true", children: _jsx("div", { className: "reacd-drawer-handle" }) })), _jsxs(Drawer.Content, { children: [_jsxs("header", { className: "reacd-modal-header", children: [_jsx(Drawer.Title, { children: title }), _jsx(Drawer.Description, { children: description })] }), _jsx("div", { className: "reacd-modal-body", children: children }), _jsxs("footer", { className: "reacd-modal-footer", children: [footer, _jsx(Drawer.Close, { render: _jsx(Button, { variant: "secondary", className: "reacd-node reacd-button" }), children: closeLabel })] })] })] }) }) }) }) })] })] }));
+}

package/dist/shared/dropdown-menu/dropdown-menu.adapter.d.ts

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

package/dist/shared/dropdown-menu/dropdown-menu.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu } from '@base-ui/react/menu';
+import { ACTION_MENU_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/action-menu-policy.js';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { useMenuFrame } from '../action-menu/use-menu-frame.js';
+import { MenuItems } from '../action-menu/menu-items.js';
+import { MenuSurface } from '../action-menu/menu-surface.js';
+import { MenuContent } from '../action-menu/menu-content.js';
+import { Button } from '../primitives/button.js';
+export function SharedDropdownMenu(properties) {
+    const { label, items, disabled, onOpenChange } = properties;
+    const { active, scope, change } = useMenuFrame(properties);
+    return (_jsxs(Menu.Root, { open: active, onOpenChange: change, modal: properties.modal ?? ACTION_MENU_DEFAULTS.modal, disabled: disabled, children: [_jsx(Menu.Trigger, { disabled: disabled, render: _jsx(Button, { className: "reacd-node reacd-button" }), children: label }), _jsx(MenuSurface, { label: label, children: _jsx(EscapeScopeContext.Provider, { value: scope, children: _jsx(MenuContent, { close: () => onOpenChange(false), children: _jsx(MenuItems, { items: items }) }) }) })] }));
+}

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

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

package/dist/shared/editor/editor.adapter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from 'react';
+import { EditorContent } from '@tiptap/react';
+import { EDITOR_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/editor-policy.js';
+import { EditorScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/editor/editor-context.js';
+import { editorPlainText } from '@fastsprout/reacd/adapter-runtime/renderer/editor/plain-text.js';
+import { useEditorSession } from './use-editor-session.js';
+import { createEditorPort } from './use-editor-port.js';
+import { EditorMenuScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/editor/menu-context.js';
+import { createEditorMenuPort } from '../editor-menu/menu-port.js';
+import { EditorBoundary } from '@fastsprout/reacd/adapter-runtime/renderer/editor/editor-boundary.js';
+function EditorSurface(properties) {
+    const id = useId();
+    const { editor, ready, issue, protectedView, drag, properties: effective, } = useEditorSession(properties, id);
+    const port = createEditorPort(editor, effective, protectedView || !ready, drag);
+    const menu = useMemo(() => createEditorMenuPort(editor, protectedView || !ready), [editor, protectedView, ready]);
+    return (_jsx(EditorScopeContext, { value: port, children: _jsx(EditorMenuScopeContext, { value: menu, children: _jsxs("div", { className: "reacd-node reacd-editor", children: [_jsx("div", { id: `${id}-label`, className: "reacd-editor-label", children: properties.label }), _jsx("div", { id: `${id}-description`, children: properties.description }), properties.toolbar, !ready && (_jsxs("div", { role: "region", "aria-label": `${properties.label} preview`, className: "reacd-editor-preview", children: [editorPlainText(properties.value), _jsx("span", { role: "status", children: EDITOR_DEFAULTS.loadingLabel })] })), _jsx("div", { hidden: !ready, className: "reacd-editor-content", children: _jsx(EditorContent, { editor: editor }) }), issue !== undefined && _jsx("p", { role: "alert", children: issue }), properties.children] }) }) }));
+}
+export function SharedEditor(properties) {
+    return (_jsx(EditorBoundary, { children: _jsx(EditorSurface, { ...properties }) }));
+}

package/dist/shared/editor-drag-handle/editor-drag-handle.adapter.d.ts

@@ -0,0 +1,2 @@
+import type * as Handle from '@fastsprout/reacd/adapter-runtime/components/editor-drag-handle/index.js';
+export declare function SharedEditorDragHandle({ label, blockId, disabled, }: Handle.EditorDragHandleProps): import("react").JSX.Element;

package/dist/shared/editor-drag-handle/editor-drag-handle.adapter.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useId } from 'react';
+import { editorBlockIds } from '@fastsprout/reacd/adapter-runtime/core/editor-blocks.js';
+import { EDITOR_DRAG_POLICY as P } from '@fastsprout/reacd/adapter-runtime/core/editor-drag-handle-policy.js';
+import { EditorScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/editor/editor-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { Button } from '../primitives/button.js';
+import { useDragSession } from './use-drag-session.js';
+function issue(message) {
+    return _jsx(Issues, { issues: [{ path: 'EditorDragHandle', message }] });
+}
+export function SharedEditorDragHandle({ label, blockId, disabled, }) {
+    const id = useId();
+    const port = useContext(EditorScopeContext);
+    const target = blockId ?? port?.selectedBlockId;
+    const known = port !== null &&
+        target !== undefined &&
+        editorBlockIds(port.document).includes(target);
+    const blocked = disabled === true || port === null || port.disabled || !known;
+    const session = useDragSession(target, blocked);
+    if (port === null)
+        return issue(P.scopeError);
+    if (target === undefined)
+        return issue(P.selectionError);
+    if (!known)
+        return issue(P.unknownError);
+    const moves = port.blockMoves(target);
+    const canDrag = !blocked && (moves.up || moves.down);
+    const selectLabel = canDrag ? P.selectAndDrag : P.select;
+    return (_jsxs("div", { className: "reacd-node reacd-editor-drag-handle", role: "group", "aria-labelledby": `${id}-label`, "aria-describedby": `${id}-help`, "aria-disabled": blocked || undefined, children: [_jsx("p", { id: `${id}-label`, children: label }), _jsx("p", { id: `${id}-help`, children: blocked
+                    ? P.protectedInstructions
+                    : canDrag
+                        ? P.instructions
+                        : P.fixedInstructions }), _jsxs("div", { className: "reacd-editor-drag-controls", children: [_jsx(Button, { type: "button", className: "reacd-button", variant: "outline", disabled: blocked, draggable: canDrag, "aria-label": `${label}: ${selectLabel}`, onClick: () => port.selectBlock(target), onDragStart: (event) => {
+                            session.finish();
+                            if (!canDrag || !port.beginBlockDrag(target)) {
+                                event.preventDefault();
+                                return;
+                            }
+                            session.start({ id: target, cancel: () => port.cancelBlockDrag() });
+                            try {
+                                event.dataTransfer.effectAllowed = P.moveEffect;
+                                event.dataTransfer.setData(P.mimeType, target);
+                            }
+                            catch {
+                                session.finish();
+                                event.preventDefault();
+                            }
+                        }, onDragEnd: () => session.finish(), onKeyDown: (event) => {
+                            if (event.key === 'Escape' && session.finish()) {
+                                event.preventDefault();
+                            }
+                        }, children: selectLabel }), _jsx(Button, { type: "button", className: "reacd-button", variant: "outline", disabled: blocked || !moves.up, "aria-label": `${label}: ${P.up}`, onClick: () => port.moveBlock(target, 'up'), children: P.up }), _jsx(Button, { type: "button", className: "reacd-button", variant: "outline", disabled: blocked || !moves.down, "aria-label": `${label}: ${P.down}`, onClick: () => port.moveBlock(target, 'down'), children: P.down })] })] }));
+}

package/dist/shared/editor-emoji-menu/editor-emoji-menu.adapter.d.ts

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

package/dist/shared/editor-emoji-menu/editor-emoji-menu.adapter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useEditorMenu } from '../editor-menu/use-editor-menu.js';
+import { EditorMenuPanel } from '../editor-menu/menu-panel.js';
+export function SharedEditorEmojiMenu(properties) {
+    const items = useMemo(() => properties.items.map((item) => ({ ...item, kind: 'emoji' })), [properties.items]);
+    const menu = useEditorMenu('emoji', items, properties.disabled);
+    return _jsx(EditorMenuPanel, { label: properties.label, ...menu });
+}

package/dist/shared/editor-mention-menu/editor-mention-menu.adapter.d.ts

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

package/dist/shared/editor-mention-menu/editor-mention-menu.adapter.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useEditorMenu } from '../editor-menu/use-editor-menu.js';
+import { EditorMenuPanel } from '../editor-menu/menu-panel.js';
+const EMPTY = Object.freeze([]);
+export function SharedEditorMentionMenu(properties) {
+    const catalog = properties.items ?? EMPTY;
+    const items = useMemo(() => catalog.map((item) => ({ ...item, kind: 'mention' })), [catalog]);
+    const lookup = useMemo(() => properties.onQueryChange === undefined
+        ? undefined
+        : {
+            results: properties.results,
+            onQueryChange: properties.onQueryChange,
+        }, [properties.results, properties.onQueryChange]);
+    const menu = useEditorMenu('mention', items, properties.disabled, lookup);
+    return _jsx(EditorMenuPanel, { label: properties.label, ...menu });
+}

package/dist/shared/editor-sdk/resources.js

@@ -0,0 +1,16 @@
+export function createEditorResources() {
+    const editors = new Set();
+    return {
+        capture(editor) {
+            editors.add(editor);
+            editor.on('destroy', () => {
+                editors.delete(editor);
+            });
+        },
+        dispose() {
+            for (const editor of editors)
+                editor.destroy();
+            editors.clear();
+        },
+    };
+}

package/dist/shared/editor-suggestion-menu/editor-suggestion-menu.adapter.d.ts

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

package/dist/shared/editor-suggestion-menu/editor-suggestion-menu.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useEditorMenu } from '../editor-menu/use-editor-menu.js';
+import { EditorMenuPanel } from '../editor-menu/menu-panel.js';
+export function SharedEditorSuggestionMenu(properties) {
+    const items = useMemo(() => properties.items.map((item) => ({
+        ...item,
+        kind: 'suggestion',
+        value: { command: item.command },
+    })), [properties.items]);
+    const menu = useEditorMenu('suggestion', items, properties.disabled);
+    return _jsx(EditorMenuPanel, { label: properties.label, ...menu });
+}