@llui/components 0.0.1

package/dist/components/listbox.js

@@ -0,0 +1,174 @@
+import { typeaheadAccumulate, typeaheadMatchByItems, isTypeaheadKey, TYPEAHEAD_TIMEOUT_MS, } from '../utils/typeahead';
+export function init(opts = {}) {
+    return {
+        value: opts.value ?? [],
+        items: opts.items ?? [],
+        disabledItems: opts.disabledItems ?? [],
+        disabled: opts.disabled ?? false,
+        selectionMode: opts.selectionMode ?? 'single',
+        highlightedIndex: null,
+        typeahead: '',
+        typeaheadExpiresAt: 0,
+    };
+}
+function nextEnabledIndex(items, disabled, from, delta) {
+    if (items.length === 0)
+        return null;
+    const start = from === null ? (delta === 1 ? -1 : items.length) : from;
+    const n = items.length;
+    for (let i = 1; i <= n; i++) {
+        const idx = (start + delta * i + n * n) % n;
+        if (!disabled.includes(items[idx]))
+            return idx;
+    }
+    return null;
+}
+function firstEnabledIndex(items, disabled) {
+    for (let i = 0; i < items.length; i++) {
+        if (!disabled.includes(items[i]))
+            return i;
+    }
+    return null;
+}
+function lastEnabledIndex(items, disabled) {
+    for (let i = items.length - 1; i >= 0; i--) {
+        if (!disabled.includes(items[i]))
+            return i;
+    }
+    return null;
+}
+function applySelection(state, value) {
+    if (state.disabledItems.includes(value))
+        return state.value;
+    if (state.selectionMode === 'single')
+        return [value];
+    // multiple
+    const isActive = state.value.includes(value);
+    return isActive ? state.value.filter((v) => v !== value) : [...state.value, value];
+}
+export function update(state, msg) {
+    if (state.disabled)
+        return [state, []];
+    switch (msg.type) {
+        case 'select':
+            return [{ ...state, value: applySelection(state, msg.value) }, []];
+        case 'setValue':
+            return [{ ...state, value: msg.value }, []];
+        case 'clear':
+            return [{ ...state, value: [] }, []];
+        case 'highlight':
+            return [{ ...state, highlightedIndex: msg.index }, []];
+        case 'highlightNext': {
+            const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, 1);
+            return [{ ...state, highlightedIndex: to }, []];
+        }
+        case 'highlightPrev': {
+            const to = nextEnabledIndex(state.items, state.disabledItems, state.highlightedIndex, -1);
+            return [{ ...state, highlightedIndex: to }, []];
+        }
+        case 'highlightFirst':
+            return [
+                { ...state, highlightedIndex: firstEnabledIndex(state.items, state.disabledItems) },
+                [],
+            ];
+        case 'highlightLast':
+            return [
+                { ...state, highlightedIndex: lastEnabledIndex(state.items, state.disabledItems) },
+                [],
+            ];
+        case 'selectHighlighted': {
+            if (state.highlightedIndex === null)
+                return [state, []];
+            const v = state.items[state.highlightedIndex];
+            if (v === undefined)
+                return [state, []];
+            return [{ ...state, value: applySelection(state, v) }, []];
+        }
+        case 'setItems': {
+            const disabled = msg.disabled ?? state.disabledItems;
+            // Preserve only values still in the items list and not disabled
+            const value = state.value.filter((v) => msg.items.includes(v) && !disabled.includes(v));
+            return [{ ...state, items: msg.items, disabledItems: disabled, value }, []];
+        }
+        case 'typeahead': {
+            const acc = typeaheadAccumulate(state.typeahead, msg.char, msg.now, state.typeaheadExpiresAt);
+            const match = typeaheadMatchByItems(state.items, state.disabledItems, acc, state.highlightedIndex);
+            return [
+                {
+                    ...state,
+                    typeahead: acc,
+                    typeaheadExpiresAt: msg.now + TYPEAHEAD_TIMEOUT_MS,
+                    highlightedIndex: match ?? state.highlightedIndex,
+                },
+                [],
+            ];
+        }
+    }
+}
+export function connect(get, send, opts) {
+    const rootId = `${opts.id}:root`;
+    const itemId = (index) => `${opts.id}:item:${index}`;
+    return {
+        root: {
+            role: 'listbox',
+            'aria-multiselectable': (s) => (get(s).selectionMode === 'multiple' ? 'true' : undefined),
+            'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
+            'aria-activedescendant': (s) => {
+                const idx = get(s).highlightedIndex;
+                return idx === null ? undefined : itemId(idx);
+            },
+            tabIndex: (s) => (get(s).disabled ? -1 : 0),
+            id: rootId,
+            'data-scope': 'listbox',
+            'data-part': 'root',
+            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            onKeyDown: (e) => {
+                switch (e.key) {
+                    case 'ArrowDown':
+                        e.preventDefault();
+                        send({ type: 'highlightNext' });
+                        return;
+                    case 'ArrowUp':
+                        e.preventDefault();
+                        send({ type: 'highlightPrev' });
+                        return;
+                    case 'Home':
+                        e.preventDefault();
+                        send({ type: 'highlightFirst' });
+                        return;
+                    case 'End':
+                        e.preventDefault();
+                        send({ type: 'highlightLast' });
+                        return;
+                    case 'Enter':
+                    case ' ':
+                        e.preventDefault();
+                        send({ type: 'selectHighlighted' });
+                        return;
+                    default:
+                        if (isTypeaheadKey(e)) {
+                            send({ type: 'typeahead', char: e.key, now: Date.now() });
+                        }
+                }
+            },
+        },
+        item: (value, index) => ({
+            root: {
+                role: 'option',
+                id: itemId(index),
+                'aria-selected': (s) => get(s).value.includes(value),
+                'aria-disabled': (s) => (get(s).disabledItems.includes(value) ? 'true' : undefined),
+                'data-state': (s) => (get(s).value.includes(value) ? 'selected' : undefined),
+                'data-highlighted': (s) => (get(s).highlightedIndex === index ? '' : undefined),
+                'data-disabled': (s) => (get(s).disabledItems.includes(value) ? '' : undefined),
+                'data-scope': 'listbox',
+                'data-part': 'item',
+                'data-value': value,
+                'data-index': String(index),
+                onClick: () => send({ type: 'select', value }),
+                onPointerMove: () => send({ type: 'highlight', index }),
+            },
+        }),
+    };
+}
+export const listbox = { init, update, connect };

