@jalvin/ui 2.0.25 → 2.0.27

package/dist/__tests__/modifier.test.js

@@ -0,0 +1,189 @@
+import { describe, it, expect } from "vitest";
+import { Modifier } from "../modifier.js";
+import { MutableInteractionSource } from "../interaction.js";
+// ── Basic styles (regression guard) ──────────────────────────────────────────
+describe("Modifier — basic styles", () => {
+    it("Default produces empty props", () => {
+        const props = Modifier.Default.toProps();
+        expect(props.style).toBeUndefined();
+        expect(props.className).toBeUndefined();
+    });
+    it("fillMaxWidth sets width 100%", () => {
+        expect(Modifier.fillMaxWidth().toProps().style?.width).toBe("100%");
+    });
+    it("padding with number appends px", () => {
+        expect(Modifier.padding(16).toProps().style?.padding).toBe("16px");
+    });
+    it("padding with string passes through", () => {
+        expect(Modifier.padding("1rem").toProps().style?.padding).toBe("1rem");
+    });
+    it("background sets backgroundColor", () => {
+        expect(Modifier.background("#fff").toProps().style?.backgroundColor).toBe("#fff");
+    });
+    it("className is recorded", () => {
+        expect(Modifier.className("foo").toProps().className).toBe("foo");
+    });
+    it("then() merges styles, later wins", () => {
+        const m = Modifier.background("#aaa").then(Modifier.background("#bbb"));
+        expect(m.toProps().style?.backgroundColor).toBe("#bbb");
+    });
+    it("then() concatenates classNames", () => {
+        const m = Modifier.className("a").then(Modifier.className("b"));
+        expect(m.toProps().className).toBe("a b");
+    });
+});
+// ── hoverable ─────────────────────────────────────────────────────────────────
+describe("Modifier.hoverable", () => {
+    it("toProps exposes onMouseEnter and onMouseLeave", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.hoverable(source).toProps();
+        expect(typeof props.onMouseEnter).toBe("function");
+        expect(typeof props.onMouseLeave).toBe("function");
+    });
+    it("onMouseEnter triggers _handleMouseEnter on the source", () => {
+        const source = new MutableInteractionSource();
+        const { onMouseEnter } = Modifier.hoverable(source).toProps();
+        onMouseEnter();
+        expect(source.getInteractions()[0]?.type).toBe("hover.enter");
+    });
+    it("onMouseLeave triggers _handleMouseLeave on the source", () => {
+        const source = new MutableInteractionSource();
+        const { onMouseEnter, onMouseLeave } = Modifier.hoverable(source).toProps();
+        onMouseEnter();
+        onMouseLeave();
+        expect(source.getInteractions()).toHaveLength(0);
+    });
+    it("does not expose focus or press handlers", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.hoverable(source).toProps();
+        expect(props.onFocus).toBeUndefined();
+        expect(props.onBlur).toBeUndefined();
+        expect(props.onMouseDown).toBeUndefined();
+        expect(props.onMouseUp).toBeUndefined();
+    });
+    it("static factory produces same result as instance method", () => {
+        const source = new MutableInteractionSource();
+        const a = Modifier.hoverable(source).toProps();
+        const b = Modifier.Default.hoverable(source).toProps();
+        expect(typeof a.onMouseEnter).toBe(typeof b.onMouseEnter);
+    });
+});
+// ── focusable ─────────────────────────────────────────────────────────────────
+describe("Modifier.focusable", () => {
+    it("toProps exposes onFocus and onBlur", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.focusable(source).toProps();
+        expect(typeof props.onFocus).toBe("function");
+        expect(typeof props.onBlur).toBe("function");
+    });
+    it("onFocus triggers _handleFocus", () => {
+        const source = new MutableInteractionSource();
+        const { onFocus } = Modifier.focusable(source).toProps();
+        onFocus();
+        expect(source.getInteractions()[0]?.type).toBe("focus.focus");
+    });
+    it("onBlur triggers _handleBlur", () => {
+        const source = new MutableInteractionSource();
+        const { onFocus, onBlur } = Modifier.focusable(source).toProps();
+        onFocus();
+        onBlur();
+        expect(source.getInteractions()).toHaveLength(0);
+    });
+    it("does not expose hover or press handlers", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.focusable(source).toProps();
+        expect(props.onMouseEnter).toBeUndefined();
+        expect(props.onMouseLeave).toBeUndefined();
+        expect(props.onMouseDown).toBeUndefined();
+        expect(props.onMouseUp).toBeUndefined();
+    });
+});
+// ── pressable ─────────────────────────────────────────────────────────────────
+describe("Modifier.pressable", () => {
+    it("toProps exposes onMouseDown and onMouseUp", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.pressable(source).toProps();
+        expect(typeof props.onMouseDown).toBe("function");
+        expect(typeof props.onMouseUp).toBe("function");
+    });
+    it("onMouseDown triggers _handleMouseDown with coordinates", () => {
+        const source = new MutableInteractionSource();
+        const { onMouseDown } = Modifier.pressable(source).toProps();
+        onMouseDown({ clientX: 42, clientY: 7 });
+        const i = source.getInteractions()[0];
+        expect(i.type).toBe("press.press");
+        if (i.type === "press.press") {
+            expect(i.x).toBe(42);
+            expect(i.y).toBe(7);
+        }
+    });
+    it("onMouseUp triggers _handleMouseUp", () => {
+        const source = new MutableInteractionSource();
+        const { onMouseDown, onMouseUp } = Modifier.pressable(source).toProps();
+        onMouseDown({ clientX: 0, clientY: 0 });
+        onMouseUp();
+        expect(source.getInteractions()).toHaveLength(0);
+    });
+    it("onMouseLeave also cancels the press", () => {
+        const source = new MutableInteractionSource();
+        const { onMouseDown, onMouseLeave } = Modifier.pressable(source).toProps();
+        onMouseDown({ clientX: 0, clientY: 0 });
+        onMouseLeave();
+        expect(source.getInteractions()).toHaveLength(0);
+    });
+});
+// ── combining modifiers on one source ─────────────────────────────────────────
+describe("Modifier — combining hoverable + focusable + pressable on one source", () => {
+    it("all three handlers are present", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.hoverable(source).focusable(source).pressable(source).toProps();
+        expect(typeof props.onMouseEnter).toBe("function");
+        expect(typeof props.onMouseLeave).toBe("function");
+        expect(typeof props.onFocus).toBe("function");
+        expect(typeof props.onBlur).toBe("function");
+        expect(typeof props.onMouseDown).toBe("function");
+        expect(typeof props.onMouseUp).toBe("function");
+    });
+    it("onMouseLeave cancels both hover and press when both are active", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.hoverable(source).pressable(source).toProps();
+        props.onMouseEnter();
+        props.onMouseDown({ clientX: 0, clientY: 0 });
+        expect(source.getInteractions()).toHaveLength(2);
+        props.onMouseLeave();
+        expect(source.getInteractions()).toHaveLength(0);
+    });
+    it("interaction source is preserved through style chain", () => {
+        const source = new MutableInteractionSource();
+        const props = Modifier.hoverable(source).background("#fff").padding(8).toProps();
+        expect(typeof props.onMouseEnter).toBe("function");
+        expect(props.style?.backgroundColor).toBe("#fff");
+        expect(props.style?.padding).toBe("8px");
+    });
+});
+// ── then() with interaction sources ──────────────────────────────────────────
+describe("Modifier.then — interaction source merging", () => {
+    it("then() inherits interaction source from left when right has none", () => {
+        const source = new MutableInteractionSource();
+        const merged = Modifier.hoverable(source).then(Modifier.background("#fff"));
+        const props = merged.toProps();
+        expect(typeof props.onMouseEnter).toBe("function");
+    });
+    it("then() prefers right-hand interaction source", () => {
+        const a = new MutableInteractionSource();
+        const b = new MutableInteractionSource();
+        const merged = Modifier.hoverable(a).then(Modifier.hoverable(b));
+        const props = merged.toProps();
+        props.onMouseEnter();
+        expect(b.getInteractions()[0]?.type).toBe("hover.enter");
+        expect(a.getInteractions()).toHaveLength(0);
+    });
+    it("then() merges flags from both sides", () => {
+        const source = new MutableInteractionSource();
+        const merged = Modifier.hoverable(source).then(Modifier.focusable(source));
+        const props = merged.toProps();
+        expect(typeof props.onMouseEnter).toBe("function");
+        expect(typeof props.onFocus).toBe("function");
+    });
+});
+//# sourceMappingURL=modifier.test.js.map

