@rvx/ui 0.1.6

package/dist/components/radio-buttons.d.ts

@@ -0,0 +1,17 @@
+import { ClassValue, Expression, StyleValue } from "rvx";
+export interface RadioOption<T> {
+    value: T;
+    label: unknown;
+}
+export declare function RadioButtons<T>(props: {
+    value?: Expression<T | undefined>;
+    options: Expression<RadioOption<T>[]>;
+    disabled?: Expression<boolean | undefined>;
+    id?: Expression<string | undefined>;
+    class?: ClassValue;
+    style?: StyleValue;
+    autofocus?: Expression<boolean | undefined>;
+    "aria-label"?: Expression<string | undefined>;
+    "aria-labelledby"?: Expression<string | undefined>;
+    children?: never;
+}): unknown;

package/dist/components/radio-buttons.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
+import { extract, For, get, map, optionalString, Signal, string, uniqueId } from "rvx";
+import { isPending } from "rvx/async";
+import { THEME } from "../common/theme.js";
+import { Text } from "./text.js";
+import { validatorFor } from "./validation.js";
+export function RadioButtons(props) {
+    const group = uniqueId();
+    const theme = extract(THEME);
+    const disabled = props.value instanceof Signal
+        ? () => isPending() || get(props.disabled)
+        : true;
+    const validator = props.value instanceof Signal ? validatorFor(props.value) : undefined;
+    return _jsx("div", { role: "radiogroup", id: props.id, class: [
+            theme?.radio_buttons,
+            props.class,
+        ], style: props.style, "aria-readonly": string(!(props.options instanceof Signal)), "aria-invalid": validator ? optionalString(validator.invalid) : undefined, "aria-errormessage": validator ? validator.errorMessageIds : undefined, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], children: _jsx(For, { each: props.options, children: (option, index) => {
+                const id = uniqueId();
+                return _jsxs("label", { for: id, class: theme?.radio_button_label, children: [_jsx("input", { id: id, type: "radio", class: theme?.radio_button_input, name: group, value: id, disabled: disabled, autofocus: () => get(props.autofocus) && index() === 0, "prop:checked": map(props.value, x => x === option.value), "on:input": () => {
+                                if (props.value instanceof Signal) {
+                                    props.value.value = option.value;
+                                }
+                            } }), _jsx(Text, { class: theme?.radio_button_content, children: option.label })] });
+            } }) });
+}
+//# sourceMappingURL=radio-buttons.js.map

package/dist/components/radio-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-buttons.js","sourceRoot":"","sources":["../../src/components/radio-buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAc,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC3H,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,MAAM,UAAU,YAAY,CAAI,KAc/B;IACA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAE7B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,YAAY,MAAM;QAC7C,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAExF,OAAO,cACN,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE;YACN,KAAK,EAAE,aAAa;YACpB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,mBACH,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,MAAM,CAAC,CAAC,kBAC3C,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,uBACpD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,gBACxD,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,YAEzC,KAAC,GAAG,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,YACtB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAClB,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;gBAEtB,OAAO,iBACN,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,KAAK,EAAE,kBAAkB,aAEhC,gBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAChC,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,kBACxC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,cAC7C,GAAG,EAAE;gCACd,IAAI,KAAK,CAAC,KAAK,YAAY,MAAM,EAAE,CAAC;oCACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gCAClC,CAAC;4BACF,CAAC,GACA,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,oBAAoB,YACtC,MAAM,CAAC,KAAK,GACP,IACA,CAAC;YACV,CAAC,GACI,GACD,CAAC;AACR,CAAC"}

package/dist/components/row.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue, Expression, StyleValue } from "rvx";
+import { SizeContext } from "../common/types.js";
+export type RowAlignment = "top" | "center" | "bottom";
+export declare function Row(props: {
+    size?: Expression<SizeContext | undefined>;
+    align?: Expression<RowAlignment | undefined>;
+    class?: ClassValue;
+    style?: StyleValue;
+    children?: unknown;
+}): unknown;