package/dist/components/marquee.d.ts

@@ -0,0 +1,84 @@
+import type { Send } from '@llui/dom';
+/**
+ * Marquee — continuously-scrolling content. The state machine tracks
+ * play/pause + direction + speed; the scrolling itself is driven by CSS
+ * animations or JS requestAnimationFrame (the consumer owns that).
+ *
+ * Expose the active state via CSS custom properties the consumer reads
+ * in their stylesheet:
+ *   --marquee-duration: {N}s
+ *   --marquee-direction: 'normal' | 'reverse'
+ *   --marquee-playstate: 'running' | 'paused'
+ */
+export type MarqueeDirection = 'left' | 'right' | 'up' | 'down';
+export interface MarqueeState {
+    /** User-intended running state (what play/pause/toggle set). The actual
+     *  effective state is derived via `isRunning()` — it combines this with
+     *  `hovered` + `pauseOnHover`. */
+    running: boolean;
+    direction: MarqueeDirection;
+    /** Duration of one full loop in seconds. Larger = slower. */
+    durationSec: number;
+    pauseOnHover: boolean;
+    hovered: boolean;
+    disabled: boolean;
+}
+export type MarqueeMsg = {
+    type: 'play';
+} | {
+    type: 'pause';
+} | {
+    type: 'toggle';
+} | {
+    type: 'hoverPause';
+} | {
+    type: 'hoverResume';
+} | {
+    type: 'setDirection';
+    direction: MarqueeDirection;
+} | {
+    type: 'setDuration';
+    durationSec: number;
+};
+export interface MarqueeInit {
+    running?: boolean;
+    direction?: MarqueeDirection;
+    durationSec?: number;
+    pauseOnHover?: boolean;
+    disabled?: boolean;
+}
+export declare function init(opts?: MarqueeInit): MarqueeState;
+/** Derived: whether the marquee is currently animating. */
+export declare function isRunning(state: MarqueeState): boolean;
+export declare function update(state: MarqueeState, msg: MarqueeMsg): [MarqueeState, never[]];
+/** Returns 'normal' (left/up) or 'reverse' (right/down) for CSS animation-direction. */
+export declare function cssAnimationDirection(direction: MarqueeDirection): 'normal' | 'reverse';
+/** Returns 'horizontal' or 'vertical' based on direction. */
+export declare function axis(direction: MarqueeDirection): 'horizontal' | 'vertical';
+export interface MarqueeParts<S> {
+    root: {
+        'data-scope': 'marquee';
+        'data-part': 'root';
+        'data-running': (s: S) => '' | undefined;
+        'data-direction': (s: S) => MarqueeDirection;
+        'data-axis': (s: S) => 'horizontal' | 'vertical';
+        'data-disabled': (s: S) => '' | undefined;
+        style: (s: S) => string;
+        onMouseEnter: (e: MouseEvent) => void;
+        onMouseLeave: (e: MouseEvent) => void;
+    };
+    content: {
+        'data-scope': 'marquee';
+        'data-part': 'content';
+    };
+}
+export declare function connect<S>(get: (s: S) => MarqueeState, send: Send<MarqueeMsg>): MarqueeParts<S>;
+export declare const marquee: {
+    init: typeof init;
+    update: typeof update;
+    connect: typeof connect;
+    isRunning: typeof isRunning;
+    cssAnimationDirection: typeof cssAnimationDirection;
+    axis: typeof axis;
+};
+//# sourceMappingURL=marquee.d.ts.map

