@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

package/dist/chat-shimmer/chat-shimmer.adapter.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CHAT_FEEDBACK_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-feedback-policy.js';
-export function ShadcnChatShimmer({ text, active = CHAT_FEEDBACK_DEFAULTS.active, }) {
-    return (_jsx("span", { className: "reacd-chat-shimmer", "data-active": active, role: active ? 'status' : undefined, "aria-live": active ? 'polite' : undefined, children: text }));
-}

package/dist/chat-tool/chat-tool.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ChatToolProps } from '@fastsprout/reacd/adapter-runtime/components/chat-tool/index.js';
-export declare function ShadcnChatTool({ label, status, open, onOpenChange, input, output, error, disabled, onApprove, onReject, onRetry, }: ChatToolProps): import("react").JSX.Element;

package/dist/chat-tool/chat-tool.adapter.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CHAT_FEEDBACK_DEFAULTS, CHAT_TOOL_LABELS, } from '@fastsprout/reacd/adapter-runtime/core/chat-feedback-policy.js';
-import { ChatDisclosure } from '../chat-disclosure/chat-disclosure.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnChatTool({ label, status, open, onOpenChange, input, output, error, disabled, onApprove, onReject, onRetry, }) {
-    return (_jsxs("section", { className: "reacd-node reacd-chat-tool", "aria-label": label, children: [_jsx("p", { role: status === 'error' ? 'alert' : 'status', children: CHAT_TOOL_LABELS[status] }), _jsxs(ChatDisclosure, { label: label, open: open, onOpenChange: onOpenChange, disabled: disabled, active: status === 'running', children: [input !== undefined && _jsx("pre", { className: "reacd-chat-feedback-text", children: input }), output !== undefined && (_jsx("pre", { className: "reacd-chat-feedback-text", children: output })), error !== undefined && _jsx("p", { className: "reacd-chat-feedback-text", children: error }), input === undefined && output === undefined && error === undefined && (_jsx("p", { children: CHAT_FEEDBACK_DEFAULTS.emptyTool }))] }), status === 'approval' && onApprove !== undefined && onReject !== undefined && (_jsxs("div", { className: "reacd-chat-actions", role: "group", "aria-label": "Tool approval", children: [_jsx(Button, { className: "reacd-button", type: "button", onClick: () => onApprove(), disabled: disabled, children: CHAT_FEEDBACK_DEFAULTS.approveLabel }), _jsx(Button, { className: "reacd-button", variant: "outline", type: "button", onClick: () => onReject(), disabled: disabled, children: CHAT_FEEDBACK_DEFAULTS.rejectLabel })] })), status === 'error' && onRetry !== undefined && (_jsx(Button, { className: "reacd-button", type: "button", onClick: () => onRetry(), disabled: disabled, children: CHAT_FEEDBACK_DEFAULTS.retryLabel }))] }));
-}

package/dist/checkbox/checkbox.adapter.d.ts

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

package/dist/checkbox/checkbox.adapter.js

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

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

@@ -1,2 +0,0 @@
-import type { CheckboxGroupProps } from '@fastsprout/reacd/adapter-runtime/components/checkbox-group/index.js';
-export declare function ShadcnCheckboxGroup({ label, description, items, value, onValueChange, disabled, required, name, max, orientation, }: CheckboxGroupProps): import("react").JSX.Element;

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { CheckboxGroup } from '@base-ui/react/checkbox-group';
-import { Checkbox } from '@base-ui/react/checkbox';
-import { CheckIcon } from 'lucide-react';
-import { CHOICE_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/choice-policy.js';
-import { ChoiceHeader } from '@fastsprout/reacd/adapter-runtime/renderer/choice/choice-header.renderer.js';
-import { ChoiceText } from '@fastsprout/reacd/adapter-runtime/renderer/choice/choice-text.renderer.js';
-export function ShadcnCheckboxGroup({ label, description, items, value, onValueChange, disabled, required, name, max, orientation = CHOICE_DEFAULTS.orientation, }) {
-    const id = useId();
-    const firstEnabled = items.findIndex((item) => !item.disabled);
-    const described = description !== undefined || max !== undefined;
-    return (_jsxs(CheckboxGroup, { render: _jsx("fieldset", {}), className: "reacd-node reacd-choice-group", "data-slot": "checkbox-group", "aria-labelledby": id, "aria-describedby": described ? `${id}-description` : undefined, value: [...value], disabled: disabled, onValueChange: (next) => onValueChange(next), children: [_jsx(ChoiceHeader, { id: id, label: label, description: description, required: required, max: max }), _jsx("div", { className: "reacd-choice-items", "data-orientation": orientation, children: items.map((item, index) => {
-                    const itemId = `${id}-${item.value}`;
-                    const limited = max !== undefined && value.length >= max && !value.includes(item.value);
-                    return (_jsxs("label", { className: "reacd-choice-item", children: [_jsx(Checkbox.Root, { value: item.value, name: name ?? id, disabled: item.disabled, required: required && value.length === 0 && index === firstEnabled, readOnly: limited, "aria-disabled": limited || undefined, className: "reacd-choice-control reacd-choice-checkbox", "data-slot": "checkbox", "aria-labelledby": itemId, "aria-describedby": item.description === undefined ? undefined : `${itemId}-description`, children: _jsx(Checkbox.Indicator, { className: "reacd-choice-indicator", children: _jsx(CheckIcon, { className: "reacd-choice-check", "aria-hidden": "true" }) }) }), _jsx(ChoiceText, { id: itemId, label: item.label, description: item.description })] }, item.value));
-                }) })] }));
-}

package/dist/chip/chip.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ChipProps } from '@fastsprout/reacd/adapter-runtime/components/chip/chip.js';
-export declare function ShadcnChip({ label, text, children, intent, size, corner, inset, standalone, show, }: ChipProps): import("react").JSX.Element;