package/dist/components/row.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "rvx/jsx-runtime";
+import { extract, get } from "rvx";
+import { THEME } from "../common/theme.js";
+export function Row(props) {
+    const theme = extract(THEME);
+    return _jsx("div", { class: [
+            theme?.row,
+            () => theme?.[`row_${get(props.size) ?? "content"}`],
+            props.class,
+        ], style: [
+            props.style,
+            {
+                "align-items": () => {
+                    switch (get(props.align)) {
+                        case "center": return "center";
+                        case "bottom": return "end";
+                        default: return "start";
+                    }
+                },
+            },
+        ], children: props.children });
+}
+//# sourceMappingURL=row.js.map

package/dist/components/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/components/row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,OAAO,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,UAAU,GAAG,CAAC,KAMnB;IACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,GAAG;YACV,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,CAAC;YACpD,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX;gBACC,aAAa,EAAE,GAAG,EAAE;oBACnB,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;wBAC1B,KAAK,QAAQ,CAAC,CAAC,OAAO,QAAQ,CAAC;wBAC/B,KAAK,QAAQ,CAAC,CAAC,OAAO,KAAK,CAAC;wBAC5B,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC;oBACzB,CAAC;gBACF,CAAC;aACD;SACD,YAEA,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}

package/dist/components/scroll-view.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue, StyleValue } from "rvx";
+export declare function ScrollView(props: {
+    class?: ClassValue;
+    style?: StyleValue;
+    children?: unknown;
+}): unknown;

package/dist/components/scroll-view.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
+import { extract, sig, teardown } from "rvx";
+import { debounceEvent } from "../common/events.js";
+import { THEME } from "../common/theme.js";
+import { axisEquals, DOWN, getBlockStart, getSize, RIGHT, UP } from "../common/writing-mode.js";
+export function ScrollView(props) {
+    const theme = extract(THEME);
+    const vertical = sig(undefined);
+    const scrollbarComp = sig(0);
+    const startIndicator = sig(false);
+    const endIndicator = sig(false);
+    const content = _jsx("div", { class: theme?.scroll_view_content, children: props.children });
+    const updateIndicators = (blockStart = getBlockStart(getComputedStyle(area).writingMode || "horizontal-tb")) => {
+        const areaSize = getSize(area.getBoundingClientRect(), blockStart);
+        let start;
+        let end;
+        if (blockStart === UP || blockStart === DOWN) {
+            start = area.scrollTop;
+            end = area.scrollHeight - start - areaSize;
+        }
+        else {
+            start = area.scrollLeft;
+            end = area.scrollWidth - start - areaSize;
+        }
+        if (blockStart === DOWN || blockStart === RIGHT) {
+            const x = start;
+            start = end;
+            end = x;
+        }
+        startIndicator.value = start > .5;
+        endIndicator.value = end > .5;
+    };
+    const area = _jsx("div", { class: theme?.scroll_view_area, style: {
+            overflow: () => vertical.value ? "hidden auto" : "auto hidden",
+        }, "on:scroll": [debounceEvent(100, () => updateIndicators()), { passive: true }], children: content });
+    const root = _jsxs("div", { class: [
+            props.class,
+            theme?.scroll_view,
+        ], style: [
+            props.style,
+            {
+                "--scrollbar-comp": () => `${scrollbarComp.value}px`,
+            },
+        ], children: [area, _jsx("div", { class: [
+                    theme?.scroll_view_indicator_start,
+                    () => startIndicator.value && theme?.scroll_view_indicator_visible,
+                ] }), _jsx("div", { class: [
+                    theme?.scroll_view_indicator_end,
+                    () => endIndicator.value && theme?.scroll_view_indicator_visible,
+                ] })] });
+    const rootObserver = new ResizeObserver(() => {
+        const blockStart = getBlockStart(getComputedStyle(root).writingMode || "horizontal-tb");
+        vertical.value ??= axisEquals(blockStart, UP);
+        updateIndicators(blockStart);
+    });
+    rootObserver.observe(root);
+    teardown(() => rootObserver.disconnect());
+    const contentObserver = new IntersectionObserver(() => {
+        const rootRect = root.getBoundingClientRect();
+        const contentRect = content.getBoundingClientRect();
+        const blockStart = getBlockStart(getComputedStyle(root).writingMode || "horizontal-tb");
+        const isVertical = axisEquals(blockStart, UP);
+        const dir = isVertical ? RIGHT : UP;
+        scrollbarComp.value = Math.max(0, getSize(rootRect, dir) - getSize(contentRect, dir));
+        vertical.value ??= isVertical;
+        updateIndicators(blockStart);
+    }, { root, rootMargin: "0px 0px 0px 0px", threshold: 1 });
+    contentObserver.observe(content);
+    teardown(() => contentObserver.disconnect());
+    return root;
+}
+//# sourceMappingURL=scroll-view.js.map

