@fastsprout/reacd-shadcn 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ShadcnChatPalette({ label, children, prompt }) {
+    return (_jsxs("section", { className: "reacd-node reacd-chat-palette", "aria-label": label, children: [_jsx("div", { className: "reacd-chat-palette-content", children: children }), prompt !== undefined && (_jsx("footer", { className: "reacd-chat-palette-prompt", children: prompt }))] }));
+}

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+import { ChatLoadingScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-feedback/loading-scope.js';
+import { PromptScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+import { TrustedFormBoundary } from '@fastsprout/reacd/adapter-runtime/renderer/form/form-boundary.js';
+import { ShadcnChatAttachment } from '../chat-attachment/chat-attachment.adapter.js';
+import { ShadcnChatPromptSubmit } from '../chat-prompt-submit/chat-prompt-submit.adapter.js';
+import { usePromptControls } from './use-prompt-controls.js';
+export function ShadcnChatPrompt(properties) {
+    const { label, value, placeholder, description, error, footer, attachments = [], onRemoveAttachment, } = properties;
+    const id = useId();
+    const { form, focus, blur, keyDown, change, compositionStart, compositionEnd, unavailable, readOnly, status, scope, } = usePromptControls(properties);
+    const busy = status === 'submitted' || status === 'streaming';
+    const describedBy = [
+        description === undefined ? '' : `${id}-description`,
+        status === 'error' ? `${id}-error` : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(TrustedFormBoundary, { children: _jsx(PromptScopeContext.Provider, { value: scope, children: _jsxs("form", { ref: form, className: "reacd-node reacd-chat-prompt", "aria-label": label, onFocusCapture: focus, onBlurCapture: blur, onSubmit: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    scope.submit();
+                }, children: [_jsx(ChatLoadingScopeContext, { value: busy, children: _jsxs("div", { className: "reacd-chat-prompt-content", "aria-busy": busy, children: [_jsx("label", { htmlFor: id, children: label }), description !== undefined && (_jsx("p", { id: `${id}-description`, children: description })), attachments.length > 0 && (_jsx("div", { className: "reacd-chat-prompt-files", children: attachments.map(({ id: fileId, removable, ...file }) => (_jsx(ShadcnChatAttachment, { ...file, disabled: unavailable || readOnly, ...(onRemoveAttachment === undefined || removable === false
+                                            ? {}
+                                            : {
+                                                onRemove: () => onRemoveAttachment(fileId),
+                                            }) }, fileId))) })), _jsx("textarea", { id: id, value: value, placeholder: placeholder, rows: CHAT_COMPOSER_POLICY.rows, maxLength: CHAT_COMPOSER_POLICY.maxDraftLength, disabled: unavailable, readOnly: readOnly, "aria-invalid": status === 'error', "aria-describedby": describedBy || undefined, onChange: (event) => change(event.currentTarget.value), onKeyDown: keyDown, onCompositionStart: compositionStart, onCompositionEnd: compositionEnd })] }) }), busy && _jsx("p", { role: "status", children: CHAT_COMPOSER_DEFAULTS.pendingLabel }), status === 'error' && (_jsx("p", { role: "alert", id: `${id}-error`, children: error ?? CHAT_COMPOSER_DEFAULTS.errorMessage })), _jsx("div", { className: "reacd-chat-prompt-actions", children: footer === undefined ? _jsx(ShadcnChatPromptSubmit, {}) : footer })] }) }) }));
+}

package/dist/chat-prompt/use-prompt-controls.d.ts

@@ -0,0 +1,22 @@
+import { type KeyboardEvent } from 'react';
+import type { ChatPromptProps } from '@fastsprout/reacd/adapter-runtime/components/chat-prompt/index.js';
+export declare function usePromptControls(properties: ChatPromptProps): {
+    form: import("react").RefObject<HTMLFormElement | null>;
+    focus: () => void;
+    blur: (event: import("react").FocusEvent<HTMLFormElement>) => void;
+    keyDown: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    change: (next: string) => void;
+    compositionStart: () => void;
+    compositionEnd: () => void;
+    unavailable: boolean;
+    readOnly: boolean;
+    status: "error" | "ready" | "streaming" | "submitted";
+    scope: {
+        status: "error" | "ready" | "streaming" | "submitted";
+        disabled: boolean;
+        canSend: boolean;
+        submit: () => void;
+        stop: (() => void) | undefined;
+        retry: (() => void) | undefined;
+    };
+};

package/dist/chat-prompt/use-prompt-controls.js

@@ -0,0 +1,69 @@
+import { useContext, useRef } from 'react';
+import { canSendPrompt, promptKeyIntent, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer.js';
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { usePromptEscape } from './use-prompt-escape.js';
+export function usePromptControls(properties) {
+    const { value, onSubmit, onValueChange, onClose, onStop, onRetry, attachments = [], status = CHAT_COMPOSER_DEFAULTS.status, disabled = CHAT_COMPOSER_DEFAULTS.disabled, readOnly = CHAT_COMPOSER_DEFAULTS.readOnly, submitOnEnter = CHAT_COMPOSER_DEFAULTS.submitOnEnter, } = properties;
+    const form = useRef(null);
+    const composing = useRef(false);
+    const active = useContext(PortalActiveContext);
+    const unavailable = disabled || !active;
+    const canSend = attachments.every((file) => file.status === undefined || file.status === 'idle') &&
+        canSendPrompt(value, attachments.length, status, unavailable, readOnly);
+    const submit = () => {
+        if (canSend)
+            onSubmit(value);
+    };
+    const change = (next) => {
+        if (!unavailable && !readOnly && next.length <= CHAT_COMPOSER_POLICY.maxDraftLength)
+            onValueChange(next);
+    };
+    const keyDown = (event) => {
+        const intent = promptKeyIntent({
+            key: event.key,
+            composing: composing.current || event.nativeEvent.isComposing,
+            keyCode: event.keyCode,
+            shift: event.shiftKey,
+            control: event.ctrlKey,
+            meta: event.metaKey,
+            alt: event.altKey,
+        }, submitOnEnter);
+        if (intent === 'submit') {
+            event.preventDefault();
+            submit();
+        }
+        else if (intent === 'close' && onClose !== undefined && !unavailable) {
+            event.preventDefault();
+            event.stopPropagation();
+            onClose();
+        }
+    };
+    const { focus, blur } = usePromptEscape(form, composing, onClose, unavailable);
+    const compositionStart = () => {
+        composing.current = true;
+    };
+    const compositionEnd = () => {
+        composing.current = false;
+    };
+    return {
+        form,
+        focus,
+        blur,
+        keyDown,
+        change,
+        compositionStart,
+        compositionEnd,
+        unavailable,
+        readOnly,
+        status,
+        scope: {
+            status,
+            disabled: unavailable || readOnly,
+            canSend,
+            submit,
+            stop: onStop,
+            retry: onRetry,
+        },
+    };
+}

package/dist/chat-prompt/use-prompt-escape.d.ts

@@ -0,0 +1,5 @@
+import { type FocusEvent, type RefObject } from 'react';
+export declare function usePromptEscape(form: RefObject<HTMLFormElement | null>, composing: RefObject<boolean>, onClose: (() => void) | undefined, disabled: boolean): {
+    focus: () => void;
+    blur: (event: FocusEvent<HTMLFormElement>) => void;
+};

package/dist/chat-prompt/use-prompt-escape.js

@@ -0,0 +1,39 @@
+import { useCallback, useContext, useLayoutEffect, useRef, } from 'react';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+export function usePromptEscape(form, composing, onClose, disabled) {
+    const scope = useContext(EscapeScopeContext);
+    const active = useContext(PortalActiveContext);
+    const release = useRef(undefined);
+    const clear = useCallback(() => {
+        const unregister = release.current;
+        release.current = undefined;
+        if (unregister !== undefined)
+            unregister();
+    }, []);
+    const focus = () => {
+        const element = form.current;
+        if (element === null ||
+            !element.contains(element.ownerDocument.activeElement) ||
+            !active ||
+            disabled ||
+            onClose === undefined ||
+            scope === null ||
+            release.current !== undefined)
+            return;
+        release.current = scope.register(() => {
+            if (!composing.current)
+                onClose();
+        });
+    };
+    const blur = useCallback((event) => {
+        const next = event.relatedTarget;
+        if (!(next instanceof Node) || !event.currentTarget.contains(next))
+            clear();
+    }, [clear]);
+    useLayoutEffect(() => {
+        focus();
+        return clear;
+    });
+    return { focus, blur };
+}

package/dist/chat-prompt-submit/chat-prompt-submit.adapter.d.ts

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

package/dist/chat-prompt-submit/chat-prompt-submit.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { PromptScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+import { Issues } from '@fastsprout/reacd/adapter-runtime/renderer/issues/issues.renderer.js';
+import { Button } from '../vendor/ui/button.js';
+import { resolvePromptAction } from './prompt-action.js';
+export function ShadcnChatPromptSubmit(properties) {
+    const scope = useContext(PromptScopeContext);
+    const result = resolvePromptAction(properties, scope);
+    if (!result.success)
+        return _jsx(Issues, { issues: result.issues });
+    const { label, disabled, run, status } = result.data;
+    return (_jsx(Button, { type: "button", className: "reacd-node reacd-button reacd-chat-prompt-submit", "aria-label": label, disabled: disabled, "data-status": status, variant: status === 'ready' ? 'default' : 'secondary', onClick: run === undefined ? undefined : () => run(), children: label }));
+}

package/dist/chat-prompt-submit/prompt-action.d.ts

@@ -0,0 +1,12 @@
+import type { ChatPromptSubmitProps } from '@fastsprout/reacd/adapter-runtime/components/index.js';
+import type { ChatComposerStatus } from '@fastsprout/reacd/adapter-runtime/core/chat-composer.js';
+import type { Result } from '@fastsprout/reacd/adapter-runtime/core/result.js';
+import type { PromptScope } from '@fastsprout/reacd/adapter-runtime/renderer/chat-prompt/prompt-context.js';
+interface PromptAction {
+    label: string;
+    disabled: boolean;
+    status: ChatComposerStatus;
+    run: (() => void) | undefined;
+}
+export declare function resolvePromptAction(properties: ChatPromptSubmitProps, scope: PromptScope | null): Result<PromptAction>;
+export {};

package/dist/chat-prompt-submit/prompt-action.js

@@ -0,0 +1,45 @@
+import { CHAT_COMPOSER_DEFAULTS, CHAT_COMPOSER_ERRORS, } from '@fastsprout/reacd/adapter-runtime/core/chat-composer-policy.js';
+export function resolvePromptAction(properties, scope) {
+    if (scope !== null &&
+        ((properties.status !== undefined && properties.status !== scope.status) ||
+            properties.onSubmit !== undefined ||
+            properties.onStop !== undefined ||
+            properties.onRetry !== undefined))
+        return {
+            success: false,
+            issues: [
+                { path: 'ChatPromptSubmit', message: CHAT_COMPOSER_ERRORS.conflictingScope },
+            ],
+        };
+    const status = scope?.status ?? properties.status ?? CHAT_COMPOSER_DEFAULTS.status;
+    const busy = status === 'submitted' || status === 'streaming';
+    const run = busy
+        ? (scope?.stop ?? properties.onStop)
+        : status === 'error'
+            ? (scope?.retry ?? properties.onRetry)
+            : (scope?.submit ?? properties.onSubmit);
+    if (scope === null && status === 'ready' && run === undefined)
+        return {
+            success: false,
+            issues: [
+                { path: 'ChatPromptSubmit', message: CHAT_COMPOSER_ERRORS.missingScope },
+            ],
+        };
+    const label = busy
+        ? run === undefined
+            ? CHAT_COMPOSER_DEFAULTS.pendingLabel
+            : CHAT_COMPOSER_DEFAULTS.stopLabel
+        : status === 'error'
+            ? run === undefined
+                ? CHAT_COMPOSER_DEFAULTS.unavailableLabel
+                : CHAT_COMPOSER_DEFAULTS.retryLabel
+            : CHAT_COMPOSER_DEFAULTS.sendLabel;
+    const disabled = properties.disabled === true ||
+        scope?.disabled === true ||
+        run === undefined ||
+        (status === 'ready' && scope?.canSend === false);
+    return {
+        success: true,
+        data: { status, disabled, run, label: properties.label ?? label },
+    };
+}

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

@@ -0,0 +1,2 @@
+import type { ChatReasoningProps } from '@fastsprout/reacd/adapter-runtime/components/chat-reasoning/index.js';
+export declare function ShadcnChatReasoning({ text, open, onOpenChange, label, streaming, autoOpen, autoClose, disabled, }: ChatReasoningProps): import("react").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CHAT_FEEDBACK_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/chat-feedback-policy.js';
+import { ChatDisclosure } from '../chat-disclosure/chat-disclosure.js';
+import { useReasoningDisclosure } from './use-reasoning-disclosure.js';
+export function ShadcnChatReasoning({ text, open, onOpenChange, label = CHAT_FEEDBACK_DEFAULTS.reasoningLabel, streaming = CHAT_FEEDBACK_DEFAULTS.streaming, autoOpen = CHAT_FEEDBACK_DEFAULTS.autoOpen, autoClose = CHAT_FEEDBACK_DEFAULTS.autoClose, disabled = CHAT_FEEDBACK_DEFAULTS.disabled, }) {
+    const change = useReasoningDisclosure({
+        open,
+        onOpenChange,
+        streaming,
+        autoOpen,
+        autoClose,
+        disabled,
+    });
+    return (_jsx("div", { className: "reacd-node reacd-chat-reasoning", children: _jsx(ChatDisclosure, { label: label, open: open, onOpenChange: change, disabled: disabled, active: streaming, children: _jsx("p", { className: "reacd-chat-feedback-text", children: text.trim() === '' ? CHAT_FEEDBACK_DEFAULTS.emptyReasoning : text }) }) }));
+}

package/dist/chat-reasoning/use-reasoning-disclosure.d.ts

@@ -0,0 +1,10 @@
+interface ReasoningDisclosure {
+    open: boolean;
+    streaming: boolean;
+    disabled: boolean;
+    autoOpen: boolean;
+    autoClose: boolean;
+    onOpenChange: (value: boolean) => void;
+}
+export declare function useReasoningDisclosure({ open, streaming, disabled, autoOpen, autoClose, onOpenChange, }: ReasoningDisclosure): (value: boolean) => void;
+export {};

package/dist/chat-reasoning/use-reasoning-disclosure.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from 'react';
+export function useReasoningDisclosure({ open, streaming, disabled, autoOpen, autoClose, onOpenChange, }) {
+    const previous = useRef(undefined);
+    const manual = useRef(false);
+    useEffect(() => {
+        const before = previous.current;
+        previous.current = streaming;
+        if (before === streaming)
+            return;
+        if (streaming) {
+            manual.current = false;
+            if (autoOpen && !disabled && !open)
+                onOpenChange(true);
+        }
+        else if (before === true && autoClose && !disabled && !manual.current && open) {
+            onOpenChange(false);
+        }
+    }, [streaming, open, disabled, autoOpen, autoClose, onOpenChange]);
+    return (value) => {
+        manual.current = true;
+        onOpenChange(value);
+    };
+}

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

@@ -0,0 +1,2 @@
+import type { ChatShimmerProps } from '@fastsprout/reacd/adapter-runtime/components/chat-shimmer/index.js';
+export declare function ShadcnChatShimmer({ text, active, }: ChatShimmerProps): import("react").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+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-image/mode-image.d.ts

@@ -0,0 +1,4 @@
+import type { ColorModeImageProps } from '@fastsprout/reacd/adapter-runtime/components/color-mode-image/index.js';
+export declare function ModeImage({ src, alt, aspect, }: Pick<ColorModeImageProps, 'alt' | 'aspect'> & {
+    src: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { COLOR_MODE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/color-mode-policy.js';
+export function ModeImage({ src, alt, aspect = COLOR_MODE_POLICY.defaultAspect, }) {
+    const [status, setStatus] = useState('loading');
+    const dimensions = COLOR_MODE_POLICY.imageAspects[aspect];
+    return (_jsx("div", { className: "reacd-node reacd-color-mode-image", role: "img", "aria-label": alt, "aria-busy": status === 'loading' || undefined, "data-status": status, style: { aspectRatio: dimensions.width / dimensions.height }, children: status === 'error' ? (_jsxs("span", { children: [COLOR_MODE_POLICY.imageFallback, ": ", alt] })) : (_jsxs(_Fragment, { children: [_jsx("img", { src: src, alt: "", width: dimensions.width, height: dimensions.height, loading: "lazy", decoding: "async", referrerPolicy: "no-referrer", onLoad: () => setStatus('ready'), onError: () => setStatus('error') }), status === 'loading' && _jsx("span", { "aria-hidden": "true", children: alt })] })) }));
+}

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

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

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

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

@@ -0,0 +1,5 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import type { ColorMode } from '@fastsprout/reacd/adapter-runtime/schema/color-picker/index.js';
+interface ColorHexProps {
+    readonly label: string;
+    readonly value: string;
+    readonly mode: ColorMode;
+    readonly disabled: boolean;
+    readonly readOnly: boolean;
+    readonly onValueChange: (value: string) => void;
+}
+export declare function ColorHex(props: ColorHexProps): import("react").JSX.Element;
+export {};