package/dist/chip/chip.adapter.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CHIP_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chip-policy.js';
-import { Badge } from '../vendor/ui/badge.js';
-const VARIANTS = {
-    primary: 'default',
-    secondary: 'secondary',
-    danger: 'destructive',
-};
-export function ShadcnChip({ label, text, children, intent = CHIP_DEFAULTS.intent, size = CHIP_DEFAULTS.size, corner = CHIP_DEFAULTS.corner, inset = CHIP_DEFAULTS.inset, standalone = CHIP_DEFAULTS.standalone, show = CHIP_DEFAULTS.show, }) {
-    const identity = text === undefined ? label : `${label}: ${text}`;
-    return (_jsxs("div", { className: "reacd-node reacd-chip", "data-slot": "chip", "data-size": size, "data-corner": corner, "data-inset": inset, "data-standalone": standalone, children: [!standalone && _jsx("div", { className: "reacd-chip-body", children: children }), show && (_jsx(Badge, { className: "reacd-chip-indicator", variant: VARIANTS[intent], "data-dot": text === undefined, "data-intent": intent, role: "img", "aria-label": identity, title: identity, children: text !== undefined && _jsx("span", { className: "reacd-chip-text", children: text }) }))] }));
-}

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

@@ -1,2 +0,0 @@
-import type { CodeEditorProps } from '@fastsprout/reacd/adapter-runtime/components/code-editor/code-editor.js';
-export declare function ShadcnCodeEditor({ label, value, onValueChange }: CodeEditorProps): import("react").JSX.Element;

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

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

package/dist/collapsible/collapsible.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { CollapsibleProps } from '@fastsprout/reacd/adapter-runtime/components/collapsible/collapsible.js';
-export declare function ShadcnCollapsible({ label, open, onOpenChange, children, disabled, showTrigger, retainContent, }: CollapsibleProps): import("react").JSX.Element;

package/dist/collapsible/collapsible.adapter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { Collapsible as Primitive } from '@base-ui/react/collapsible';
-import { ChevronDownIcon } from 'lucide-react';
-import { COLLAPSIBLE_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/collapsible-policy.js';
-import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnCollapsible({ label, open, onOpenChange, children, disabled, showTrigger = COLLAPSIBLE_DEFAULTS.showTrigger, retainContent = COLLAPSIBLE_DEFAULTS.retainContent, }) {
-    const ancestorActive = useContext(PortalActiveContext);
-    return (_jsxs(Primitive.Root, { className: "reacd-node reacd-collapsible", "data-slot": "collapsible", open: open, disabled: disabled, onOpenChange: (next) => onOpenChange(next), children: [showTrigger && (_jsxs(Primitive.Trigger, { "data-slot": "collapsible-trigger", className: "reacd-node reacd-collapsible-trigger", render: _jsx(Button, { variant: "outline" }), children: [_jsx("span", { children: label }), _jsx(ChevronDownIcon, { "aria-hidden": "true" })] })), _jsx(Primitive.Panel, { "data-slot": "collapsible-content", className: "reacd-collapsible-panel", keepMounted: retainContent, hidden: !open, role: "region", "aria-label": label, children: _jsx(PortalActiveContext.Provider, { value: open && ancestorActive, children: children }) })] }));
-}

package/dist/color-mode-avatar/color-mode-avatar.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ColorModeAvatarProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-avatar/index.js';
-export declare function ShadcnColorModeAvatar({ mode, light, dark, ...properties }: ColorModeAvatarProps): import("react").JSX.Element;

package/dist/color-mode-avatar/color-mode-avatar.adapter.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ShadcnAvatar } from '../avatar/avatar.adapter.js';
-export function ShadcnColorModeAvatar({ mode, light, dark, ...properties }) {
-    const source = mode === 'light' ? light : dark;
-    return _jsx(ShadcnAvatar, { ...properties, src: source }, source);
-}