package/dist/components/scroll-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../src/components/scroll-view.tsx"],"names":[],"mappings":"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"}

package/dist/components/text-input.d.ts

@@ -0,0 +1,53 @@
+import { ClassValue, Expression, StyleValue } from "rvx";
+export type TextInputType = "text" | "password";
+export type TextAreaWrap = "hard" | "soft";
+export declare function TextInput(props: ({
+    /**
+     * If true, this component is rendered as a `<textarea>` element.
+     */
+    multiline?: false;
+    /**
+     * The input type.
+     *
+     * @default "text"
+     */
+    type?: Expression<TextInputType | undefined>;
+} | {
+    /**
+     * If true, this component is rendered as a `<textarea>` element.
+     */
+    multiline: true;
+    /**
+     * The number of visible rows if not overwritten via css.
+     *
+     * If not specified, the browser default is used.
+     */
+    rows?: Expression<number | undefined>;
+    /**
+     * Controls how the value is wrapped for form submission.
+     *
+     * This sets the standard `wrap` attribute.
+     */
+    wrap?: Expression<TextAreaWrap | undefined>;
+}) & {
+    /**
+     * Set when the input is disabled.
+     *
+     * The input is automatically disabled when there are any {@link isPending pending tasks}.
+     */
+    disabled?: Expression<boolean | undefined>;
+    /**
+     * The current text value.
+     *
+     * If this isn't a signal, the text input is readonly.
+     */
+    value: Expression<string>;
+    enterAction?: (event: Event) => void | boolean | Promise<void>;
+    class?: ClassValue;
+    style?: StyleValue;
+    id?: Expression<string | undefined>;
+    autofocus?: Expression<boolean | undefined>;
+    spellcheck?: Expression<boolean | undefined>;
+    "aria-label"?: Expression<string | undefined>;
+    "aria-labelledby"?: Expression<string | undefined>;
+}): unknown;

package/dist/components/text-input.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "rvx/jsx-runtime";
+import { extract, get, optionalString, Signal } from "rvx";
+import { isPending, waitFor } from "rvx/async";
+import { keyFor } from "../common/events.js";
+import { THEME } from "../common/theme.js";
+import { validatorFor } from "./validation.js";
+export function TextInput(props) {
+    const theme = extract(THEME);
+    const disabled = () => isPending() || get(props.disabled);
+    const validator = props.value instanceof Signal ? validatorFor(props.value) : undefined;
+    const InputTag = props.multiline ? "textarea" : "input";
+    const input = _jsx(InputTag, { type: props.multiline ? undefined : (() => get(props.type) ?? "text"), rows: props.multiline ? props.rows : undefined, wrap: props.multiline ? props.wrap : undefined, disabled: disabled, class: [
+            theme?.text_input,
+            props.class,
+        ], style: props.style, id: props.id, autofocus: props.autofocus, spellcheck: optionalString(props.spellcheck), readonly: !(props.value instanceof Signal), "prop:value": props.value, "on:input": () => {
+            if (props.value instanceof Signal) {
+                props.value.value = input.value;
+            }
+        }, "on:keydown": event => {
+            const key = keyFor(event);
+            if (key === "enter" && props.enterAction && !disabled()) {
+                const result = props.enterAction(event);
+                if (result === false) {
+                    return;
+                }
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                if (result instanceof Promise) {
+                    waitFor(result);
+                }
+            }
+        }, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], "aria-invalid": validator ? optionalString(validator.invalid) : undefined, "aria-errormessage": validator ? validator.errorMessageIds : undefined });
+    return input;
+}
+//# sourceMappingURL=text-input.js.map