package/dist/components/marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/components/marquee.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B;;sCAEkC;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,SAAS,EAAE,gBAAgB,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,WAAgB,GAAG,YAAY,CASzD;AAED,2DAA2D;AAC3D,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAItD;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,GAAG,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAkBpF;AAED,wFAAwF;AACxF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAEvF;AAED,6DAA6D;AAC7D,wBAAgB,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAE3E;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,CAAA;QAC5C,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,GAAG,UAAU,CAAA;QAChD,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACzC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;QACrC,YAAY,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACtC,CAAA;IACD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS,CAAA;QACvB,WAAW,EAAE,SAAS,CAAA;KACvB,CAAA;CACF;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CA2B/F;AAED,eAAO,MAAM,OAAO;;;;;;;CAAoE,CAAA"}

package/dist/components/marquee.js

@@ -0,0 +1,73 @@
+export function init(opts = {}) {
+    return {
+        running: opts.running ?? true,
+        direction: opts.direction ?? 'left',
+        durationSec: opts.durationSec ?? 20,
+        pauseOnHover: opts.pauseOnHover ?? false,
+        hovered: false,
+        disabled: opts.disabled ?? false,
+    };
+}
+/** Derived: whether the marquee is currently animating. */
+export function isRunning(state) {
+    if (!state.running || state.disabled)
+        return false;
+    if (state.pauseOnHover && state.hovered)
+        return false;
+    return true;
+}
+export function update(state, msg) {
+    if (state.disabled)
+        return [state, []];
+    switch (msg.type) {
+        case 'play':
+            return [{ ...state, running: true }, []];
+        case 'pause':
+            return [{ ...state, running: false }, []];
+        case 'toggle':
+            return [{ ...state, running: !state.running }, []];
+        case 'hoverPause':
+            return [{ ...state, hovered: true }, []];
+        case 'hoverResume':
+            return [{ ...state, hovered: false }, []];
+        case 'setDirection':
+            return [{ ...state, direction: msg.direction }, []];
+        case 'setDuration':
+            return [{ ...state, durationSec: Math.max(0, msg.durationSec) }, []];
+    }
+}
+/** Returns 'normal' (left/up) or 'reverse' (right/down) for CSS animation-direction. */
+export function cssAnimationDirection(direction) {
+    return direction === 'right' || direction === 'down' ? 'reverse' : 'normal';
+}
+/** Returns 'horizontal' or 'vertical' based on direction. */
+export function axis(direction) {
+    return direction === 'up' || direction === 'down' ? 'vertical' : 'horizontal';
+}
+export function connect(get, send) {
+    return {
+        root: {
+            'data-scope': 'marquee',
+            'data-part': 'root',
+            'data-running': (s) => (isRunning(get(s)) ? '' : undefined),
+            'data-direction': (s) => get(s).direction,
+            'data-axis': (s) => axis(get(s).direction),
+            'data-disabled': (s) => (get(s).disabled ? '' : undefined),
+            style: (s) => {
+                const st = get(s);
+                return (`--marquee-duration:${st.durationSec}s;` +
+                    `--marquee-direction:${cssAnimationDirection(st.direction)};` +
+                    `--marquee-playstate:${isRunning(st) ? 'running' : 'paused'};`);
+            },
+            // Always fire hover messages; the reducer no-ops unless
+            // state.pauseOnHover is true.
+            onMouseEnter: () => send({ type: 'hoverPause' }),
+            onMouseLeave: () => send({ type: 'hoverResume' }),
+        },
+        content: {
+            'data-scope': 'marquee',
+            'data-part': 'content',
+        },
+    };
+}
+export const marquee = { init, update, connect, isRunning, cssAnimationDirection, axis };