package/dist/__tests__/modifier.test.js.map

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

package/dist/annotated-string.d.ts

@@ -0,0 +1,77 @@
+import React from "react";
+import type { CSSProperties } from "react";
+export declare class TextDecoration {
+    readonly mask: number;
+    static readonly None: TextDecoration;
+    static readonly Underline: TextDecoration;
+    static readonly LineThrough: TextDecoration;
+    private constructor();
+    /** Combine two decorations (e.g. Underline + LineThrough). */
+    plus(other: TextDecoration): TextDecoration;
+    toCSSValue(): string | undefined;
+}
+export interface SpanStyle {
+    color?: string;
+    fontSize?: string;
+    fontWeight?: number | "bold" | "normal";
+    fontStyle?: "italic" | "normal";
+    fontFamily?: string;
+    letterSpacing?: string;
+    background?: string;
+    textDecoration?: TextDecoration;
+}
+export declare function spanStyleToCSS(styles: SpanStyle[]): CSSProperties;
+export interface TextLinkStyles {
+    style?: SpanStyle;
+    focusedStyle?: SpanStyle;
+    hoveredStyle?: SpanStyle;
+    pressedStyle?: SpanStyle;
+}
+export type LinkAnnotation = {
+    readonly type: "url";
+    readonly url: string;
+    readonly styles?: TextLinkStyles;
+} | {
+    readonly type: "clickable";
+    readonly tag: string;
+    readonly styles?: TextLinkStyles;
+    readonly onClick: (tag: string) => void;
+};
+export declare const LinkAnnotation: {
+    readonly Url: (url: string, styles?: TextLinkStyles) => LinkAnnotation;
+    readonly Clickable: (tag: string, onClick: (tag: string) => void, styles?: TextLinkStyles) => LinkAnnotation;
+};
+export interface StringRange<T> {
+    item: T;
+    start: number;
+    end: number;
+}
+export interface AnnotatedString {
+    readonly text: string;
+    readonly spanStyles: ReadonlyArray<StringRange<SpanStyle>>;
+    readonly linkAnnotations: ReadonlyArray<StringRange<LinkAnnotation>>;
+}
+declare class AnnotatedStringBuilder {
+    private _text;
+    private readonly _spanStyles;
+    private readonly _linkAnnotations;
+    private readonly _styleStack;
+    private readonly _linkStack;
+    append(text: string): this;
+    append(annotated: AnnotatedString): this;
+    withStyle(style: SpanStyle, block: () => void): this;
+    pushStyle(style: SpanStyle): this;
+    withLink(link: LinkAnnotation, block: () => void): this;
+    private pushLink;
+    private popLink;
+    pushStringAnnotation(tag: string, annotation: string): this;
+    addStyle(style: SpanStyle, start: number, end: number): this;
+    addLink(link: LinkAnnotation, start: number, end: number): this;
+    pop(): this;
+    build(): AnnotatedString;
+}
+/** Build an AnnotatedString using a fluent builder block. */
+export declare function buildAnnotatedString(block: (builder: AnnotatedStringBuilder) => void): AnnotatedString;
+export declare function renderAnnotatedString(ann: AnnotatedString): React.ReactNode[];
+export {};
+//# sourceMappingURL=annotated-string.d.ts.map