package/dist/components/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,EAAc,MAAM,KAAK,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAK/C,MAAM,UAAU,SAAS,CAAC,KAuDzB;IACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAExF,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACxD,MAAM,KAAK,GAAG,KAAC,QAAQ,IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EACrE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,KAAK,EAAE,UAAU;YACjB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,gBAE9B,KAAK,CAAC,KAAK,cACb,GAAG,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,YAAY,MAAM,EAAE,CAAC;gBACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACjC,CAAC;QACF,CAAC,gBACW,KAAK,CAAC,EAAE;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1B,IAAI,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;gBACzD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;oBACtB,OAAO;gBACR,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;gBACjC,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;oBAC/B,OAAO,CAAC,MAAM,CAAC,CAAC;gBACjB,CAAC;YACF,CAAC;QACF,CAAC,gBAEW,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,kBAE3B,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,uBACpD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAC/C,CAAC;IAEvB,OAAO,KAAK,CAAC;AACd,CAAC"}

package/dist/components/text.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue, Expression, StyleValue } from "rvx";
+export declare function Text(props: {
+    class?: ClassValue;
+    style?: StyleValue;
+    id?: Expression<string | undefined>;
+    children?: unknown;
+}): unknown;

package/dist/components/text.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "rvx/jsx-runtime";
+import { extract } from "rvx";
+import { THEME } from "../common/theme.js";
+export function Text(props) {
+    const theme = extract(THEME);
+    return _jsx("div", { class: [
+            theme?.text,
+            props.class,
+        ], style: props.style, id: props.id, children: props.children });
+}
+//# sourceMappingURL=text.js.map

package/dist/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,OAAO,EAAc,MAAM,KAAK,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,IAAI,CAAC,KAKpB;IACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}

package/dist/components/validation.d.ts

@@ -0,0 +1,109 @@
+import { ClassValue, ContextKey, Emitter, Event, Expression, Signal, StyleValue, TriggerPipe } from "rvx";
+/**
+ * Context key for validation options used by new validators.
+ */
+export declare const VALIDATION: ContextKey<ValidationOptions>;
+/**
+ * Defines when accessed signals trigger automatic validation.
+ *
+ * + **if-validated** - **Default.** Validate if validation did run before.
+ * + **if-invalid** - Validate if currently invalid.
+ * + **never** - Never validate automatically.
+ */
+export type ValidationSignalTrigger = "if-validated" | "if-invalid" | "never";
+export interface ValidationOptions {
+    signalTrigger?: ValidationSignalTrigger;
+}
+export declare class Validator {
+    #private;
+    constructor();
+    /**
+     * Reactively get all validation rule entries.
+     */
+    rules: () => readonly ValidationRuleEntry[];
+    /**
+     * An expression to get a space separated list of error message ids.
+     */
+    errorMessageIds: () => string;
+    /**
+     * An expression to check if this validator is in an invalid state.
+     */
+    invalid: () => boolean;
+    /**
+     * Add a rule to be validated first until the current lifecycle is disposed.
+     */
+    prependRule(rule: ValidationRule): void;
+    /**
+     * Add a rule to be validated last until the current lifecycle is disposed.
+     */
+    appendRule(rule: ValidationRule): void;
+    /**
+     * Attach this validator to an object.
+     */
+    attach(target: object): void;
+    /**
+     * Validate using the currently attached rules.
+     */
+    validate(signal?: AbortSignal): Promise<boolean>;
+    /**
+     * Trigger validation as a side effect.
+     */
+    triggerValidation(): void;
+    /**
+     * Reset this validator to it's initial state.
+     */
+    reset(): void;
+    /**
+     * Get or attach a validator to an object.
+     */
+    static attach(target: object): Validator;
+}
+/**
+ * Get the validator attached to the specified target.
+ */
+export declare function validatorFor(target: object): Validator | undefined;
+export interface ValidationRule {
+    validate(signal?: AbortSignal): boolean | Promise<boolean>;
+    message: unknown;
+}
+export declare class ValidationRuleEntry {
+    readonly id: string;
+    readonly visible: Signal<boolean>;
+    readonly alert: Emitter<[]>;
+    readonly message: unknown;
+    readonly validate: ValidationRule["validate"];
+    readonly updated: TriggerPipe;
+    constructor(rule: ValidationRule, updated: TriggerPipe);
+}
+export interface ValidateFn<T> {
+    (value: T, signal?: AbortSignal): boolean | Promise<boolean>;
+}
+/**
+ * Prepend a validation rule to the validator attached to the specified signal.
+ *
+ * This is a shorthand, meant to be used with `signal.pipe`.
+ *
+ * @param target The signal to attach the validator to.
+ * @param validate A function to validate the current value. Immediately accessed signals may trigger re-validation when updated.
+ * @param message The validation message to show when invalid.
+ * @returns The target itself.
+ */
+export declare function rule<T>(target: Signal<T>, validate: ValidateFn<T>, message: unknown): Signal<T>;
+/**
+ * Validate all specified targets in parallel.
+ */
+export declare function validate(...targets: object[]): Promise<boolean>;
+export declare function ValidationMessage(props: {
+    visible?: Expression<boolean | undefined>;
+    alert?: Event<[]>;
+    class?: ClassValue;
+    style?: StyleValue;
+    id?: Expression<string | undefined>;
+    children?: unknown;
+}): unknown;
+/**
+ * Render validation messages for the validator attached to a specific target.
+ */
+export declare function ValidationMessages(props: {
+    for: object;
+}): unknown;

