@fastsprout/reacd-shadcn 0.0.0-stage → 0.2.0

package/dist/color-picker/color-hex.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from 'react';
+import { COLOR_HEX_PATTERNS, COLOR_PICKER_POLICY as P, } from '@fastsprout/reacd/adapter-runtime/core/color-picker-policy.js';
+import { colorValueSchema } from '@fastsprout/reacd/adapter-runtime/schema/color-picker/index.js';
+import { Input } from '../vendor/ui/input.js';
+export function ColorHex(props) {
+    const id = useId();
+    const input = useRef(null);
+    const [local, setLocal] = useState({
+        source: props.value,
+        draft: props.value,
+        invalid: false,
+    });
+    const current = local.source === props.value
+        ? local
+        : {
+            source: props.value,
+            draft: props.value,
+            invalid: false,
+        };
+    function reset() {
+        setLocal({ source: props.value, draft: props.value, invalid: false });
+    }
+    function commit() {
+        if (props.disabled || props.readOnly)
+            return;
+        const canonical = current.draft.toLowerCase();
+        if (!colorValueSchema(props.mode).safeParse(canonical).success) {
+            setLocal({ ...current, invalid: true });
+            return;
+        }
+        reset();
+        if (canonical !== props.value)
+            props.onValueChange(canonical);
+    }
+    return (_jsxs("div", { className: "reacd-field", children: [_jsxs("label", { htmlFor: id, children: [props.label, " hexadecimal"] }), _jsx(Input, { id: id, ref: input, type: "text", value: current.draft, disabled: props.disabled, readOnly: props.readOnly, spellCheck: false, maxLength: props.mode === 'rgb' ? P.rgbLength : P.rgbaLength, pattern: COLOR_HEX_PATTERNS[props.mode], required: true, "aria-invalid": current.invalid || undefined, "aria-describedby": `${id}-help`, onChange: (event) => {
+                    if (!props.disabled && !props.readOnly)
+                        setLocal({
+                            source: props.value,
+                            draft: event.target.value,
+                            invalid: false,
+                        });
+                }, onBlur: commit, onKeyDown: (event) => {
+                    if (event.key === 'Enter') {
+                        event.preventDefault();
+                        commit();
+                    }
+                    if (event.key === 'Escape') {
+                        event.preventDefault();
+                        reset();
+                    }
+                }, onInvalid: (event) => {
+                    event.preventDefault();
+                    setLocal({ ...current, invalid: true });
+                    input.current?.focus();
+                } }), _jsx("p", { id: `${id}-help`, role: current.invalid ? 'alert' : undefined, className: "reacd-color-feedback", children: P.invalidHex })] }));
+}

package/dist/color-picker/color-picker.adapter.d.ts

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

package/dist/color-picker/color-picker.adapter.js