package/dist/components/menu.d.ts

@@ -0,0 +1,131 @@
+import type { Send, TransitionOptions } from '@llui/dom';
+import { type Placement } from '../utils/floating';
+/**
+ * Menu — a dropdown list of items triggered by a button. Keyboard navigation
+ * (arrows, Home, End), typeahead (first-letter matching), Enter/Space to
+ * activate the focused item, Escape to close.
+ *
+ * Items are opaque string values (keys); the user's view renders the
+ * label/icon/etc. The machine tracks which item is currently "highlighted"
+ * (= the one that will activate on Enter). On open, the first item is
+ * highlighted by default unless `defaultHighlighted` is provided.
+ */
+export interface MenuState {
+    open: boolean;
+    items: string[];
+    disabledItems: string[];
+    highlighted: string | null;
+    /** Accumulator for typeahead search. */
+    typeahead: string;
+    typeaheadExpiresAt: number;
+}
+export type MenuMsg = {
+    type: 'open';
+} | {
+    type: 'close';
+} | {
+    type: 'toggle';
+} | {
+    type: 'highlight';
+    value: string | null;
+} | {
+    type: 'highlightNext';
+} | {
+    type: 'highlightPrev';
+} | {
+    type: 'highlightFirst';
+} | {
+    type: 'highlightLast';
+} | {
+    type: 'selectHighlighted';
+} | {
+    type: 'select';
+    value: string;
+} | {
+    type: 'setItems';
+    items: string[];
+    disabled?: string[];
+} | {
+    type: 'typeahead';
+    char: string;
+    now: number;
+};
+export interface MenuInit {
+    open?: boolean;
+    items?: string[];
+    disabledItems?: string[];
+    highlighted?: string | null;
+}
+export declare function init(opts?: MenuInit): MenuState;
+export declare function update(state: MenuState, msg: MenuMsg): [MenuState, never[]];
+export interface MenuItemParts<S> {
+    item: {
+        role: 'menuitem';
+        id: string;
+        'aria-disabled': (s: S) => 'true' | undefined;
+        'data-state': (s: S) => 'highlighted' | undefined;
+        'data-disabled': (s: S) => '' | undefined;
+        'data-scope': 'menu';
+        'data-part': 'item';
+        'data-value': string;
+        tabIndex: -1;
+        onClick: (e: MouseEvent) => void;
+        onPointerMove: (e: PointerEvent) => void;
+    };
+}
+export interface MenuParts<S> {
+    trigger: {
+        type: 'button';
+        'aria-haspopup': 'menu';
+        'aria-expanded': (s: S) => boolean;
+        'aria-controls': string;
+        id: string;
+        'data-state': (s: S) => 'open' | 'closed';
+        'data-scope': 'menu';
+        'data-part': 'trigger';
+        onClick: (e: MouseEvent) => void;
+        onKeyDown: (e: KeyboardEvent) => void;
+    };
+    positioner: {
+        'data-scope': 'menu';
+        'data-part': 'positioner';
+        style: string;
+    };
+    content: {
+        role: 'menu';
+        id: string;
+        'aria-labelledby': string;
+        tabIndex: -1;
+        'data-state': (s: S) => 'open' | 'closed';
+        'data-scope': 'menu';
+        'data-part': 'content';
+        onKeyDown: (e: KeyboardEvent) => void;
+    };
+    item: (value: string) => MenuItemParts<S>;
+}
+export interface ConnectOptions {
+    id: string;
+    /** Called when an item is activated (Enter/Space/click). */
+    onSelect?: (value: string) => void;
+}
+export declare function connect<S>(get: (s: S) => MenuState, send: Send<MenuMsg>, opts: ConnectOptions): MenuParts<S>;
+export interface OverlayOptions<S> {
+    get: (s: S) => MenuState;
+    send: Send<MenuMsg>;
+    parts: MenuParts<S>;
+    content: () => Node[];
+    placement?: Placement;
+    offset?: number;
+    flip?: boolean;
+    shift?: boolean;
+    transition?: TransitionOptions;
+    target?: string | HTMLElement;
+}
+export declare function overlay<S>(opts: OverlayOptions<S>): Node[];
+export declare const menu: {
+    init: typeof init;
+    update: typeof update;
+    connect: typeof connect;
+    overlay: typeof overlay;
+};
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu.d.ts.map

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