package/dist/components/validation.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx } from "rvx/jsx-runtime";
+import { Emitter, extract, For, map, sig, teardown, trigger, uniqueId, untrack } from "rvx";
+import { TaskSlot } from "rvx/async";
+import { THEME } from "../common/theme.js";
+import { Collapse } from "./collapse.js";
+import { Text } from "./text.js";
+const VALIDATORS = new WeakMap();
+export const VALIDATION = Symbol.for("rvx-ui:validation");
+export class Validator {
+    #slot = new TaskSlot();
+    #signalTrigger;
+    #rules = sig([]);
+    #invalid = sig(false);
+    #cycle = 0;
+    constructor() {
+        const options = extract(VALIDATION);
+        this.#signalTrigger = options?.signalTrigger ?? "if-validated";
+    }
+    rules = () => this.#rules.value;
+    errorMessageIds = () => this.#rules.value.map(r => r.id).join(" ");
+    invalid = () => this.#invalid.value;
+    #addRule(rule, add) {
+        const entry = new ValidationRuleEntry(rule, trigger(this.#ruleUpdated));
+        this.#rules.update(rules => {
+            add(rules, entry);
+        });
+        teardown(() => {
+            this.#rules.update(rules => {
+                const index = rules.indexOf(entry);
+                if (index < 0) {
+                    return false;
+                }
+                rules.splice(index, 1);
+            });
+        });
+    }
+    #ruleUpdated = () => {
+        const signalTrigger = this.#signalTrigger;
+        if (signalTrigger === "never" || (signalTrigger === "if-invalid" && !this.#invalid.value)) {
+            return;
+        }
+        this.triggerValidation();
+    };
+    prependRule(rule) {
+        this.#addRule(rule, (rules, entry) => rules.unshift(entry));
+    }
+    appendRule(rule) {
+        this.#addRule(rule, (rules, entry) => rules.push(entry));
+    }
+    attach(target) {
+        VALIDATORS.set(target, this);
+    }
+    async #validate(sideEffect, signal) {
+        this.#cycle++;
+        const rules = untrack(() => this.#rules.value);
+        for (let i = 0; i < rules.length; i++) {
+            if (signal?.aborted) {
+                return false;
+            }
+            const { validate, visible, alert, updated } = rules[i];
+            const valid = await updated(() => validate(signal));
+            if (valid) {
+                visible.value = false;
+            }
+            else {
+                const wasVisible = visible.value;
+                visible.value = true;
+                for (let r = i + 1; r < rules.length; r++) {
+                    rules[r].visible.value = false;
+                }
+                this.#invalid.value = true;
+                if (wasVisible && !sideEffect) {
+                    alert.emit();
+                }
+                return false;
+            }
+        }
+        this.#invalid.value = false;
+        return true;
+    }
+    async validate(signal) {
+        return this.#slot.block(() => this.#validate(false, signal));
+    }
+    triggerValidation() {
+        this.#slot.sideEffect(signal => this.#validate(true, signal));
+    }
+    reset() {
+        this.#cycle++;
+        this.#invalid.value = false;
+        const rules = untrack(() => this.#rules.value);
+        for (let i = 0; i < rules.length; i++) {
+            rules[i].visible.value = false;
+        }
+    }
+    static attach(target) {
+        let validator = VALIDATORS.get(target);
+        if (!validator) {
+            validator = new Validator();
+            VALIDATORS.set(target, validator);
+        }
+        return validator;
+    }
+}
+export function validatorFor(target) {
+    return VALIDATORS.get(target);
+}
+export class ValidationRuleEntry {
+    id = uniqueId();
+    visible = sig(false);
+    alert = new Emitter();
+    message;
+    validate;
+    updated;
+    constructor(rule, updated) {
+        this.message = rule.message;
+        this.validate = rule.validate.bind(rule);
+        this.updated = updated;
+    }
+}
+export function rule(target, validate, message) {
+    Validator.attach(target).prependRule({
+        validate(signal) {
+            return validate(target.value, signal);
+        },
+        message,
+    });
+    return target;
+}
+export async function validate(...targets) {
+    const tasks = [];
+    for (const target of targets) {
+        const validator = validatorFor(target);
+        if (validator === undefined) {
+            throw new Error("target has no attached validator.");
+        }
+        tasks.push(validator.validate());
+    }
+    return !(await Promise.all(tasks)).includes(false);
+}
+export function ValidationMessage(props) {
+    const theme = extract(THEME);
+    return _jsx(Collapse, { visible: map(props.visible, v => v ?? true), alert: props.alert, class: [
+            props.class,
+            theme?.validation_message_container,
+        ], style: props.style, id: props.id, children: _jsx("div", { class: theme?.validation_message, children: _jsx(Text, { children: props.children }) }) });
+}
+export function ValidationMessages(props) {
+    const validator = Validator.attach(props.for);
+    return _jsx(For, { each: validator.rules, children: rule => _jsx(ValidationMessage, { visible: rule.visible, alert: rule.alert.event, id: rule.id, children: rule.message }) });
+}
+//# sourceMappingURL=validation.js.map