package/dist/color-mode-button/color-mode-button.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ColorModeButtonProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-button/index.js';
-export declare function ShadcnColorModeButton({ label, value: _value, resolvedMode, onValueChange, disabled, readOnly, description, }: ColorModeButtonProps): import("react").JSX.Element;

package/dist/color-mode-button/color-mode-button.adapter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-import { oppositeColorMode } from '@fastsprout/reacd/adapter-runtime/core/color-mode.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnColorModeButton({ label, value: _value, resolvedMode, onValueChange, disabled, readOnly, description, }) {
-    const id = useId();
-    return (_jsxs("div", { className: "reacd-node reacd-field", children: [_jsx(Button, { type: "button", variant: "outline", disabled: disabled, "aria-pressed": resolvedMode === 'dark', "aria-disabled": readOnly || undefined, "aria-describedby": description === undefined ? undefined : id, className: "reacd-color-mode-button", onClick: () => {
-                    if (!readOnly)
-                        onValueChange(oppositeColorMode(resolvedMode));
-                }, children: label }), description === undefined ? null : _jsx("p", { id: id, children: description })] }));
-}

package/dist/color-mode-image/color-mode-image.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ColorModeImageProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-image/index.js';
-export declare function ShadcnColorModeImage({ mode, light, dark, ...properties }: ColorModeImageProps): import("react").JSX.Element;

package/dist/color-mode-image/color-mode-image.adapter.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ModeImage } from './mode-image.js';
-export function ShadcnColorModeImage({ mode, light, dark, ...properties }) {
-    const source = mode === 'light' ? light : dark;
-    return _jsx(ModeImage, { ...properties, src: source }, source);
-}

package/dist/color-mode-select/color-mode-select.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ColorModeSelectProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-select/index.js';
-export declare function ShadcnColorModeSelect({ label, value, resolvedMode: _resolved, onValueChange, disabled, readOnly, description, labels, }: ColorModeSelectProps): import("react").JSX.Element;

package/dist/color-mode-select/color-mode-select.adapter.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useId } from 'react';
-import { COLOR_MODES, COLOR_MODE_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/color-mode-policy.js';
-import { colorModeValueSchema } from '@fastsprout/reacd/adapter-runtime/schema/color-mode/color-mode.schema.js';
-import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Select, SelectItem, SelectTrigger, SelectValue } from '../vendor/ui/select.js';
-import { Label } from '../vendor/ui/label.js';
-import { ShadcnSelectContent } from '../select/select-content.adapter.js';
-export function ShadcnColorModeSelect({ label, value, resolvedMode: _resolved, onValueChange, disabled, readOnly, description, labels = COLOR_MODE_POLICY.labels, }) {
-    const id = useId();
-    const active = useContext(PortalActiveContext);
-    return (_jsxs("div", { className: "reacd-node reacd-field", children: [_jsx(Label, { htmlFor: id, children: label }), _jsxs(Select, { value: value, disabled: disabled, ...(active ? {} : { open: false }), onValueChange: (next) => {
-                    if (!readOnly)
-                        onValueChange(colorModeValueSchema.parse(next));
-                }, children: [_jsx(SelectTrigger, { id: id, className: "reacd-color-mode-select", "aria-readonly": readOnly || undefined, "aria-describedby": description === undefined ? undefined : `${id}-help`, children: _jsx(SelectValue, { children: labels[value] }) }), _jsx(ShadcnSelectContent, { children: COLOR_MODES.map((mode) => (_jsx(SelectItem, { value: mode, children: labels[mode] }, mode))) })] }, active ? 'active' : 'inactive'), description === undefined ? null : _jsx("p", { id: `${id}-help`, children: description })] }));
-}

package/dist/color-mode-switch/color-mode-switch.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ColorModeSwitchProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-switch/index.js';
-export declare function ShadcnColorModeSwitch({ value: _value, resolvedMode, onValueChange, ...properties }: ColorModeSwitchProps): import("react").JSX.Element;

package/dist/color-mode-switch/color-mode-switch.adapter.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ShadcnSwitch } from '../switch/switch.adapter.js';
-export function ShadcnColorModeSwitch({ value: _value, resolvedMode, onValueChange, ...properties }) {
-    return (_jsx(ShadcnSwitch, { ...properties, checked: resolvedMode === 'dark', onCheckedChange: (checked) => onValueChange(checked ? 'dark' : 'light') }));
-}

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

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

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

@@ -1,20 +0,0 @@
-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/command-palette/command-palette.adapter.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-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/dashboard-group/dashboard-group.adapter.d.ts

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

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

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

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

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

@@ -1,18 +0,0 @@
-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 })] }) }) }));
-}