@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

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

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

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

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

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

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

package/dist/shared/empty/empty.adapter.js

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

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

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

package/dist/shared/error/error.adapter.js

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

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

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

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

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

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

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

package/dist/shared/file-upload/file-upload.adapter.js

@@ -0,0 +1,60 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore, } from 'react';
+import { FILE_ACCEPT_TYPES, FILE_UPLOAD_DEFAULTS as D, FILE_UPLOAD_POLICY as P, } from '@fastsprout/reacd/adapter-runtime/core/file-upload-policy.js';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { Button } from '../primitives/button.js';
+import { FileIntake } from './intake.js';
+import { readFile } from './read-file.js';
+export function SharedFileUpload(props) {
+    const id = useId();
+    const chooser = useRef(null);
+    const chooseButton = useRef(null);
+    const root = useRef(null);
+    const [attempted, setAttempted] = useState(false);
+    const metadata = useFieldMetadata(props, props.description ? [`${id}-help`] : []);
+    const [intake] = useState(() => new FileIntake({
+        read: readFile,
+        id: () => `${P.idPrefix}${crypto.randomUUID()}`,
+    }));
+    const snapshot = useSyncExternalStore(intake.subscribe, intake.getSnapshot, intake.getSnapshot);
+    useLayoutEffect(() => {
+        intake.configure({ ...props, disabled: metadata.disabled });
+    });
+    useEffect(() => () => intake.dispose(), [intake]);
+    const requiredError = metadata.required && props.value.length === 0;
+    const localError = snapshot.status === 'error'
+        ? snapshot.message
+        : attempted && requiredError
+            ? D.requiredLabel
+            : '';
+    const error = metadata.error || localError;
+    const describedBy = [
+        ...metadata.descriptionIds,
+        ...(!metadata.error && localError ? [`${id}-error`] : []),
+    ].join(' ') || undefined;
+    function invalid(event) {
+        event.preventDefault();
+        setAttempted(true);
+        if (props.readOnly || metadata.disabled)
+            root.current?.focus();
+        else
+            chooseButton.current?.focus();
+    }
+    return (_jsxs("div", { ref: root, role: "group", "aria-labelledby": `${id}-label`, tabIndex: -1, "aria-describedby": describedBy, "aria-invalid": Boolean(error) || undefined, "aria-disabled": metadata.disabled || undefined, className: "reacd-node reacd-field reacd-file-upload", onDragOver: (event) => {
+            event.preventDefault();
+        }, onDrop: (event) => {
+            event.preventDefault();
+            intake.start(event.dataTransfer.files);
+        }, children: [_jsx("label", { id: `${id}-label`, htmlFor: props.readOnly ? undefined : id, children: props.label }), props.description && _jsx("p", { id: `${id}-help`, children: props.description }), !props.readOnly && (_jsxs(_Fragment, { children: [_jsx("p", { children: D.dropLabel }), _jsx(Button, { ref: chooseButton, type: "button", className: "reacd-button", disabled: metadata.disabled, onClick: () => chooser.current?.click(), children: D.chooseLabel }), _jsx("input", { ref: chooser, id: id, type: "file", hidden: true, multiple: props.multiple ?? D.multiple, accept: FILE_ACCEPT_TYPES[props.accept ?? D.accept], disabled: metadata.disabled, onChange: (event) => {
+                            const files = event.currentTarget.files;
+                            if (files)
+                                intake.start(files);
+                            event.currentTarget.value = '';
+                        } })] })), props.value.length === 0 ? (_jsx("p", { children: D.emptyLabel })) : (_jsx("ul", { className: "reacd-file-upload-list", children: props.value.map((file) => (_jsxs("li", { children: [_jsx("span", { children: file.name }), !props.readOnly && (_jsx(Button, { type: "button", className: "reacd-button", disabled: metadata.disabled, "aria-label": `Remove ${file.name}`, onClick: () => {
+                                intake.cancel();
+                                props.onValueChange(props.value.filter((entry) => entry.id !== file.id));
+                            }, children: "Remove" }))] }, file.id))) })), snapshot.status === 'reading' && (_jsx(Button, { type: "button", className: "reacd-button", onClick: () => {
+                    intake.cancel();
+                    chooseButton.current?.focus();
+                }, children: D.cancelLabel })), snapshot.status !== 'error' && snapshot.message && (_jsx("p", { role: "status", children: snapshot.message })), localError && !metadata.error && (_jsx("p", { role: "alert", id: `${id}-error`, children: localError })), metadata.name && !metadata.disabled && (_jsx("input", { type: "hidden", name: metadata.name, value: JSON.stringify(props.value) })), _jsx("input", { type: "text", hidden: true, required: requiredError, disabled: metadata.disabled, defaultValue: "", onInvalid: invalid })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { FooterProps } from '@fastsprout/reacd/adapter-runtime/components/footer/footer.js';
+export declare function SharedFooter({ children, start, end, top, bottom }: FooterProps): import("react").JSX.Element;

package/dist/shared/footer/footer.adapter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SharedFooter({ children, start, end, top, bottom }) {
+    return (_jsxs("footer", { className: "reacd-node reacd-footer", children: [top !== undefined && _jsx("div", { className: "reacd-shell-band", children: top }), _jsxs("div", { className: "reacd-container reacd-shell-row", children: [_jsx("div", { className: "reacd-shell-start", children: start }), _jsx("div", { className: "reacd-shell-center", children: children }), _jsx("div", { className: "reacd-shell-end", children: end })] }), bottom !== undefined && _jsx("div", { className: "reacd-shell-band", children: bottom })] }));
+}

package/dist/shared/footer-columns/footer-columns.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { FooterColumnsProps } from '@fastsprout/reacd/adapter-runtime/components/footer-columns/index.js';
+export declare function SharedFooterColumns({ label, columns, left, right, }: FooterColumnsProps): import("react").JSX.Element;

package/dist/shared/footer-columns/footer-columns.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Button } from '../primitives/button.js';
+export function SharedFooterColumns({ label, columns, left, right, }) {
+    const id = useId();
+    return (_jsxs("nav", { className: "reacd-node reacd-footer-columns", "aria-label": label, children: [left !== undefined && _jsx("div", { className: "reacd-footer-slot", children: left }), _jsx("div", { className: "reacd-footer-column-groups", children: columns.map((column, index) => (_jsxs("section", { className: "reacd-footer-column", children: [_jsx("h3", { id: `${id}-${index}`, className: "reacd-footer-column-label", children: column.label }), _jsx("ul", { "aria-labelledby": `${id}-${index}`, children: column.children.map((item) => (_jsx("li", { children: item.onPress !== undefined ? (_jsx(Button, { type: "button", variant: "link", className: "reacd-node reacd-button reacd-navigation-target", disabled: item.disabled, onClick: pressHandler(item.onPress), children: item.label })) : item.href !== undefined && !item.disabled ? (_jsx("a", { className: "reacd-node reacd-link reacd-navigation-target", href: item.href, "aria-current": item.active ? 'page' : undefined, target: item.newWindow ? '_blank' : undefined, rel: item.newWindow ? 'noopener noreferrer' : undefined, children: item.label })) : (_jsx("span", { "aria-disabled": item.disabled || undefined, children: item.label })) }, item.key))) })] }, column.key))) }), right !== undefined && _jsx("div", { className: "reacd-footer-slot", children: right })] }));
+}
+import { pressHandler } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/press-handler.js';

package/dist/shared/form-field/form-field.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { FormFieldProps } from '@fastsprout/reacd/adapter-runtime/components/form-field/index.js';
+export declare function SharedFormField({ name, label, description, hint, help, error, required, disabled, children, }: FormFieldProps): import("react").JSX.Element;

package/dist/shared/form-field/form-field.adapter.js

@@ -0,0 +1,22 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { FORM_FIELD_POLICY } from '@fastsprout/reacd/adapter-runtime/core/form-field-policy.js';
+import { FieldMetadataContext, useFieldMetadata, } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { focusFieldControl } from './focus-control.js';
+export function SharedFormField({ name, label, description, hint, help, error, required, disabled, children, }) {
+    const id = useId();
+    const root = useRef(null);
+    const localError = error?.trim() ?? '';
+    const feedback = localError || help;
+    const ids = [
+        ...(description ? [`${id}-description`] : []),
+        ...(hint ? [`${id}-hint`] : []),
+        ...(feedback ? [`${id}-feedback`] : []),
+    ];
+    const metadata = useFieldMetadata({ name, required, disabled }, ids);
+    const value = { ...metadata, error: localError || metadata.error };
+    return (_jsx(FieldMetadataContext, { value: value, children: _jsxs("fieldset", { ref: root, tabIndex: -1, disabled: value.disabled, className: "reacd-node reacd-form-field", "aria-describedby": value.descriptionIds.join(' ') || undefined, "aria-invalid": Boolean(value.error) || undefined, children: [label && (_jsxs("legend", { children: [label, value.required && _jsxs(_Fragment, { children: [" ", FORM_FIELD_POLICY.requiredIndicator] })] })), hint && (_jsx("p", { id: `${id}-hint`, className: "reacd-field-hint", children: hint })), description && _jsx("p", { id: `${id}-description`, children: description }), children, feedback && (_jsx("p", { id: `${id}-feedback`, role: localError ? 'alert' : undefined, className: localError ? 'reacd-field-error' : undefined, children: feedback })), _jsx("input", { type: "text", hidden: true, defaultValue: "", required: Boolean(localError), disabled: value.disabled, onInvalid: (event) => {
+                        event.preventDefault();
+                        focusFieldControl(root.current);
+                    } })] }) }));
+}

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

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

package/dist/shared/grid/grid.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Layout } from '@fastsprout/reacd/adapter-runtime/renderer/layout/layout.renderer.js';
+export function SharedGrid(props) {
+    return _jsx(Layout, { kind: "Grid", ...props });
+}

package/dist/shared/h-stack/h-stack.adapter.d.ts

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

package/dist/shared/h-stack/h-stack.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Layout } from '@fastsprout/reacd/adapter-runtime/renderer/layout/layout.renderer.js';
+export function SharedHStack(props) {
+    return _jsx(Layout, { kind: "HStack", ...props });
+}

package/dist/shared/header/header-menu.d.ts

@@ -0,0 +1,7 @@
+import type { HeaderProps } from '@fastsprout/reacd/adapter-runtime/components/header/header.js';
+interface HeaderMenuProps {
+    title: string;
+    menu: NonNullable<HeaderProps['menu']>;
+}
+export declare function SharedHeaderMenu({ title, menu }: HeaderMenuProps): import("react").JSX.Element;
+export {};

package/dist/shared/header/header-menu.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlSurface } from '../primitives/control-surface.js';
+import { useContext, useState } from 'react';
+import { Dialog } from '@base-ui/react/dialog';
+import { SHELL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/shell-policy.js';
+import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
+import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { createEscapeScope } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-scope.js';
+import { initialLayerFocus } from '@fastsprout/reacd/adapter-runtime/renderer/theme/initial-layer-focus.js';
+import { Button } from '../primitives/button.js';
+export function SharedHeaderMenu({ title, menu }) {
+    const variables = useContext(ThemeVariablesContext);
+    const ancestorActive = useContext(PortalActiveContext);
+    const [escapeScope] = useState(createEscapeScope);
+    const [host, setHost] = useState(null);
+    return (_jsxs(Dialog.Root, { open: menu.open && ancestorActive, onOpenChange: (open, details) => {
+            if (details.reason === 'escape-key' && escapeScope.dismiss()) {
+                details.event.preventDefault();
+                details.event.stopImmediatePropagation();
+                details.cancel();
+            }
+            else
+                menu.onOpenChange(open);
+        }, children: [_jsx(Dialog.Trigger, { render: _jsx(Button, { className: "reacd-node reacd-button", variant: "secondary" }), children: menu.toggleLabel ?? SHELL_DEFAULTS.toggleLabel }), _jsxs(Dialog.Portal, { className: "reacd-root reacd-portal-root", style: variables, children: [_jsx(Dialog.Backdrop, { className: "reacd-shell-backdrop" }), _jsxs(Dialog.Popup, { render: _jsx(ControlSurface, {}), ref: setHost, className: "reacd-shell-menu", initialFocus: (interaction) => initialLayerFocus(host, interaction), "data-mode": menu.mode ?? SHELL_DEFAULTS.menuMode, children: [_jsx(Dialog.Title, { children: title }), _jsx(Dialog.Description, { children: SHELL_DEFAULTS.menuDescription }), _jsx(PortalHostContext.Provider, { value: host, children: _jsx(EscapeScopeContext.Provider, { value: escapeScope, children: _jsx(PortalActiveContext.Provider, { value: menu.open && ancestorActive, children: _jsx("div", { className: "reacd-shell-menu-content", children: menu.content }) }) }) }), _jsx(Dialog.Close, { render: _jsx(Button, { className: "reacd-node reacd-button", variant: "secondary" }), children: menu.closeLabel ?? SHELL_DEFAULTS.closeLabel })] })] })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { HeaderProps } from '@fastsprout/reacd/adapter-runtime/components/header/header.js';
+export declare function SharedHeader({ title, href, children, start, end, top, bottom, menu, }: HeaderProps): import("react").JSX.Element;

package/dist/shared/header/header.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SharedHeaderMenu } from './header-menu.js';
+export function SharedHeader({ title, href, children, start, end, top, bottom, menu, }) {
+    return (_jsxs("header", { className: "reacd-node reacd-header", children: [top !== undefined && _jsx("div", { className: "reacd-shell-band", children: top }), _jsxs("div", { className: "reacd-container reacd-shell-row", children: [_jsxs("div", { className: "reacd-shell-start", children: [href === undefined ? (_jsx("span", { className: "reacd-shell-title", children: title })) : (_jsx("a", { className: "reacd-shell-title", href: href, children: title })), start] }), _jsx("div", { className: "reacd-shell-center", children: children }), _jsxs("div", { className: "reacd-shell-end", children: [end, menu !== undefined && _jsx(SharedHeaderMenu, { title: title, menu: menu })] })] }), bottom !== undefined && _jsx("div", { className: "reacd-shell-band", children: bottom })] }));
+}

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

@@ -0,0 +1,2 @@
+import type { IconProps } from '@fastsprout/reacd/adapter-runtime/components/icon/index.js';
+export declare function SharedIcon({ name, label, decorative, size, }: IconProps): import("react").JSX.Element;

package/dist/shared/icon/icon.adapter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ICON_POLICY } from '@fastsprout/reacd/adapter-runtime/core/icon-policy.js';
+import { SEMANTIC_ICONS } from './icon-map.js';
+export function SharedIcon({ name, label, decorative, size = ICON_POLICY.defaultSize, }) {
+    const Glyph = SEMANTIC_ICONS[name];
+    return (_jsx(Glyph, { className: "reacd-icon", "data-size": size, role: decorative ? undefined : 'img', "aria-label": decorative ? undefined : label, "aria-hidden": decorative ? true : undefined, focusable: "false" }));
+}

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

@@ -0,0 +1,2 @@
+import type { InputProps } from '@fastsprout/reacd/adapter-runtime/components/input/input.js';
+export declare function SharedInput({ label, value, onValueChange, inputType, placeholder, name, required, disabled, description, readOnly, loading, minLength, maxLength, autoComplete, }: InputProps): import("react").JSX.Element;

package/dist/shared/input/input.adapter.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from 'react';
+import { INPUT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/input-policy.js';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { Input } from '../primitives/input.js';
+import { Label } from '../primitives/label.js';
+import { inputValidationMessage } from './validation-message.js';
+export function SharedInput({ label, value, onValueChange, inputType, placeholder, name, required, disabled, description, readOnly, loading, minLength, maxLength, autoComplete, }) {
+    const id = useId();
+    const control = useRef(null);
+    const [attempted, setAttempted] = useState(false);
+    const metadata = useFieldMetadata({ name, required, disabled }, description ? [`${id}-description`] : []);
+    const minimum = minLength ?? INPUT_POLICY.minimumLength;
+    const maximum = maxLength ?? INPUT_POLICY.maximumLength;
+    const type = inputType ?? INPUT_POLICY.defaultType;
+    const localError = inputValidationMessage(value, metadata.required, minimum, type === 'email');
+    const visibleError = attempted ? localError : '';
+    const feedback = metadata.error || visibleError;
+    const descriptions = [
+        ...metadata.descriptionIds,
+        ...(visibleError && !metadata.error ? [`${id}-error`] : []),
+    ];
+    function invalid(event) {
+        event.preventDefault();
+        setAttempted(true);
+        control.current?.focus();
+    }
+    return (_jsxs("div", { className: "reacd-node reacd-field reacd-input", children: [_jsx(Label, { htmlFor: id, children: label }), description && _jsx("p", { id: `${id}-description`, children: description }), _jsx(Input, { ref: control, id: id, type: type, value: value, name: metadata.name, placeholder: placeholder, required: metadata.required, disabled: metadata.disabled, readOnly: readOnly || loading, minLength: minimum, maxLength: maximum, autoComplete: autoComplete, "aria-invalid": Boolean(feedback) || undefined, "aria-busy": loading || undefined, "aria-describedby": descriptions.join(' ') || undefined, onInvalid: invalid, onChange: (event) => {
+                    const next = event.target.value;
+                    if (!metadata.disabled && !readOnly && !loading && next.length <= maximum) {
+                        onValueChange(next);
+                    }
+                } }), loading && (_jsxs("p", { role: "status", children: [INPUT_POLICY.loadingPrefix, " ", label] })), visibleError && !metadata.error && (_jsx("p", { id: `${id}-error`, role: "alert", className: "reacd-field-error", children: visibleError })), _jsx("input", { type: "text", hidden: true, defaultValue: "", required: Boolean(localError), disabled: metadata.disabled, onInvalid: invalid })] }));
+}

package/dist/shared/input-date/date-control.js

@@ -0,0 +1,35 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useState } from 'react';
+import { DateField, DateInput, DateSegment, Label, Text, FieldError, } from 'react-aria-components/DateField';
+import { useLocale } from 'react-aria-components/I18nProvider';
+import { parseDate } from '@internationalized/date';
+import { INPUT_DATE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/input-date-policy.js';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { Button } from '../primitives/button.js';
+import { TemporalDraftValidity } from '../temporal/draft-validity.js';
+export function DateControl({ label, value, referenceDate, onValueChange, description, error, min, max, name, required, disabled, readOnly, }) {
+    const metadata = useFieldMetadata({ name, required, disabled });
+    const { direction } = useLocale();
+    const draftErrorId = useId();
+    const [draftInvalid, setDraftInvalid] = useState(false);
+    const [segments, setSegments] = useState(null);
+    const controlValue = useMemo(() => (value === null ? null : parseDate(value)), [value]);
+    const minimum = useMemo(() => (min === undefined ? undefined : parseDate(min)), [min]);
+    const maximum = useMemo(() => (max === undefined ? undefined : parseDate(max)), [max]);
+    const placeholder = useMemo(() => parseDate(referenceDate), [referenceDate]);
+    const invalid = Boolean(metadata.error) || error !== undefined || draftInvalid;
+    const descriptions = [
+        ...metadata.descriptionIds,
+        ...(draftInvalid ? [draftErrorId] : []),
+    ].join(' ');
+    return (_jsx(DateField, { className: "reacd-node reacd-field reacd-date-control", ...(descriptions ? { 'aria-describedby': descriptions } : {}), value: controlValue, onChange: (next) => {
+            setDraftInvalid(false);
+            onValueChange(next === null ? null : next.toString());
+        }, ...(minimum === undefined ? {} : { minValue: minimum }), ...(maximum === undefined ? {} : { maxValue: maximum }), ...(invalid ? { isInvalid: true } : {}), isRequired: metadata.required, isDisabled: metadata.disabled, isReadOnly: readOnly ?? false, granularity: INPUT_DATE_POLICY.granularity, shouldForceLeadingZeros: INPUT_DATE_POLICY.forceLeadingZeros, validationBehavior: INPUT_DATE_POLICY.validationBehavior, placeholderValue: placeholder, children: ({ state }) => (_jsxs(_Fragment, { children: [_jsx(Label, { children: label }), _jsxs("div", { className: "reacd-date-entry", children: [_jsx(DateInput, { className: "reacd-date-segments", dir: direction, ref: setSegments, "aria-invalid": invalid || undefined, children: (segment) => (_jsx(DateSegment, { className: "reacd-date-segment", segment: segment, "aria-invalid": invalid || undefined })) }), _jsx(Button, { type: "button", variant: "outline", className: "reacd-button reacd-date-clear", disabled: metadata.disabled || readOnly, "aria-label": `${INPUT_DATE_POLICY.clearLabel} ${label}`, onClick: () => {
+                                if (value === null) {
+                                    state.setValue(null);
+                                    setDraftInvalid(false);
+                                }
+                                onValueChange(null);
+                            }, children: INPUT_DATE_POLICY.clearLabel })] }), description === undefined ? null : (_jsx(Text, { slot: "description", className: "reacd-field-description", children: description })), draftInvalid ? (_jsx("span", { id: draftErrorId, role: "alert", className: "reacd-date-error", children: INPUT_DATE_POLICY.incompleteValue })) : metadata.error ? null : (_jsx(FieldError, { className: "reacd-date-error", children: error })), _jsx("input", { type: "hidden", name: metadata.name, value: value ?? '', disabled: metadata.disabled }), _jsx(TemporalDraftValidity, { segments: state.segments, value: value, required: metadata.required, disabled: metadata.disabled, root: segments, onInvalidChange: setDraftInvalid })] })) }));
+}

package/dist/shared/input-date/input-date.adapter.d.ts

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

package/dist/shared/input-date/input-date.adapter.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { I18nProvider } from 'react-aria-components/I18nProvider';
+import { useDirection } from '@radix-ui/react-direction';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { DATE_TIME_POLICY } from '@fastsprout/reacd/adapter-runtime/core/date-time-policy.js';
+import { INPUT_DATE_POLICY } from '@fastsprout/reacd/adapter-runtime/core/input-date-policy.js';
+import { boundedDateValueSchema, dateRangeValueSchema, } from '@fastsprout/reacd/adapter-runtime/schema/date-time/index.js';
+import { DateControl } from './date-control.js';
+import { useTemporalChange } from '../temporal/use-temporal-change.js';
+import { temporalRecovery } from '../temporal/temporal-recovery.js';
+import { useRangeReset } from '../temporal/use-range-reset.js';
+function SingleDate(props) {
+    const { error, change } = useTemporalChange((value) => boundedDateValueSchema({ min: props.min, max: props.max }).safeParse(value)
+        .success, props.onValueChange, INPUT_DATE_POLICY.invalidValue, props, temporalRecovery(props.value, props));
+    return _jsx(DateControl, { ...props, error: error, onValueChange: change });
+}
+function RangeDate(props) {
+    const { error, change } = useTemporalChange((value) => dateRangeValueSchema({ min: props.min, max: props.max }).safeParse(value).success, props.onValueChange, INPUT_DATE_POLICY.invalidRange, props, temporalRecovery(props.value, props));
+    const { ref, revision, change: changeEndpoint } = useRangeReset(props.value, change);
+    return (_jsxs("fieldset", { ref: ref, className: "reacd-date-range", children: [_jsx("legend", { children: props.label }), _jsx(DateControl, { ...props, label: `${INPUT_DATE_POLICY.startLabel} ${props.label}`, value: props.value.start, name: props.name === undefined ? undefined : `${props.name}.start`, error: error, onValueChange: (start) => changeEndpoint({ ...props.value, start }) }, `${revision}-start`), _jsx(DateControl, { ...props, label: `${INPUT_DATE_POLICY.endLabel} ${props.label}`, value: props.value.end, name: props.name === undefined ? undefined : `${props.name}.end`, error: error, onValueChange: (end) => changeEndpoint({ ...props.value, end }) }, `${revision}-end`)] }));
+}
+export function SharedInputDate(properties) {
+    const metadata = useFieldMetadata(properties);
+    const props = {
+        ...properties,
+        name: metadata.name,
+        required: metadata.required,
+        disabled: metadata.disabled,
+    };
+    const direction = useDirection();
+    const locale = useMemo(() => new Intl.Locale(props.locale ?? DATE_TIME_POLICY.locale, {
+        calendar: DATE_TIME_POLICY.calendar,
+    }).toString(), [props.locale]);
+    return (_jsx(I18nProvider, { locale: locale, children: _jsx("div", { className: "reacd-node reacd-field reacd-input-date", dir: direction, children: props.mode === 'range' ? _jsx(RangeDate, { ...props }) : _jsx(SingleDate, { ...props }) }) }));
+}

package/dist/shared/input-menu/input-menu-popup.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlOption } from '../primitives/control-option.js';
+import { ControlSurface } from '../primitives/control-surface.js';
+import { useContext } from 'react';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { useDirection } from '@base-ui/react/direction-provider';
+import { FORM_MENU_DEFAULTS, FORM_MENU_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/form-menu-policy.js';
+import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
+import { PortalHostContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+export function InputMenuPopup({ label, items, inactive, highlight, open, }) {
+    const variables = useContext(ThemeVariablesContext);
+    const host = useContext(PortalHostContext);
+    const direction = useDirection();
+    return (_jsx(Autocomplete.Portal, { container: host ?? undefined, children: _jsx(Autocomplete.Positioner, { sideOffset: FORM_MENU_POLICY.sideOffsetPx, collisionPadding: FORM_MENU_POLICY.collisionPaddingPx, className: "reacd-root reacd-portal-root reacd-input-menu-positioner", style: variables, dir: direction, children: _jsx(Autocomplete.Popup, { render: _jsx(ControlSurface, {}), hidden: !open, className: "reacd-input-menu-popup", dir: direction, children: _jsx(Autocomplete.List, { "aria-label": `${label} ${FORM_MENU_DEFAULTS.suggestionsLabel}`, className: "reacd-input-menu-list", children: items.map((item) => (_jsxs(Autocomplete.Item, { render: _jsx(ControlOption, {}), value: item, disabled: inactive || item.disabled, className: "reacd-input-menu-item", onClickCapture: () => highlight(item), children: [_jsx("span", { children: item.label }), item.description !== undefined && _jsx("span", { children: item.description })] }, item.value))) }) }) }) }));
+}

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

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

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
+import { CONTENT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
+import { FORM_MENU_DEFAULTS, FORM_MENU_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/form-menu-policy.js';
+import { Input } from '../primitives/input.js';
+import { Button } from '../primitives/button.js';
+import { useInputMenu } from './use-input-menu.js';
+import { InputMenuPopup } from './input-menu-popup.js';
+import { InputMenuForm } from './input-menu-form.js';
+export function SharedInputMenu(declared) {
+    const id = useId();
+    const input = useRef(null);
+    const metadata = useFieldMetadata(declared, declared.description ? [`${id}-help`] : []);
+    const properties = {
+        ...declared,
+        name: metadata.name,
+        required: metadata.required,
+        disabled: metadata.disabled,
+    };
+    const model = useInputMenu(properties);
+    const { label, value, readOnly, description, placeholder } = properties;
+    const localError = model.error && !metadata.error ? model.error : undefined;
+    const described = [
+        ...metadata.descriptionIds,
+        `${id}-status`,
+        ...(localError === undefined ? [] : [`${id}-error`]),
+    ];
+    const message = model.status === 'loading'
+        ? (properties.loadingMessage ?? FORM_MENU_DEFAULTS.loadingMessage)
+        : model.status === 'error'
+            ? (properties.errorMessage ?? FORM_MENU_DEFAULTS.errorMessage)
+            : model.items.length === 0
+                ? (properties.emptyMessage ?? FORM_MENU_DEFAULTS.emptyMessage)
+                : `${model.items.length} ${FORM_MENU_DEFAULTS.availableMessage}`;
+    return (_jsxs("div", { className: "reacd-node reacd-field reacd-input-menu", children: [_jsx("label", { id: `${id}-label`, htmlFor: id, children: label }), _jsxs(Autocomplete.Root, { items: model.items, value: value, open: model.open, mode: "none", filter: null, locale: FORM_MENU_POLICY.locale, openOnInputClick: true, disabled: model.disabled, readOnly: readOnly, itemToStringValue: (item) => item.label, onItemHighlighted: model.highlight, onValueChange: (next, details) => {
+                    if (details.reason === 'escape-key') {
+                        details.cancel();
+                        return;
+                    }
+                    const key = details.reason === 'item-press'
+                        ? model.highlighted.current?.value
+                        : undefined;
+                    if (!model.requestText(next, key))
+                        details.cancel();
+                }, onOpenChange: (next, details) => {
+                    if ((details.reason === 'item-press' && model.denied.current) ||
+                        !model.requestOpen(next))
+                        details.cancel();
+                }, children: [_jsxs(Autocomplete.InputGroup, { className: "reacd-input-menu-controls", children: [_jsx(Autocomplete.Input, { id: id, ref: input, render: _jsx(Input, {}), className: "reacd-node reacd-input", placeholder: placeholder, maxLength: CONTENT_POLICY.maxTextLength, "aria-labelledby": `${id}-label`, "aria-describedby": described.join(' '), "aria-required": properties.required, "aria-invalid": Boolean(metadata.error || model.error), onCompositionStart: () => {
+                                    model.setComposing(true);
+                                }, onCompositionEnd: () => {
+                                    model.setComposing(false);
+                                }, onKeyDownCapture: (event) => {
+                                    const native = event.nativeEvent;
+                                    const enter = event.key === 'Enter' ||
+                                        native.keyCode === FORM_MENU_POLICY.compositionEnterCode;
+                                    if ((enter && (native.isComposing || model.composing.current)) ||
+                                        native.keyCode === FORM_MENU_POLICY.compositionProcessCode) {
+                                        event.preventDefault();
+                                        event.stopPropagation();
+                                    }
+                                    else if (event.key === 'Escape' && model.open) {
+                                        event.preventDefault();
+                                        event.stopPropagation();
+                                        model.requestOpen(false);
+                                    }
+                                } }), (properties.clearable ?? FORM_MENU_DEFAULTS.clearable) && value !== '' && (_jsx(Autocomplete.Clear, { render: _jsx(Button, { type: "button", className: "reacd-node reacd-button" }), tabIndex: 0, disabled: model.disabled || readOnly, "aria-label": `${FORM_MENU_DEFAULTS.clearLabel}: ${label}`, onMouseDown: (event) => event.preventBaseUIHandler(), onClick: (event) => {
+                                    event.preventBaseUIHandler();
+                                    if (model.requestText(''))
+                                        input.current?.focus();
+                                }, children: FORM_MENU_DEFAULTS.clearLabel })), _jsx(Autocomplete.Trigger, { "aria-label": `${FORM_MENU_DEFAULTS.openLabel}: ${label}`, render: _jsx(Button, { type: "button", className: "reacd-node reacd-button" }), children: FORM_MENU_DEFAULTS.openLabel })] }), _jsx(InputMenuPopup, { label: label, items: model.items, open: model.open, inactive: model.status !== 'ready', highlight: model.highlight })] }), description !== undefined && _jsx("span", { id: `${id}-help`, children: description }), _jsx("span", { id: `${id}-status`, role: model.status === 'error' ? 'alert' : 'status', "aria-live": "polite", children: message }), localError !== undefined && (_jsx("span", { id: `${id}-error`, role: "alert", children: localError })), _jsx(InputMenuForm, { properties: properties, input: input, invalid: model.invalidRequired })] }));
+}

package/dist/shared/input-number/input-number.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { InputNumberProps } from '@fastsprout/reacd/adapter-runtime/components/input-number/index.js';
+export declare function SharedInputNumber({ label, description, value, onValueChange, min, max, step, locale, format, placeholder, name, required, disabled, readOnly, }: InputNumberProps): import("react").JSX.Element;

package/dist/shared/input-number/input-number.adapter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { NumberField } from '@base-ui/react/number-field';
+import { MinusIcon, PlusIcon } from 'lucide-react';
+import { INPUT_NUMBER_POLICY } from '@fastsprout/reacd/adapter-runtime/core/input-number-policy.js';
+import { Label } from '../primitives/label.js';
+export function SharedInputNumber({ label, description, value, onValueChange, min = INPUT_NUMBER_POLICY.minimum, max = INPUT_NUMBER_POLICY.maximum, step = INPUT_NUMBER_POLICY.step, locale = INPUT_NUMBER_POLICY.locale, format, placeholder, name, required, disabled, readOnly, }) {
+    const id = useId();
+    return (_jsxs(NumberField.Root, { id: id, className: "reacd-node reacd-field reacd-input-number", value: value, min: min, max: max, step: step, smallStep: INPUT_NUMBER_POLICY.smallStep, largeStep: INPUT_NUMBER_POLICY.largeStep, locale: locale, format: format, name: name, required: required, disabled: disabled, readOnly: readOnly, onValueChange: (next) => {
+            if (!disabled && !readOnly)
+                onValueChange(next);
+        }, children: [_jsx(Label, { htmlFor: id, children: label }), _jsxs(NumberField.Group, { className: "reacd-number-group", children: [_jsx(NumberField.Decrement, { className: "reacd-number-step", "aria-label": `Decrease ${label}`, children: _jsx(MinusIcon, { "aria-hidden": "true" }) }), _jsx(NumberField.Input, { className: "reacd-number-input", placeholder: placeholder, "aria-describedby": description === undefined ? undefined : `${id}-help` }), _jsx(NumberField.Increment, { className: "reacd-number-step", "aria-label": `Increase ${label}`, children: _jsx(PlusIcon, { "aria-hidden": "true" }) })] }), description === undefined ? null : (_jsx("span", { id: `${id}-help`, className: "reacd-field-description", children: description }))] }));
+}

package/dist/shared/input-rating/input-rating.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { InputRatingProps } from '@fastsprout/reacd/adapter-runtime/components/input-rating/index.js';
+export declare function SharedInputRating({ label, description, value, onValueChange, length, step, clearable, hoverable, required, disabled, readOnly, name, }: InputRatingProps): import("react").JSX.Element;

package/dist/shared/input-rating/input-rating.adapter.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChoiceMark } from '../primitives/choice-mark.js';
+import { useId, useState } from 'react';
+import * as Slider from '@radix-ui/react-slider';
+import { useDirection } from '@radix-ui/react-direction';
+import { INPUT_RATING_POLICY } from '@fastsprout/reacd/adapter-runtime/core/input-rating-policy.js';
+import { RatingStars } from './rating-stars.js';
+import { Button } from '../primitives/button.js';
+export function SharedInputRating({ label, description, value, onValueChange, length = INPUT_RATING_POLICY.length, step = INPUT_RATING_POLICY.step, clearable, hoverable, required, disabled, readOnly, name, }) {
+    const id = useId();
+    const direction = useDirection();
+    const [thumb, setThumb] = useState(null);
+    const [preview, setPreview] = useState(null);
+    return (_jsxs("div", { className: "reacd-node reacd-field reacd-input-rating", "data-direction": direction, children: [_jsx("span", { id: id, children: label }), _jsx("div", { className: "reacd-rating-scroll", children: _jsx(Slider.Root, { asChild: true, value: [value], min: INPUT_RATING_POLICY.emptyValue, max: length, step: step, disabled: disabled || readOnly, className: "reacd-rating-control", onValueChange: (values) => {
+                        for (const next of values)
+                            onValueChange(next);
+                    }, onPointerMove: (event) => {
+                        if (!hoverable || disabled || readOnly)
+                            return;
+                        const rect = event.currentTarget.getBoundingClientRect();
+                        if (rect.width === 0)
+                            return;
+                        const offset = direction === 'rtl'
+                            ? rect.right - event.clientX
+                            : event.clientX - rect.left;
+                        const raw = (offset / rect.width) * length;
+                        setPreview(Math.min(length, Math.max(INPUT_RATING_POLICY.emptyValue, Math.ceil(raw / step) * step)));
+                    }, onPointerLeave: () => setPreview(null), children: _jsxs(ChoiceMark, { appearance: "rating", children: [_jsx(Slider.Track, { className: "reacd-rating-track", children: _jsx(RatingStars, { value: hoverable && !disabled && !readOnly ? (preview ?? value) : value, length: length }) }), _jsx(Slider.Thumb, { ref: setThumb, className: "reacd-rating-thumb", "aria-labelledby": id, "aria-required": required, "aria-invalid": required && value === INPUT_RATING_POLICY.emptyValue, "aria-readonly": readOnly, "aria-valuetext": `${value} of ${length} stars`, "aria-describedby": description === undefined ? undefined : `${id}-help` })] }) }) }), _jsx("input", { type: "hidden", name: name, value: value, disabled: disabled }), _jsx("input", { className: "reacd-rating-validation", tabIndex: -1, "aria-hidden": "true", defaultValue: value === INPUT_RATING_POLICY.emptyValue ? '' : String(value), required: required, disabled: disabled || readOnly, onInvalid: thumb === null
+                    ? undefined
+                    : (event) => {
+                        event.preventDefault();
+                        thumb.focus();
+                    } }, value), description === undefined ? null : (_jsx("span", { id: `${id}-help`, className: "reacd-field-description", children: description })), clearable ? (_jsxs(Button, { className: "reacd-button", type: "button", variant: "outline", disabled: disabled || readOnly || value === INPUT_RATING_POLICY.emptyValue, onClick: () => onValueChange(INPUT_RATING_POLICY.emptyValue), children: ["Clear ", label] })) : null] }));
+}

package/dist/shared/input-tags/input-tags.adapter.d.ts

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