package/dist/components/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../src/components/validation.tsx"],"names":[],"mappings":"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"}

package/dist/components/value.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue, Expression, StyleValue } from "rvx";
+export declare function Value(props: {
+    class?: ClassValue;
+    style?: StyleValue;
+    id?: Expression<string | undefined>;
+    children?: unknown;
+}): unknown;

package/dist/components/value.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "rvx/jsx-runtime";
+import { extract } from "rvx";
+import { THEME } from "../common/theme.js";
+export function Value(props) {
+    const theme = extract(THEME);
+    return _jsx("span", { class: [
+            theme?.value,
+            props.class,
+        ], style: props.style, id: props.id, children: props.children });
+}
+//# sourceMappingURL=value.js.map

package/dist/components/value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value.js","sourceRoot":"","sources":["../../src/components/value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,OAAO,EAAc,MAAM,KAAK,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,KAAK,CAAC,KAKrB;IACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,eACN,KAAK,EAAE;YACN,KAAK,EAAE,KAAK;YACZ,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACT,CAAC;AACT,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export * from "./common/events.js";
+export * from "./common/parsers.js";
+export * from "./common/theme.js";
+export * from "./common/trim.js";
+export * from "./common/types.js";
+export * from "./common/writing-mode.js";
+export * from "./components/button.js";
+export * from "./components/checkbox.js";
+export * from "./components/collapse.js";
+export * from "./components/column.js";
+export * from "./components/control-group.js";
+export * from "./components/dialog.js";
+export * from "./components/dropdown.js";
+export * from "./components/dropdown-input.js";
+export * from "./components/flex-space.js";
+export * from "./components/heading.js";
+export * from "./components/label.js";
+export * from "./components/layer.js";
+export * from "./components/link.js";
+export * from "./components/page.js";
+export * from "./components/popout.js";
+export * from "./components/popover.js";
+export * from "./components/radio-buttons.js";
+export * from "./components/row.js";
+export * from "./components/scroll-view.js";
+export * from "./components/text.js";
+export * from "./components/text-input.js";
+export * from "./components/validation.js";
+export * from "./components/value.js";