@@ -0,0 +1,20 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { useDirection } from '@radix-ui/react-direction';
+import { I18nProvider } from 'react-aria-components/I18nProvider';
+import { ColorArea, ColorThumb } from 'react-aria-components/ColorArea';
+import { ColorSlider, SliderTrack } from 'react-aria-components/ColorSlider';
+import { parseColor } from 'react-aria-components/ColorPicker';
+import { COLOR_PICKER_POLICY as P } from '@fastsprout/reacd/adapter-runtime/core/color-picker-policy.js';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { Button } from '../vendor/ui/button.js';
+import { useColorModel } from './use-color-model.js';
+import { ColorHex } from './color-hex.js';
+export function ShadcnColorPicker(props) {
+    const id = useId();
+    const direction = useDirection();
+    const metadata = useFieldMetadata(props, props.description ? [`${id}-help`] : []);
+    const blocked = metadata.disabled || Boolean(props.readOnly);
+    const { color, change } = useColorModel(props.value, props.mode, blocked, props.onValueChange);
+    return (_jsx(I18nProvider, { locale: direction === 'rtl' ? P.rtlLocale : P.ltrLocale, children: _jsxs("div", { className: "reacd-node reacd-field reacd-color-picker", dir: direction, role: "group", "aria-labelledby": `${id}-label`, "aria-describedby": metadata.descriptionIds.join(' ') || undefined, "aria-invalid": Boolean(metadata.error) || undefined, "aria-disabled": metadata.disabled || undefined, children: [_jsx("span", { id: `${id}-label`, children: props.label }), props.description && _jsx("p", { id: `${id}-help`, children: props.description }), _jsx(ColorArea, { form: `${id}-channels`, className: "reacd-color-area", "aria-label": `${props.label} color area`, colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", value: color, onChange: change, isDisabled: blocked, children: _jsx(ColorThumb, { className: "reacd-color-thumb" }) }), _jsxs("span", { children: [props.label, " hue"] }), _jsx(ColorSlider, { form: `${id}-channels`, "aria-label": `${props.label} hue`, value: color, onChange: change, colorSpace: "hsb", channel: "hue", isDisabled: blocked, className: "reacd-color-slider", children: _jsx(SliderTrack, { className: "reacd-color-track", children: _jsx(ColorThumb, { className: "reacd-color-thumb" }) }) }), props.mode === 'rgba' && (_jsxs(_Fragment, { children: [_jsxs("span", { children: [props.label, " alpha"] }), _jsx(ColorSlider, { form: `${id}-channels`, "aria-label": `${props.label} alpha`, value: color, onChange: change, channel: "alpha", isDisabled: blocked, className: "reacd-color-slider", children: _jsx(SliderTrack, { className: "reacd-color-track", children: _jsx(ColorThumb, { className: "reacd-color-thumb" }) }) })] })), _jsx(ColorHex, { label: props.label, value: props.value, mode: props.mode, onValueChange: props.onValueChange, disabled: metadata.disabled, readOnly: Boolean(props.readOnly) }), props.presets && (_jsx("div", { className: "reacd-color-presets", children: props.presets.map((preset) => (_jsxs(Button, { type: "button", className: "reacd-button", "aria-pressed": preset.value === props.value, disabled: blocked, onClick: () => change(parseColor(preset.value)), children: [_jsx("span", { className: "reacd-color-swatch", "aria-hidden": "true", style: { backgroundColor: preset.value } }), preset.label] }, preset.value))) })), metadata.name && !metadata.disabled && (_jsx("input", { type: "hidden", name: metadata.name, value: props.value }))] }) }));
+}

package/dist/color-picker/use-color-model.d.ts

@@ -0,0 +1,6 @@
+import type { Color } from 'react-aria-components/ColorPicker';
+import type { ColorMode } from '@fastsprout/reacd/adapter-runtime/schema/color-picker/index.js';
+export declare function useColorModel(value: string, mode: ColorMode, blocked: boolean, onValueChange: (value: string) => void): {
+    color: Color;
+    change: (next: Color) => void;
+};

package/dist/color-picker/use-color-model.js

@@ -0,0 +1,18 @@
+import { useState } from 'react';
+import { parseColor } from 'react-aria-components/ColorPicker';
+export function useColorModel(value, mode, blocked, onValueChange) {
+    const [local, setLocal] = useState(() => ({
+        source: value,
+        color: parseColor(value).toFormat('hsb'),
+    }));
+    const color = local.source === value ? local.color : parseColor(value).toFormat('hsb');
+    function change(next) {
+        if (blocked)
+            return;
+        const canonical = next.toString(mode === 'rgb' ? 'hex' : 'hexa').toLowerCase();
+        setLocal({ source: canonical, color: next.toFormat('hsb') });
+        if (canonical !== value)
+            onValueChange(canonical);
+    }
+    return { color, change };
+}

package/dist/command-palette/command-palette.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { CommandPaletteProps } from '@fastsprout/reacd/adapter-runtime/components/command-palette/index.js';
+export declare function ShadcnCommandPalette({ label, query, onQueryChange, groups, onSelect, disabled, filtering, status, emptyMessage, loadingMessage, errorMessage, }: CommandPaletteProps): import("react").JSX.Element;

package/dist/command-palette/command-palette.adapter.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { COMMAND_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/command-policy.js';
+import { filterCommandGroups } from '@fastsprout/reacd/adapter-runtime/core/command-search.js';
+import { followHref } from '@fastsprout/reacd/adapter-runtime/renderer/navigation/native-navigation.js';
+import { Input } from '../vendor/ui/input.js';
+export function ShadcnCommandPalette({ label, query, onQueryChange, groups, onSelect, disabled, filtering = COMMAND_DEFAULTS.filtering, status = COMMAND_DEFAULTS.status, emptyMessage = COMMAND_DEFAULTS.emptyMessage, loadingMessage = COMMAND_DEFAULTS.loadingMessage, errorMessage = COMMAND_DEFAULTS.errorMessage, }) {
+    const id = useId();
+    const [selectionFailure, setSelectionFailure] = useState(false);
+    const visible = filterCommandGroups(groups, query, filtering);
+    const keys = visible.flatMap((group) => group.items.map((item) => item.key));
+    function select(item) {
+        const href = item.href;
+        const action = item.onPress;
+        const accepted = onSelect?.(item.key);
+        if (accepted === false)
+            return;
+        if (accepted !== undefined && accepted !== true) {
+            setSelectionFailure(true);
+            return;
+        }
+        setSelectionFailure(false);
+        if (action !== undefined)
+            action();
+        else if (href !== undefined)
+            followHref(href);
+    }
+    return (_jsx("section", { className: "reacd-node reacd-command-palette", "aria-label": label, children: _jsxs(Autocomplete.Root, { inline: true, open: true, mode: "none", autoHighlight: "always", items: keys, value: query, disabled: disabled, onValueChange: (value) => {
+                setSelectionFailure(false);
+                onQueryChange(value);
+            }, children: [_jsx("label", { htmlFor: id, children: label }), _jsx(Autocomplete.Input, { id: id, onKeyDownCapture: (event) => {
+                        if (event.key === 'Enter' && event.nativeEvent.isComposing) {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }
+                    }, className: "reacd-node reacd-input", "aria-describedby": `${id}-status`, render: _jsx(Input, {}) }), selectionFailure && _jsx("p", { role: "alert", children: COMMAND_DEFAULTS.invalidSelection }), _jsx("p", { id: `${id}-status`, role: status === 'error' ? 'alert' : 'status', children: status === 'loading'
+                        ? loadingMessage
+                        : status === 'error'
+                            ? errorMessage
+                            : keys.length === 0
+                                ? emptyMessage
+                                : `${keys.length} commands available.` }), _jsx(Autocomplete.List, { className: "reacd-command-list", "aria-label": label, "aria-busy": status === 'loading', children: visible.map((group) => (_jsxs(Autocomplete.Group, { className: "reacd-command-group", children: [_jsx(Autocomplete.GroupLabel, { children: group.label }), group.items.map((item) => (_jsxs(Autocomplete.Item, { value: item.key, className: "reacd-command-item", disabled: item.disabled || status !== 'ready', onClick: () => select(item), children: [_jsx("span", { children: item.label }), item.description !== undefined && (_jsx("span", { className: "reacd-command-description", children: item.description }))] }, item.key)))] }, group.key))) })] }) }));
+}

package/dist/container/container.adapter.d.ts

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

package/dist/container/container.adapter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ShadcnContainer({ children }) {
+    return _jsx("div", { className: "reacd-node reacd-container", children: children });
+}

package/dist/content-navigation/content-navigation.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ContentNavigationProps } from '@fastsprout/reacd/adapter-runtime/components/content-navigation/index.js';
+export declare function ShadcnContentNavigation({ label, items, emptyLabel, ...properties }: ContentNavigationProps): import("react").JSX.Element;

package/dist/content-navigation/content-navigation.adapter.js

@@ -0,0 +1,10 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CONTENT_OUTLINE_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/content-outline.js';
+import { TREE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/tree-policy.js';
+import { OutlineBranch } from '@fastsprout/reacd/adapter-runtime/renderer/content-outline/outline-branch.js';
+export function ShadcnContentNavigation({ label, items, emptyLabel = CONTENT_OUTLINE_DEFAULTS.emptyLabel, ...properties }) {
+    const [issue, setIssue] = useState('');
+    return (_jsxs("nav", { className: "reacd-node reacd-content-outline", "aria-label": label, children: [issue !== '' && _jsx("p", { role: "alert", children: issue }), items.length === 0 ? (_jsx("p", { children: emptyLabel })) : (_jsx("ul", { children: items.map((item) => (_createElement(OutlineBranch, { ...properties, key: item.key, item: item, mode: "navigation", level: TREE_POLICY.initialLevel, report: setIssue }))) }))] }));
+}

package/dist/content-search/content-search.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ContentSearchProps } from '@fastsprout/reacd/adapter-runtime/components/content-search/index.js';
+export declare function ShadcnContentSearch({ title, description, open, onOpenChange, triggerLabel, closeLabel, closeOnSelect, footer, onSelect, emptyMessage, ...palette }: ContentSearchProps): import("react").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CommandPalette } from '@fastsprout/reacd/adapter-runtime/components/command-palette/index.js';
+import { Modal } from '@fastsprout/reacd/adapter-runtime/components/modal/modal.js';
+import { CONTENT_SEARCH_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/content-search-policy.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+export function ShadcnContentSearch({ title, description = CONTENT_SEARCH_DEFAULTS.description, open, onOpenChange, triggerLabel, closeLabel = CONTENT_SEARCH_DEFAULTS.closeLabel, closeOnSelect = CONTENT_SEARCH_DEFAULTS.closeOnSelect, footer, onSelect, emptyMessage = CONTENT_SEARCH_DEFAULTS.emptyMessage, ...palette }) {
+    const [invalid, setInvalid] = useState(false);
+    return (_jsxs(Modal, { title: title, description: description, open: open, onOpenChange: onOpenChange, triggerLabel: triggerLabel, closeLabel: closeLabel, disabled: palette.disabled, retainContent: CONTENT_SEARCH_DEFAULTS.retainContent, footer: footer, children: [invalid && (_jsx(Issues, { issues: [
+                    {
+                        path: 'selection',
+                        message: CONTENT_SEARCH_DEFAULTS.invalidSelection,
+                    },
+                ] })), _jsx(CommandPalette, { ...palette, emptyMessage: emptyMessage, onSelect: (key) => {
+                    const decision = onSelect?.(key);
+                    if (decision !== undefined && typeof decision !== 'boolean') {
+                        setInvalid(true);
+                        return false;
+                    }
+                    setInvalid(false);
+                    if (decision === false)
+                        return false;
+                    if (closeOnSelect)
+                        onOpenChange(false);
+                    return true;
+                } })] }));
+}

package/dist/content-search-button/content-search-button.adapter.d.ts

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CONTENT_SEARCH_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/content-search-policy.js';
+import { Button } from '../vendor/ui/button.js';
+export function ShadcnContentSearchButton({ label = CONTENT_SEARCH_DEFAULTS.buttonLabel, open, onOpenChange, disabled, }) {
+    return (_jsx(Button, { className: "reacd-node reacd-button reacd-search-button", type: "button", variant: "outline", "aria-haspopup": "dialog", "aria-expanded": open, disabled: disabled, onClick: () => onOpenChange(true), children: label }));
+}

package/dist/content-surround/content-surround.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ContentSurroundProps } from '@fastsprout/reacd/adapter-runtime/components/content-surround/index.js';
+export declare function ShadcnContentSurround({ label, emptyLabel, previous, next, }: ContentSurroundProps): import("react").JSX.Element;

package/dist/content-surround/content-surround.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { CONTENT_SURROUND_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/content-surround-policy.js';
+export function ShadcnContentSurround({ label = CONTENT_SURROUND_DEFAULTS.label, emptyLabel = CONTENT_SURROUND_DEFAULTS.emptyLabel, previous, next, }) {
+    const id = useId();
+    return (_jsx("nav", { className: "reacd-node reacd-content-surround", "aria-label": label, children: previous === undefined && next === undefined ? (_jsx("p", { children: emptyLabel })) : ([previous, next].map((neighbor, index) => {
+            if (neighbor === undefined)
+                return null;
+            const prefix = index === 0
+                ? CONTENT_SURROUND_DEFAULTS.previousLabel
+                : CONTENT_SURROUND_DEFAULTS.nextLabel;
+            return (_jsxs("a", { className: "reacd-node reacd-surround-link", href: neighbor.href, "aria-label": `${prefix} ${neighbor.title}`, "aria-describedby": neighbor.description === undefined ? undefined : `${id}-${index}`, target: neighbor.newWindow ? '_blank' : undefined, rel: neighbor.newWindow ? 'noopener noreferrer' : undefined, children: [_jsx("span", { className: "reacd-surround-direction", children: prefix }), _jsx("span", { className: "reacd-surround-title", children: neighbor.title }), neighbor.description !== undefined && (_jsx("span", { id: `${id}-${index}`, children: neighbor.description }))] }, index));
+        })) }));
+}

package/dist/content-toc/content-toc.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ContentTocProps } from '@fastsprout/reacd/adapter-runtime/components/content-toc/index.js';
+export declare function ShadcnContentToc({ label, items, emptyLabel, ...properties }: ContentTocProps): import("react").JSX.Element;

package/dist/content-toc/content-toc.adapter.js

@@ -0,0 +1,10 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CONTENT_OUTLINE_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/content-outline.js';
+import { TREE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/tree-policy.js';
+import { OutlineBranch } from '@fastsprout/reacd/adapter-runtime/renderer/content-outline/outline-branch.js';
+export function ShadcnContentToc({ label, items, emptyLabel = CONTENT_OUTLINE_DEFAULTS.emptyLabel, ...properties }) {
+    const [issue, setIssue] = useState('');
+    return (_jsxs("nav", { className: "reacd-node reacd-content-outline", "aria-label": label, children: [issue !== '' && _jsx("p", { role: "alert", children: issue }), items.length === 0 ? (_jsx("p", { children: emptyLabel })) : (_jsx("ul", { children: items.map((item) => (_createElement(OutlineBranch, { ...properties, key: item.key, item: item, mode: "toc", level: TREE_POLICY.initialLevel, report: setIssue }))) }))] }));
+}

package/dist/context-menu/context-menu.adapter.d.ts

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

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { openKeyboardContextMenu } from './keyboard-trigger.js';
+import { ContextMenu } from '@base-ui/react/context-menu';
+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';
+export function ShadcnContextMenu(properties) {
+    const { label, items, disabled, children, onOpenChange } = properties;
+    const { active, scope, change } = useMenuFrame(properties);
+    return (_jsxs(ContextMenu.Root, { open: active, onOpenChange: change, disabled: disabled, children: [_jsx(ContextMenu.Trigger, { tabIndex: disabled ? undefined : 0, onKeyDown: disabled ? undefined : openKeyboardContextMenu, role: "group", "aria-label": label, "aria-disabled": disabled, className: "reacd-node reacd-context-trigger", children: children ?? label }), _jsx(MenuSurface, { label: label, context: true, children: _jsx(EscapeScopeContext.Provider, { value: scope, children: _jsx(MenuContent, { close: () => onOpenChange(false), children: _jsx(MenuItems, { items: items }) }) }) })] }));
+}

package/dist/context-menu/keyboard-trigger.d.ts

@@ -0,0 +1,2 @@
+import type { KeyboardEvent } from 'react';
+export declare function openKeyboardContextMenu(event: KeyboardEvent<HTMLElement>): void;

package/dist/context-menu/keyboard-trigger.js

@@ -0,0 +1,13 @@
+export function openKeyboardContextMenu(event) {
+    if (event.key !== 'ContextMenu' && !(event.shiftKey && event.key === 'F10'))
+        return;
+    event.preventDefault();
+    const target = event.currentTarget;
+    const bounds = target.getBoundingClientRect();
+    target.dispatchEvent(new MouseEvent('contextmenu', {
+        bubbles: true,
+        cancelable: true,
+        clientX: bounds.left,
+        clientY: bounds.bottom,
+    }));
+}

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

@@ -0,0 +1,3 @@
+import type { z } from 'zod';
+import type { dashboardGroupSchema } from '@fastsprout/reacd/adapter-runtime/schema/dashboard-group/dashboard-group.schema.js';
+export declare function ShadcnDashboardGroup({ label, regions, value, onValueChange, open, onOpenChange, mobileOpen, onMobileOpenChange, disabled, collapseMode, resizeLabel, children, }: z.output<typeof dashboardGroupSchema>): import("react").JSX.Element;

package/dist/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 { ShadcnDashboardResizeHandle } from '../dashboard-resize-handle/dashboard-resize-handle.adapter.js';
+export function ShadcnDashboardGroup({ 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(ShadcnDashboardResizeHandle, {})] }) }) }, region.id)))] }), _jsx(MainScopeContext.Provider, { value: true, children: children })] }) }) }));
+}

