@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

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

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

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

@@ -1,46 +0,0 @@
-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 ShadcnDashboardResizeHandle({ 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/dashboard-search/dashboard-search.adapter.d.ts

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

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

@@ -1,24 +0,0 @@
-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 { ShadcnModal } from '../modal/modal.adapter.js';
-import { ShadcnCommandPalette } from '../command-palette/command-palette.adapter.js';
-export function ShadcnDashboardSearch({ open, onOpenChange, title = DASHBOARD_DEFAULTS.searchLabel, description = DASHBOARD_DEFAULTS.searchDescription, onSelect, onQueryChange, ...palette }) {
-    const [invalidSelection, setInvalidSelection] = useState(false);
-    return (_jsxs(ShadcnModal, { title: title, description: description, open: open, onOpenChange: onOpenChange, retainContent: true, children: [invalidSelection && _jsx("p", { role: "alert", children: COMMAND_DEFAULTS.invalidSelection }), _jsx(ShadcnCommandPalette, { ...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/dashboard-search-button/dashboard-search-button.adapter.d.ts

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-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 { ShadcnSidebar } from '../sidebar/sidebar.adapter.js';
-export function ShadcnDashboardSidebar(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(ShadcnSidebar, { ...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/dashboard-sidebar-collapse/dashboard-sidebar-collapse.adapter.d.ts

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

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

@@ -1,22 +0,0 @@
-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 '../vendor/ui/button.js';
-export function ShadcnDashboardSidebarCollapse({ 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/dashboard-sidebar-toggle/dashboard-sidebar-toggle.adapter.d.ts

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

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

@@ -1,22 +0,0 @@
-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 '../vendor/ui/button.js';
-export function ShadcnDashboardSidebarToggle({ 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/dashboard-toolbar/dashboard-toolbar.adapter.d.ts

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ShadcnDashboardToolbar({ 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/data-table/data-table.adapter.d.ts

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

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ShadcnButton } from '../button/button.adapter.js';
-import { ShadcnCheckbox } from '../checkbox/checkbox.adapter.js';
-import { TableColumnFilter } from './filters.adapter.js';
-import { TablePagination } from './pagination.adapter.js';
-export function ShadcnDataTable(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(ShadcnButton, { 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(ShadcnCheckbox, { 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/data-table/filters.adapter.js

@@ -1,40 +0,0 @@
-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 '../vendor/ui/input.js';
-import { Label } from '../vendor/ui/label.js';
-import { ShadcnSelect } 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(ShadcnSelect, { 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/data-table/pagination.adapter.js

@@ -1,21 +0,0 @@
-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 { ShadcnButton } from '../button/button.adapter.js';
-import { ShadcnSelect } 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(ShadcnButton, { label: "Previous page", intent: "secondary", disabled: disabled || pageIndex === DATA_TABLE_POLICY.firstPageIndex, onPress: () => onPaginationChange?.({
-                    ...pagination,
-                    pageIndex: pageIndex - DATA_TABLE_POLICY.pageStep,
-                }) }), _jsx(ShadcnButton, { label: "Next page", intent: "secondary", disabled: disabled || pageIndex + DATA_TABLE_POLICY.pageStep >= pageCount, onPress: () => onPaginationChange?.({
-                    ...pagination,
-                    pageIndex: pageIndex + DATA_TABLE_POLICY.pageStep,
-                }) }), _jsx(ShadcnSelect, { 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/divider/divider.adapter.d.ts

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

package/dist/divider/divider.adapter.js

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

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

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

package/dist/drawer/drawer.adapter.js

@@ -1,14 +0,0 @@
-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 '../vendor/ui/button.js';
-import { usePanelFrame } from '../panel/use-panel-frame.js';
-export function ShadcnDrawer({ 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/dropdown-menu/dropdown-menu.adapter.d.ts

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

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

@@ -1,14 +0,0 @@
-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 '../vendor/ui/button.js';
-export function ShadcnDropdownMenu(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/editor/editor.adapter.d.ts

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

package/dist/editor/editor.adapter.js

@@ -1,21 +0,0 @@
-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 ShadcnEditor(properties) {
-    return (_jsx(EditorBoundary, { children: _jsx(EditorSurface, { ...properties }) }));
-}

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

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

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

@@ -1,54 +0,0 @@
-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 '../vendor/ui/button.js';
-import { useDragSession } from './use-drag-session.js';
-function issue(message) {
-    return _jsx(Issues, { issues: [{ path: 'EditorDragHandle', message }] });
-}
-export function ShadcnEditorDragHandle({ 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/editor-emoji-menu/editor-emoji-menu.adapter.d.ts

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

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

@@ -1,9 +0,0 @@
-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 ShadcnEditorEmojiMenu(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/editor-mention-menu/editor-mention-menu.adapter.d.ts

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

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

@@ -1,17 +0,0 @@
-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 ShadcnEditorMentionMenu(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/editor-sdk/resources.js

@@ -1,14 +0,0 @@
-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/editor-suggestion-menu/editor-suggestion-menu.adapter.d.ts

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

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

@@ -1,13 +0,0 @@
-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 ShadcnEditorSuggestionMenu(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 });
-}

package/dist/editor-toolbar/editor-toolbar.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { EditorToolbarProps } from '@fastsprout/reacd/adapter-runtime/components/editor-toolbar/index.js';
-export declare function ShadcnEditorToolbar({ label, items, disabled, }: EditorToolbarProps): import("react").JSX.Element;

package/dist/editor-toolbar/editor-toolbar.adapter.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { Toolbar } from '@base-ui/react/toolbar';
-import { EDITOR_COMMAND_LABELS, EDITOR_DEFAULT_COMMANDS, } from '@fastsprout/reacd/adapter-runtime/core/editor-commands.js';
-import { EDITOR_BEHAVIOR, EDITOR_DEFAULTS, EDITOR_ERRORS, } from '@fastsprout/reacd/adapter-runtime/core/editor-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 '../vendor/ui/button.js';
-const DEFAULT_ITEMS = EDITOR_DEFAULT_COMMANDS.map((command) => ({ command }));
-const ACTIONS = new Set([
-    'undo',
-    'redo',
-    'separator',
-    'removeLink',
-]);
-function commandValue(item) {
-    return item.command === 'link'
-        ? { command: 'link', href: item.href }
-        : { command: item.command };
-}
-export function ShadcnEditorToolbar({ label = EDITOR_DEFAULTS.toolbarLabel, items = DEFAULT_ITEMS, disabled, }) {
-    const port = useContext(EditorScopeContext);
-    if (port === null)
-        return (_jsx(Issues, { issues: [
-                {
-                    path: 'EditorToolbar',
-                    message: EDITOR_ERRORS.toolbarScope,
-                },
-            ] }));
-    return (_jsx(Toolbar.Root, { className: "reacd-node reacd-editor-toolbar", "aria-label": label, disabled: disabled === true || port.disabled, loopFocus: EDITOR_BEHAVIOR.loopToolbarFocus, children: items.map((item) => {
-            const command = commandValue(item);
-            const active = port.active(command);
-            return (_jsx(Toolbar.Button, { type: "button", "aria-label": item.label ?? EDITOR_COMMAND_LABELS[item.command], "aria-pressed": ACTIONS.has(item.command) ? undefined : active, disabled: disabled === true ||
-                    port.disabled ||
-                    item.disabled === true ||
-                    !port.available(command), focusableWhenDisabled: EDITOR_BEHAVIOR.toolbarDisabledFocusable, render: _jsx(Button, { className: "reacd-button", variant: active ? 'default' : 'outline' }), onClick: () => port.execute(command), children: item.label ?? EDITOR_COMMAND_LABELS[item.command] }, item.command));
-        }) }));
-}

package/dist/empty/empty.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { EmptyProps } from '@fastsprout/reacd/adapter-runtime/components/empty/empty.js';
-export declare function ShadcnEmpty({ title, description, leading, children, actions, footer, size, variant, loading, loadingLabel, }: EmptyProps): import("react").JSX.Element;

package/dist/empty/empty.adapter.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { EMPTY_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/empty-policy.js';
-import { SpinnerSurface } from '@fastsprout/reacd/adapter-runtime/renderer/spinner/spinner.renderer.js';
-export function ShadcnEmpty({ title, description, leading, children, actions, footer, size = EMPTY_DEFAULTS.size, variant = EMPTY_DEFAULTS.variant, loading = EMPTY_DEFAULTS.loading, loadingLabel = EMPTY_DEFAULTS.loadingLabel, }) {
-    const id = useId();
-    const titleId = `${id}-title`;
-    const descriptionId = `${id}-description`;
-    return (_jsxs("section", { className: "reacd-node reacd-empty", "data-slot": "empty", "data-size": size, "data-variant": variant, role: "region", "aria-labelledby": titleId, "aria-describedby": description === undefined ? undefined : descriptionId, "data-loading": loading, children: [_jsxs("header", { className: "reacd-empty-header", "data-slot": "empty-header", children: [leading !== undefined && (_jsx("div", { className: "reacd-empty-leading", "data-slot": "empty-media", children: leading })), _jsx("h2", { id: titleId, className: "reacd-empty-title", "data-slot": "empty-title", children: title }), description !== undefined && (_jsx("p", { id: descriptionId, "data-slot": "empty-description", children: description }))] }), loading && _jsx(SpinnerSurface, { label: loadingLabel }), children !== undefined && (_jsx("div", { className: "reacd-empty-content", "data-slot": "empty-content", "aria-busy": loading, children: children })), actions !== undefined && (_jsx("div", { className: "reacd-empty-actions", "data-slot": "empty-actions", children: actions })), footer !== undefined && _jsx("footer", { className: "reacd-empty-footer", children: footer })] }));
-}

package/dist/error/error.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ErrorProps } from '@fastsprout/reacd/adapter-runtime/components/error/error.js';
-export declare function ShadcnError({ statusCode, title, message, children, leading, actions, redirect, recoveryLabel, }: ErrorProps): import("react").JSX.Element;

package/dist/error/error.adapter.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { APPLICATION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/application-shell-policy.js';
-export function ShadcnError({ statusCode, title, message, children, leading, actions, redirect, recoveryLabel = APPLICATION_DEFAULTS.recoveryLabel, }) {
-    const id = useId();
-    const titleId = `${id}-error-title`;
-    const messageId = `${id}-error-message`;
-    return (_jsxs("section", { className: "reacd-node reacd-error", role: "region", "aria-labelledby": titleId, "aria-describedby": message === undefined ? undefined : messageId, children: [leading !== undefined && _jsx("div", { children: leading }), _jsx("p", { className: "reacd-error-status", children: statusCode }), _jsx("h2", { id: titleId, children: title }), message !== undefined && _jsx("p", { id: messageId, children: message }), children, _jsxs("div", { className: "reacd-error-actions", children: [actions, redirect !== undefined && (_jsx("a", { className: "reacd-node reacd-button", href: redirect, children: recoveryLabel }))] })] }));
-}

package/dist/field-group/field-group.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { FieldGroupProps } from '@fastsprout/reacd/adapter-runtime/components/field-group/index.js';
-export declare function ShadcnFieldGroup({ label, orientation, children, }: FieldGroupProps): import("react").JSX.Element;

package/dist/field-group/field-group.adapter.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FIELD_GROUP_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/field-group-policy.js';
-export function ShadcnFieldGroup({ label, orientation = FIELD_GROUP_DEFAULTS.orientation, children, }) {
-    return (_jsx("div", { className: "reacd-node reacd-field-group", role: "group", "aria-label": label, "data-orientation": orientation, children: children }));
-}

package/dist/file-upload/file-upload.adapter.d.ts

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