package/dist/annotated-string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotated-string.d.ts","sourceRoot":"","sources":["../src/annotated-string.ts"],"names":[],"mappings":"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"}

package/dist/annotated-string.js

@@ -0,0 +1,224 @@
+import React from "react";
+// ---------------------------------------------------------------------------
+// TextDecoration
+// ---------------------------------------------------------------------------
+export class TextDecoration {
+    mask;
+    static None = new TextDecoration(0);
+    static Underline = new TextDecoration(1);
+    static LineThrough = new TextDecoration(2);
+    constructor(mask) {
+        this.mask = mask;
+    }
+    /** Combine two decorations (e.g. Underline + LineThrough). */
+    plus(other) {
+        return new TextDecoration(this.mask | other.mask);
+    }
+    toCSSValue() {
+        const parts = [];
+        if (this.mask & 1)
+            parts.push("underline");
+        if (this.mask & 2)
+            parts.push("line-through");
+        return parts.length ? parts.join(" ") : undefined;
+    }
+}
+export function spanStyleToCSS(styles) {
+    const css = {};
+    for (const s of styles) {
+        if (s.color !== undefined)
+            css.color = s.color;
+        if (s.fontSize !== undefined)
+            css.fontSize = s.fontSize;
+        if (s.fontWeight !== undefined)
+            css.fontWeight = s.fontWeight;
+        if (s.fontStyle !== undefined)
+            css.fontStyle = s.fontStyle;
+        if (s.fontFamily !== undefined)
+            css.fontFamily = s.fontFamily;
+        if (s.letterSpacing !== undefined)
+            css.letterSpacing = s.letterSpacing;
+        if (s.background !== undefined)
+            css.backgroundColor = s.background;
+        if (s.textDecoration !== undefined) {
+            const v = s.textDecoration.toCSSValue();
+            if (v)
+                css.textDecoration = v;
+        }
+    }
+    return css;
+}
+export const LinkAnnotation = {
+    Url(url, styles) {
+        return { type: "url", url, styles };
+    },
+    Clickable(tag, onClick, styles) {
+        return { type: "clickable", tag, styles, onClick };
+    },
+};
+// ---------------------------------------------------------------------------
+// AnnotatedString builder
+// ---------------------------------------------------------------------------
+class AnnotatedStringBuilder {
+    _text = "";
+    _spanStyles = [];
+    _linkAnnotations = [];
+    _styleStack = [];
+    _linkStack = [];
+    append(value) {
+        if (typeof value === "string") {
+            this._text += value;
+        }
+        else {
+            const offset = this._text.length;
+            this._text += value.text;
+            for (const s of value.spanStyles) {
+                this._spanStyles.push({ item: s.item, start: s.start + offset, end: s.end + offset });
+            }
+            for (const l of value.linkAnnotations) {
+                this._linkAnnotations.push({ item: l.item, start: l.start + offset, end: l.end + offset });
+            }
+        }
+        return this;
+    }
+    // -- withStyle ------------------------------------------------------------
+    withStyle(style, block) {
+        this.pushStyle(style);
+        block();
+        this.pop();
+        return this;
+    }
+    pushStyle(style) {
+        this._styleStack.push({ style, start: this._text.length });
+        return this;
+    }
+    // -- withLink -------------------------------------------------------------
+    withLink(link, block) {
+        this.pushLink(link);
+        block();
+        this.popLink();
+        return this;
+    }
+    pushLink(link) {
+        this._linkStack.push({ link, start: this._text.length });
+    }
+    popLink() {
+        const entry = this._linkStack.pop();
+        if (entry) {
+            this._linkAnnotations.push({ item: entry.link, start: entry.start, end: this._text.length });
+        }
+    }
+    // -- pushStringAnnotation / addStyle / addLink  ---------------------------
+    pushStringAnnotation(tag, annotation) {
+        // Stored as a clickable with no-op handler so it can be queried later;
+        // consumers who need click handling should use withLink / addLink instead.
+        this.pushLink(LinkAnnotation.Clickable(tag, () => { }));
+        return this;
+    }
+    addStyle(style, start, end) {
+        this._spanStyles.push({ item: style, start, end });
+        return this;
+    }
+    addLink(link, start, end) {
+        this._linkAnnotations.push({ item: link, start, end });
+        return this;
+    }
+    // -- pop ------------------------------------------------------------------
+    pop() {
+        const styleEntry = this._styleStack.pop();
+        if (styleEntry) {
+            this._spanStyles.push({ item: styleEntry.style, start: styleEntry.start, end: this._text.length });
+        }
+        return this;
+    }
+    // -- build ----------------------------------------------------------------
+    build() {
+        // Flush any unclosed spans/links
+        while (this._styleStack.length)
+            this.pop();
+        while (this._linkStack.length)
+            this.popLink();
+        return {
+            text: this._text,
+            spanStyles: this._spanStyles.slice(),
+            linkAnnotations: this._linkAnnotations.slice(),
+        };
+    }
+}
+/** Build an AnnotatedString using a fluent builder block. */
+export function buildAnnotatedString(block) {
+    const builder = new AnnotatedStringBuilder();
+    block(builder);
+    return builder.build();
+}
+// ---------------------------------------------------------------------------
+// Rendering helper — converts AnnotatedString to React nodes
+// ---------------------------------------------------------------------------
+/** Default link style applied when the link has no explicit SpanStyle. */
+const defaultLinkStyle = {
+    color: "inherit",
+    textDecoration: "underline",
+    cursor: "pointer",
+};
+export function renderAnnotatedString(ann) {
+    const { text, spanStyles, linkAnnotations } = ann;
+    // Collect all segment boundaries
+    const positions = new Set([0, text.length]);
+    for (const s of spanStyles) {
+        positions.add(s.start);
+        positions.add(s.end);
+    }
+    for (const l of linkAnnotations) {
+        positions.add(l.start);
+        positions.add(l.end);
+    }
+    const sorted = Array.from(positions).sort((a, b) => a - b);
+    return sorted.slice(0, -1).map((start, i) => {
+        const end = sorted[i + 1];
+        const segment = text.slice(start, end);
+        if (!segment)
+            return null;
+        // All spans whose range fully covers this segment
+        const activeSpans = spanStyles.filter(s => s.start <= start && s.end >= end).map(s => s.item);
+        const activeLinks = linkAnnotations.filter(l => l.start <= start && l.end >= end);
+        const css = spanStyleToCSS(activeSpans);
+        if (activeLinks.length > 0) {
+            const link = activeLinks[0].item;
+            if (link.type === "url") {
+                const linkStyle = link.styles?.style;
+                const appliedStyle = linkStyle
+                    ? { ...defaultLinkStyle, ...spanStyleToCSS([linkStyle]), ...css }
+                    : { ...defaultLinkStyle, ...css };
+                return React.createElement("a", {
+                    key: start,
+                    href: link.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    style: appliedStyle,
+                }, segment);
+            }
+            if (link.type === "clickable") {
+                const linkStyle = link.styles?.style;
+                const appliedStyle = linkStyle
+                    ? { ...defaultLinkStyle, ...spanStyleToCSS([linkStyle]), ...css }
+                    : { ...defaultLinkStyle, ...css };
+                return React.createElement("span", {
+                    key: start,
+                    role: "link",
+                    tabIndex: 0,
+                    style: appliedStyle,
+                    onClick: () => link.onClick(link.tag),
+                    onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ")
+                            link.onClick(link.tag);
+                    },
+                }, segment);
+            }
+        }
+        if (Object.keys(css).length > 0) {
+            return React.createElement("span", { key: start, style: css }, segment);
+        }
+        return segment;
+    }).filter(Boolean);
+}
+//# sourceMappingURL=annotated-string.js.map