package/dist/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 ShadcnDashboardNavbar({ title, children, leading, trailing, start, end, }: DashboardNavbarProps): import("react").JSX.Element;

package/dist/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 { ShadcnDashboardSidebarToggle } from '../dashboard-sidebar-toggle/dashboard-sidebar-toggle.adapter.js';
+export function ShadcnDashboardNavbar({ 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(ShadcnDashboardSidebarToggle, {}), start, leading, _jsx(Heading, { children: title ?? position?.region.label ?? DASHBOARD_DEFAULTS.title }), trailing] }), children, _jsx("div", { className: "reacd-dashboard-actions", children: end })] }));
+}

package/dist/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 ShadcnDashboardPanel({ label, children, header, footer, }: DashboardPanelProps): import("react").JSX.Element;

package/dist/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 ShadcnDashboardPanel({ 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/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 ShadcnDashboardResizeHandle({ label, disabled, }: DashboardResizeHandleProps): import("react").JSX.Element | null;

package/dist/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 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

@@ -0,0 +1,2 @@
+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

@@ -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 { 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

@@ -0,0 +1,2 @@
+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

@@ -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 '../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

@@ -0,0 +1,2 @@
+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

@@ -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 { 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

@@ -0,0 +1,2 @@
+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

@@ -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 '../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

@@ -0,0 +1,2 @@
+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

@@ -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 '../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

@@ -0,0 +1,2 @@
+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;