package/dist/annotated-string.js.map

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

package/dist/button.d.ts

@@ -10,7 +10,7 @@ export interface ButtonProps {
     enabled?: boolean;
     type?: "button" | "submit" | "reset";
 }
-/** Button — analogous to Compose's Button / OutlinedButton / TextButton. */
+/** Button element. */
 export declare function Button({ text, innerHTML: html, onClick, modifier, enabled, type }: ButtonProps, children?: React.ReactNode[]): React.ReactElement;
 export interface IconButtonProps {
     innerHTML?: string;

package/dist/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,4EAA4E;AAC5E,wBAAgB,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,EAAE,WAAW,EAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAC3B,KAAK,CAAC,YAAY,CAiBpB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,EAC3G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAC3B,KAAK,CAAC,YAAY,CAiBpB"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,sBAAsB;AACtB,wBAAgB,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,EAAE,WAAW,EAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAC3B,KAAK,CAAC,YAAY,CAuBpB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,EAC3G,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAC3B,KAAK,CAAC,YAAY,CAuBpB"}

package/dist/button.js

@@ -1,11 +1,17 @@
 import React from "react";
-/** Button — analogous to Compose's Button / OutlinedButton / TextButton. */
+/** Button element. */
 export function Button({ text, innerHTML: html, onClick, modifier, enabled = true, type = "button" }, children) {
     const modProps = modifier?.toProps() ?? {};
     const baseProps = {
         type,
         disabled: !enabled,
         onClick: enabled ? onClick : undefined,
+        onMouseEnter: modProps.onMouseEnter,
+        onMouseLeave: modProps.onMouseLeave,
+        onFocus: modProps.onFocus,
+        onBlur: modProps.onBlur,
+        onMouseDown: modProps.onMouseDown,
+        onMouseUp: modProps.onMouseUp,
         className: modProps.className,
         style: modProps.style,
     };
@@ -25,6 +31,12 @@ export function IconButton({ innerHTML, onClick, modifier, enabled = true, type
         type,
         disabled: !enabled,
         onClick: enabled ? onClick : undefined,
+        onMouseEnter: modProps.onMouseEnter,
+        onMouseLeave: modProps.onMouseLeave,
+        onFocus: modProps.onFocus,
+        onBlur: modProps.onBlur,
+        onMouseDown: modProps.onMouseDown,
+        onMouseUp: modProps.onMouseUp,
         className: modProps.className,
         style: modProps.style,
         "aria-label": ariaLabel,

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,4EAA4E;AAC5E,MAAM,UAAU,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAe,EAC1F,QAA4B;IAE5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG;QAChB,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAA4B;KAC7C,CAAC;IACF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YACnC,GAAG,SAAS;YACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SAC1C,CAAC,CAAC;IACL,CAAC;IACD,MAAM,UAAU,GAAsB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrF,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC;AACjE,CAAC;AAWD,iCAAiC;AACjC,MAAM,UAAU,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAmB,EAC3G,QAA4B;IAE5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG;QAChB,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAA4B;QAC5C,YAAY,EAAE,SAAS;KACxB,CAAC;IACF,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YACnC,GAAG,SAAS;YACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;SAC/C,CAAC,CAAC;IACL,CAAC;IACD,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;AACvE,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,sBAAsB;AACtB,MAAM,UAAU,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAe,EAC1F,QAA4B;IAE5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG;QAChB,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAA4B;KAC7C,CAAC;IACF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YACnC,GAAG,SAAS;YACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SAC1C,CAAC,CAAC;IACL,CAAC;IACD,MAAM,UAAU,GAAsB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrF,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC;AACjE,CAAC;AAWD,iCAAiC;AACjC,MAAM,UAAU,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAmB,EAC3G,QAA4B;IAE5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG;QAChB,IAAI;QACJ,QAAQ,EAAE,CAAC,OAAO;QAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,KAAK,EAAE,QAAQ,CAAC,KAA4B;QAC5C,YAAY,EAAE,SAAS;KACxB,CAAC;IACF,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YACnC,GAAG,SAAS;YACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;SAC/C,CAAC,CAAC;IACL,CAAC;IACD,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;AACvE,CAAC"}

package/dist/canvas.d.ts

@@ -13,6 +13,6 @@ export interface CanvasProps extends Omit<React.CanvasHTMLAttributes<HTMLCanvasE
     /** Override devicePixelRatio used for backing-store scaling. */
     pixelRatio?: number;
 }
-/** Canvas drawing surface — analogous to Compose's Canvas. */
+/** Canvas drawing surface. */
 export declare function Canvas({ modifier, width, height, draw, clearBeforeDraw, pixelRatio, className, ...domProps }: CanvasProps): React.ReactElement;
 //# sourceMappingURL=canvas.d.ts.map

package/dist/canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjI,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1E,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAOD,8DAA8D;AAC9D,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,eAAsB,EACtB,UAAU,EACV,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAoDlC"}
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjI,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1E,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAOD,8BAA8B;AAC9B,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,eAAsB,EACtB,UAAU,EACV,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CA0DlC"}

package/dist/canvas.js

@@ -3,7 +3,7 @@ function joinClassNames(...classNames) {
     const value = classNames.filter(Boolean).join(" ").trim();
     return value.length > 0 ? value : undefined;
 }
-/** Canvas drawing surface — analogous to Compose's Canvas. */
+/** Canvas drawing surface. */
 export function Canvas({ modifier, width, height, draw, clearBeforeDraw = true, pixelRatio, className, ...domProps }) {
     const ref = React.useRef(null);
     const modProps = modifier?.toProps() ?? {};
@@ -46,6 +46,12 @@ export function Canvas({ modifier, width, height, draw, clearBeforeDraw = true,
         ref,
         ...domProps,
         className: joinClassNames(modProps.className, className),
+        onMouseEnter: modProps.onMouseEnter,
+        onMouseLeave: modProps.onMouseLeave,
+        onFocus: modProps.onFocus,
+        onBlur: modProps.onBlur,
+        onMouseDown: modProps.onMouseDown,
+        onMouseUp: modProps.onMouseUp,
         style: {
             width: width !== undefined ? `${width}px` : undefined,
             height: height !== undefined ? `${height}px` : undefined,