@weave-framework/ui 0.2.107

package/dist/input/input.js

@@ -0,0 +1,138 @@
+/**
+ * `<Input>` — a native `<input>` (or `<textarea>`) as a Weave **underline field**
+ * (`border-bottom: 1.5px line`, transparent, focus → accent). Batteries-included:
+ *
+ *  - **Prefix / suffix** — named slots (`slot="prefix"` / `slot="suffix"`) that hold text
+ *    or an icon, flanking the input *inside the underline* (they share the border). Empty
+ *    slots collapse (hidden), so the field has no dead gaps.
+ *  - **Clearable** — `clearable` shows a `×` button (when non-empty, editable) that empties
+ *    the value and refocuses.
+ *  - **Multiline** — `multiline` renders a `<textarea>` (with `rows`) instead of `<input>`.
+ *  - **Binding** — the Weave form-control convention (string value): `value` (a getter) +
+ *    `onInput`, OR `control` (a structural `Field<string>`). `control` wins; it drives the
+ *    value two-way, marks `touched` on blur, and drives the error underline (`--invalid`)
+ *    off `touched() && error()`.
+ *  - Forwards `type` / `placeholder` / `disabled` / `readonly` / `required` / `name`.
+ *
+ * Compose with `<FormField>` for a label + hint/error line (which also wires `for`/`id`).
+ *
+ *   import Input from '@weave-framework/ui/input';
+ *   <Input control={{ form.controls.email }} type={{ 'email' }} placeholder={{ 'you@…' }} />
+ *   <Input value={{ q() }} onInput={{ setQ }} clearable>
+ *     <Icon slot="prefix" name={{ 'search' }} />
+ *   </Input>
+ */
+import { signal, effect, onMount } from '@weave-framework/runtime';
+export const template = '<div class={{ rootClass() }} ref={{ root }}>' +
+    '<span class="weave-input__prefix"><slot name="prefix"></slot></span>' +
+    '@if (multiline()) {' +
+    '<textarea class="weave-input__field" ref={{ input }} rows={{ rows() }} placeholder={{ placeholder() }}' +
+    ' .value={{ currentValue() }} disabled={{ isDisabled() }} readonly={{ isReadonly() }} required={{ isRequired() }}' +
+    ' name={{ name() }} aria-label={{ label() }} on:input={{ onNativeInput }} on:blur={{ onBlur }}></textarea>' +
+    '}' +
+    '@if (singleline()) {' +
+    '<input class="weave-input__field" ref={{ input }} type={{ type() }} placeholder={{ placeholder() }}' +
+    ' .value={{ currentValue() }} disabled={{ isDisabled() }} readonly={{ isReadonly() }} required={{ isRequired() }}' +
+    ' name={{ name() }} aria-label={{ label() }} on:input={{ onNativeInput }} on:blur={{ onBlur }} />' +
+    '}' +
+    '@if (showClear()) {' +
+    '<button type="button" class="weave-input__clear" aria-label={{ clearLabel() }} on:click={{ clear }}>×</button>' +
+    '}' +
+    '<span class="weave-input__suffix"><slot name="suffix"></slot></span>' +
+    '</div>';
+export function setup(props) {
+    const root = signal(null);
+    const input = signal(null);
+    const currentValue = () => (props.control ? props.control.value() : props.value ?? '');
+    const isDisabled = () => !!props.disabled;
+    const isReadonly = () => !!props.readonly;
+    const invalid = () => {
+        const c = props.control;
+        return !!(c && c.touched?.() && c.error?.());
+    };
+    // Forms validity → aria-invalid on the field (touched AND invalid).
+    effect(() => {
+        const el = input();
+        if (!el)
+            return;
+        if (invalid())
+            el.setAttribute('aria-invalid', 'true');
+        else
+            el.removeAttribute('aria-invalid');
+    });
+    // Hand the native field to a composer (Autocomplete) so it can add combobox ARIA —
+    // synchronously as soon as the ref is set, so composed behavior is wired before use.
+    effect(() => {
+        const el = input();
+        if (el)
+            props.onInputRef?.(el);
+    });
+    // Empty prefix/suffix slots collapse, so the field has no dead gap (flex `gap` skips
+    // display:none children). Static once mounted — named slots don't change here.
+    onMount(() => {
+        const el = root();
+        if (!el)
+            return;
+        for (const part of ['prefix', 'suffix']) {
+            const span = el.querySelector(`.weave-input__${part}`);
+            if (span && !span.querySelector('*') && !(span.textContent ?? '').trim()) {
+                span.classList.add(`weave-input__${part}--empty`);
+            }
+        }
+    });
+    const commit = (next) => {
+        if (props.control)
+            props.control.value.set(next);
+        else
+            props.onInput?.(next);
+    };
+    const onNativeInput = (event) => {
+        commit(event.target.value);
+    };
+    const onBlur = () => {
+        props.control?.touched?.set(true);
+    };
+    const clear = () => {
+        const el = input();
+        if (!el) {
+            commit('');
+            return;
+        }
+        // Fire a real `input` event so our own commit runs AND composers (Autocomplete)
+        // react to the cleared value (e.g. close their panel).
+        el.value = '';
+        el.dispatchEvent(new Event('input', { bubbles: true }));
+        el.focus();
+    };
+    return {
+        root,
+        input,
+        rootClass: () => {
+            const parts = ['weave-input'];
+            if (props.multiline)
+                parts.push('weave-input--multiline');
+            if (invalid())
+                parts.push('weave-input--invalid');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        multiline: () => !!props.multiline,
+        singleline: () => !props.multiline,
+        type: () => props.type ?? 'text',
+        rows: () => props.rows ?? 3,
+        placeholder: () => props.placeholder,
+        currentValue,
+        isDisabled,
+        isReadonly,
+        isRequired: () => !!props.required,
+        name: () => props.name,
+        label: () => props.label,
+        showClear: () => !!props.clearable && !isDisabled() && !isReadonly() && currentValue().length > 0,
+        clearLabel: () => props.clearLabel ?? 'Clear',
+        onNativeInput,
+        onBlur,
+        clear,
+    };
+}
+//# sourceMappingURL=input.js.map

package/dist/input/input.js.map

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

package/dist/internal/compose.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Compose one Weave UI component inside another's template.
+ *
+ * A UI component is authored as `{ setup, template }`. To use it as a child element
+ * (`<Input .../>`) in another component's template, that child must be a callable
+ * `defineComponent(render, setup)` provided in the compiled parent's `_c` map. This
+ * helper builds exactly that from a component module — the same shape the real
+ * `weave build` (`compileComponent`) emits, done here for the library's own tooling
+ * (tests + the gallery). Nested children are passed through so a composed component
+ * can itself compose more (e.g. Paginator → Input, Select).
+ *
+ *   const _c = { Input: toComponent(InputMod) };
+ *   // parent template: '<Input control={{ jump }} />'
+ */
+export interface ComponentModule {
+    setup?: (props: Record<string, unknown>) => Record<string, unknown>;
+    template: string;
+}
+/** A map of child-component tag → callable component, injected as the compiled `_c`. */
+export type ChildComponents = Record<string, unknown>;
+/**
+ * Turn a `{ setup, template }` module into a callable Weave component. `children` are
+ * the child components its own template composes (its `_c` map), defaulting to none.
+ */
+export declare function toComponent(mod: ComponentModule, children?: ChildComponents): unknown;
+//# sourceMappingURL=compose.d.ts.map

package/dist/internal/compose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/internal/compose.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAQH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wFAAwF;AACxF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,eAAe,EAAE,QAAQ,GAAE,eAAoB,GAAG,OAAO,CAQzF"}

package/dist/internal/compose.js

@@ -0,0 +1,32 @@
+/**
+ * Compose one Weave UI component inside another's template.
+ *
+ * A UI component is authored as `{ setup, template }`. To use it as a child element
+ * (`<Input .../>`) in another component's template, that child must be a callable
+ * `defineComponent(render, setup)` provided in the compiled parent's `_c` map. This
+ * helper builds exactly that from a component module — the same shape the real
+ * `weave build` (`compileComponent`) emits, done here for the library's own tooling
+ * (tests + the gallery). Nested children are passed through so a composed component
+ * can itself compose more (e.g. Paginator → Input, Select).
+ *
+ *   const _c = { Input: toComponent(InputMod) };
+ *   // parent template: '<Input control={{ jump }} />'
+ */
+import * as dom from '@weave-framework/runtime/dom';
+import { signal, effect } from '@weave-framework/runtime';
+import { compileTemplate, inferCtxNames, parseTemplate } from '@weave-framework/compiler';
+const rt = { ...dom, signal, effect };
+/**
+ * Turn a `{ setup, template }` module into a callable Weave component. `children` are
+ * the child components its own template composes (its `_c` map), defaulting to none.
+ */
+export function toComponent(mod, children = {}) {
+    const scope = inferCtxNames(parseTemplate(mod.template));
+    const { code } = compileTemplate(mod.template, { mode: 'function', scope });
+    const body = code.replace(/return render\(ctx, \{\}\);\s*$/, 'return render;');
+    const render = new Function('rt', '_c', body)(rt, children);
+    return mod.setup
+        ? dom.defineComponent(render, mod.setup)
+        : dom.defineComponent(render);
+}
+//# sourceMappingURL=compose.js.map

package/dist/internal/compose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../../src/internal/compose.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,GAAG,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1F,MAAM,EAAE,GAAkE,EAAE,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAUrG;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,GAAoB,EAAE,WAA4B,EAAE;IAC9E,MAAM,KAAK,GAAa,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAW,IAAI,CAAC,OAAO,CAAC,iCAAiC,EAAE,gBAAgB,CAAC,CAAC;IACvF,MAAM,MAAM,GAAY,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrE,OAAO,GAAG,CAAC,KAAK;QACd,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAe,EAAE,GAAG,CAAC,KAAc,CAAC;QAC1D,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAe,CAAC,CAAC;AAC3C,CAAC"}

package/dist/list/list.d.ts

@@ -0,0 +1,70 @@
+/**
+ * `<List>` — a vertical list of rows (title + optional meta), in two modes:
+ *
+ * - **Selectable (default)** — listbox semantics: `role=listbox` with `role=option`
+ *   rows, `aria-selected`, roving tabindex, and full keyboard navigation (Arrow / Home /
+ *   End + typeahead on the row title) via the CDK `listKeyManager` (WAI-ARIA APG
+ *   listbox). Selection is explicit — a click, or Enter / Space on the focused row —
+ *   so arrowing moves focus without surprising the value. Value = the selected key.
+ * - **Non-selectable (`selectable={{ false }}`)** — a plain semantic list: `role=list`
+ *   with `role=listitem` rows, no roving, no selection, no keyboard capture.
+ *
+ * Selection state rides the native ARIA attribute (`aria-selected`), so the styling
+ * hooks off `[aria-selected=true]` — the accentSoft tint + 2px accent left border —
+ * with no state class. Value binding is controlled: pass `value` (a getter) + `onChange`;
+ * forms (`use:control`) integration lands with the Checkbox pass that fixes the
+ * control-binding convention.
+ *
+ *   import List from '@weave-framework/ui/list';
+ *   <List items={{ rows }} value={{ selected() }} onChange={{ setSelected }} />
+ *   <List selectable={{ false }} items={{ rows }} />
+ */
+import { type Signal } from '@weave-framework/runtime';
+import { type DropEvent } from '../cdk/drag-drop.js';
+export interface ListItem {
+    /** The value this row carries (what `value`/`onChange` speak in). */
+    value: string;
+    /** Primary text. */
+    title: string;
+    /** Secondary text, shown trailing/muted. */
+    meta?: string;
+    /** Disable just this row (skipped in keyboard nav, not selectable). */
+    disabled?: boolean;
+}
+export interface ListProps {
+    /** The rows, top to bottom. */
+    items: ListItem[];
+    /** Selectable (listbox) vs a plain semantic list. Default true. */
+    selectable?: boolean;
+    /** Controlled value: the selected row's key (single-select). */
+    value?: string | null;
+    /** Called with the next value on select (click / Enter / Space). */
+    onChange?: (value: string) => void;
+    /** Disable the whole list. */
+    disabled?: boolean;
+    /** Show a per-row drag handle and let rows be reordered by dragging it (CDK `dropList`). */
+    reorderable?: boolean;
+    /** Called on a committed reorder — the consumer reorders `items` (List is controlled). */
+    onReorder?: (event: DropEvent) => void;
+    /** Accessible name for the list. */
+    label?: string;
+    /** Extra classes, forwarded onto the container. */
+    class?: string;
+}
+export declare const template: string;
+export interface ListContext {
+    host: Signal<Element | null>;
+    items: () => ListItem[];
+    listClass: () => string;
+    listRole: () => string;
+    rowRole: () => string | undefined;
+    reorderable: () => boolean;
+    label: () => string | undefined;
+    ariaSelected: (item: ListItem) => string | undefined;
+    ariaDisabled: (item: ListItem) => string | undefined;
+    tabindexFor: (item: ListItem) => number | undefined;
+    activate: (item: ListItem) => void;
+    onKeydown: (event: KeyboardEvent) => void;
+}
+export declare function setup(props: ListProps): ListContext;
+//# sourceMappingURL=list.d.ts.map

package/dist/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/list/list.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,QAAQ;IACvB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,+BAA+B;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,MAYb,CAAC;AAEX,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,QAAQ,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG,WAAW,CAqGnD"}

package/dist/list/list.js

@@ -0,0 +1,144 @@
+/**
+ * `<List>` — a vertical list of rows (title + optional meta), in two modes:
+ *
+ * - **Selectable (default)** — listbox semantics: `role=listbox` with `role=option`
+ *   rows, `aria-selected`, roving tabindex, and full keyboard navigation (Arrow / Home /
+ *   End + typeahead on the row title) via the CDK `listKeyManager` (WAI-ARIA APG
+ *   listbox). Selection is explicit — a click, or Enter / Space on the focused row —
+ *   so arrowing moves focus without surprising the value. Value = the selected key.
+ * - **Non-selectable (`selectable={{ false }}`)** — a plain semantic list: `role=list`
+ *   with `role=listitem` rows, no roving, no selection, no keyboard capture.
+ *
+ * Selection state rides the native ARIA attribute (`aria-selected`), so the styling
+ * hooks off `[aria-selected=true]` — the accentSoft tint + 2px accent left border —
+ * with no state class. Value binding is controlled: pass `value` (a getter) + `onChange`;
+ * forms (`use:control`) integration lands with the Checkbox pass that fixes the
+ * control-binding convention.
+ *
+ *   import List from '@weave-framework/ui/list';
+ *   <List items={{ rows }} value={{ selected() }} onChange={{ setSelected }} />
+ *   <List selectable={{ false }} items={{ rows }} />
+ */
+import { signal, onMount } from '@weave-framework/runtime';
+import { listKeyManager } from '../cdk/key-manager.js';
+import { dropList } from '../cdk/drag-drop.js';
+export const template = '<div class={{ listClass() }} ref={{ host }} role={{ listRole() }} aria-label={{ label() }}' +
+    ' on:keydown={{ onKeydown }}>' +
+    '@for (item of items(); track item.value) {' +
+    '<div class="weave-list__row" role={{ rowRole() }} aria-selected={{ ariaSelected(item) }}' +
+    ' aria-disabled={{ ariaDisabled(item) }} tabindex={{ tabindexFor(item) }}' +
+    ' on:click={{ () => activate(item) }}>' +
+    '@if (reorderable()) {<span class="weave-list__drag-handle" aria-hidden="true">⠿</span>}' +
+    '<span class="weave-list__title">{{ item.title }}</span>' +
+    '@if (item.meta) {<span class="weave-list__meta">{{ item.meta }}</span>}' +
+    '</div>' +
+    '}' +
+    '</div>';
+export function setup(props) {
+    const host = signal(null);
+    const items = () => props.items ?? [];
+    const selectable = () => props.selectable !== false;
+    const reorderable = () => !!props.reorderable;
+    // Reorder via the CDK dropList — only the drag handle starts a drag (row clicks still
+    // select). Committed drops emit onReorder; the consumer reorders `items` (controlled).
+    onMount(() => {
+        if (!props.reorderable)
+            return;
+        const el = host();
+        if (!el)
+            return;
+        dropList(el, {
+            itemSelector: '.weave-list__row',
+            handle: '.weave-list__drag-handle',
+            orientation: 'vertical',
+            keyboard: false, // the listbox owns Space/Arrows (selection + roving) — pointer-drag only
+            onDrop: (event) => props.onReorder?.(event),
+        });
+    });
+    const listDisabled = () => !!props.disabled;
+    const isItemDisabled = (item) => listDisabled() || !!item.disabled;
+    const isSelected = (item) => selectable() && props.value === item.value;
+    const manager = listKeyManager(items, {
+        orientation: 'vertical',
+        wrap: true,
+        skipDisabled: true,
+        isDisabled: isItemDisabled,
+        typeahead: true,
+        getLabel: (item) => item.title,
+    });
+    // The single tabbable row: the active one (once the keyboard has moved), else the
+    // selected one, else the first enabled — so the listbox always has one tab stop.
+    const rovingIndex = () => {
+        const active = manager.activeIndex();
+        if (active >= 0)
+            return active;
+        const rows = items();
+        const selected = rows.findIndex((r) => isSelected(r) && !isItemDisabled(r));
+        if (selected >= 0)
+            return selected;
+        const firstEnabled = rows.findIndex((r) => !isItemDisabled(r));
+        return firstEnabled >= 0 ? firstEnabled : 0;
+    };
+    const focusRow = (index) => {
+        const el = host();
+        if (!el)
+            return;
+        const row = el.querySelectorAll('.weave-list__row')[index];
+        row?.focus();
+    };
+    const activate = (item) => {
+        if (!selectable() || isItemDisabled(item))
+            return;
+        manager.setActiveItem(item); // roving tab stop follows the interaction
+        if (props.value !== item.value)
+            props.onChange?.(item.value);
+    };
+    const onKeydown = (event) => {
+        if (!selectable())
+            return;
+        // Sync the manager to the current tab stop before it navigates, so the first Arrow
+        // moves relative to the selected/focused row (not from index 0).
+        if (manager.activeIndex() < 0)
+            manager.setActiveItem(rovingIndex());
+        if (event.key === ' ' || event.key === 'Enter') {
+            const item = items()[manager.activeIndex()];
+            if (item) {
+                activate(item);
+                event.preventDefault();
+            }
+            return;
+        }
+        if (manager.onKeydown(event)) {
+            event.preventDefault();
+            focusRow(manager.activeIndex());
+        }
+    };
+    return {
+        host,
+        items,
+        listClass: () => {
+            const parts = ['weave-list'];
+            if (reorderable())
+                parts.push('weave-list--reorderable');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        listRole: () => (selectable() ? 'listbox' : 'list'),
+        rowRole: () => (selectable() ? 'option' : 'listitem'),
+        reorderable,
+        label: () => props.label,
+        ariaSelected: (item) => (selectable() ? (isSelected(item) ? 'true' : 'false') : undefined),
+        ariaDisabled: (item) => (selectable() && isItemDisabled(item) ? 'true' : undefined),
+        tabindexFor: (item) => {
+            if (!selectable())
+                return undefined;
+            if (isItemDisabled(item))
+                return -1;
+            return items().indexOf(item) === rovingIndex() ? 0 : -1;
+        },
+        activate,
+        onKeydown,
+    };
+}
+//# sourceMappingURL=list.js.map

package/dist/list/list.js.map

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

package/dist/menu/menu-core.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Menu core — the shared overlay panel behind both `use:menu` (anchored to a trigger) and
+ * `use:contextMenu` (anchored to a virtual point). Builds a `role=menu` panel of
+ * `role=menuitem` buttons in a CDK overlay, wires roving focus (listKeyManager + typeahead,
+ * skip-disabled) and the WAI-ARIA menu keyboard (Up/Down/Home/End, Enter/Space activate,
+ * Esc/Tab close), plus a transparent click-away backdrop. Internal — not a public subpath;
+ * `menu.ts` / `context-menu.ts` are the surfaces. Zero-dep.
+ */
+import { type PositionOrigin } from '../cdk/index.js';
+import { type OptionAccessors } from '../shared/options.js';
+import { type MenuPosition } from '../shared/positions.js';
+export type { OptionAccessors } from '../shared/options.js';
+export { buildPositions, type MenuPosition } from '../shared/positions.js';
+/**
+ * The default authored menu-item shape. Menus can also be driven by arbitrary objects `T`
+ * via {@link OptionAccessors} — then `value`/`label`/… are read through the accessors.
+ */
+export interface MenuItem {
+    /** Value emitted on select (default `emit`). */
+    value: string;
+    /** Visible label (also the typeahead text). */
+    label: string;
+    /** Optional subtext under the label (smaller, lighter). */
+    description?: string;
+    /** Greyed + skipped by keyboard nav; not selectable. */
+    disabled?: boolean;
+    /** Render a hairline separator here instead of an item. */
+    divider?: boolean;
+}
+export interface OpenMenuConfig<T> extends OptionAccessors<T> {
+    /** What the panel is anchored to — a trigger element, or a virtual point. */
+    origin: PositionOrigin;
+    items: T[];
+    /** Preferred positions in flip order (see {@link buildPositions}). */
+    positions: MenuPosition[];
+    /**
+     * Highlight (focus) the first item on open. `true` for a keyboard open (↓/Enter/F10) so
+     * the user can act immediately; `false` for a pointer open — no item is pre-highlighted
+     * (matches native/Material menus), focus rests on the panel and the first arrow moves in.
+     */
+    focusFirst: boolean;
+    /** Is this option a hairline separator (not selectable)? Default: `item.divider`. */
+    isDivider?: (item: T) => boolean;
+    /** Called with the chosen option (value string, or the whole object — see `emit`). */
+    onSelect: (selected: string | T) => void;
+    /** Called after the panel is torn down. `returnFocus` = closed via keyboard/selection. */
+    onClose?: (returnFocus: boolean) => void;
+}
+export interface MenuHandle {
+    close(returnFocus: boolean): void;
+}
+/** A zero-size origin at a viewport point (for context menus / caret-anchored panels). */
+export declare function virtualOrigin(x: number, y: number): PositionOrigin;
+/** Open a menu panel. Returns a handle, or null if there's nothing selectable to show. */
+export declare function openMenuPanel<T>(cfg: OpenMenuConfig<T>): MenuHandle | null;
+//# sourceMappingURL=menu-core.d.ts.map

package/dist/menu/menu-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-core.d.ts","sourceRoot":"","sources":["../../src/menu/menu-core.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAKL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3E,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC3D,6EAA6E;IAC7E,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sEAAsE;IACtE,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,sFAAsF;IACtF,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,KAAK,IAAI,CAAC;IACzC,0FAA0F;IAC1F,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,cAAc,CAElE;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CA4G1E"}

package/dist/menu/menu-core.js

@@ -0,0 +1,122 @@
+/**
+ * Menu core — the shared overlay panel behind both `use:menu` (anchored to a trigger) and
+ * `use:contextMenu` (anchored to a virtual point). Builds a `role=menu` panel of
+ * `role=menuitem` buttons in a CDK overlay, wires roving focus (listKeyManager + typeahead,
+ * skip-disabled) and the WAI-ARIA menu keyboard (Up/Down/Home/End, Enter/Space activate,
+ * Esc/Tab close), plus a transparent click-away backdrop. Internal — not a public subpath;
+ * `menu.ts` / `context-menu.ts` are the surfaces. Zero-dep.
+ */
+import { createOverlay, connectedPosition, listKeyManager, } from '../cdk/index.js';
+import { optLabel, optDescription, optDisabled, emitSelection, } from '../shared/options.js';
+export { buildPositions } from '../shared/positions.js';
+/** A zero-size origin at a viewport point (for context menus / caret-anchored panels). */
+export function virtualOrigin(x, y) {
+    return { getBoundingClientRect: () => new DOMRect(x, y, 0, 0) };
+}
+/** Open a menu panel. Returns a handle, or null if there's nothing selectable to show. */
+export function openMenuPanel(cfg) {
+    const isDivider = (item) => cfg.isDivider ? cfg.isDivider(item) : Boolean(item.divider);
+    const enabled = () => cfg.items.filter((it) => !isDivider(it) && !optDisabled(it, cfg));
+    if (enabled().length === 0)
+        return null;
+    let itemEls = []; // enabled items only, index-aligned with `enabled()`
+    let closed = false;
+    const km = listKeyManager(enabled, {
+        orientation: 'vertical',
+        wrap: true,
+        typeahead: true,
+        getLabel: (it) => optLabel(it, cfg),
+    });
+    const ref = createOverlay({
+        hasBackdrop: true,
+        backdropClass: 'weave-overlay-backdrop--transparent',
+        positionStrategy: connectedPosition(cfg.origin, { positions: cfg.positions, offset: 4 }),
+    });
+    function focusActive() {
+        const idx = km.activeIndex();
+        if (idx >= 0 && idx < itemEls.length)
+            itemEls[idx].focus();
+    }
+    function close(returnFocus) {
+        if (closed)
+            return;
+        closed = true;
+        ref.dispose();
+        cfg.onClose?.(returnFocus);
+    }
+    function select(item) {
+        close(true);
+        cfg.onSelect(emitSelection(item, cfg));
+    }
+    function onKeydown(event) {
+        if (event.key === 'Escape' || event.key === 'Tab') {
+            event.preventDefault();
+            close(true);
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            const it = km.activeItem();
+            if (it != null)
+                select(it);
+            return;
+        }
+        if (km.onKeydown(event)) {
+            event.preventDefault();
+            focusActive();
+        }
+    }
+    const panel = document.createElement('div');
+    panel.className = 'weave-menu';
+    panel.setAttribute('role', 'menu');
+    for (const it of cfg.items) {
+        if (isDivider(it)) {
+            const sep = document.createElement('div');
+            sep.className = 'weave-menu__divider';
+            sep.setAttribute('role', 'separator');
+            panel.appendChild(sep);
+            continue;
+        }
+        const btn = document.createElement('button');
+        btn.type = 'button';
+        btn.className = 'weave-menu__item';
+        btn.setAttribute('role', 'menuitem');
+        btn.tabIndex = -1; // roving: focus is moved programmatically
+        const label = document.createElement('span');
+        label.className = 'weave-menu__label';
+        label.textContent = optLabel(it, cfg);
+        btn.appendChild(label);
+        const description = optDescription(it, cfg);
+        if (description) {
+            const desc = document.createElement('span');
+            desc.className = 'weave-menu__description';
+            desc.textContent = description;
+            btn.appendChild(desc);
+        }
+        if (optDisabled(it, cfg)) {
+            btn.disabled = true;
+            btn.setAttribute('aria-disabled', 'true');
+        }
+        else {
+            itemEls.push(btn);
+            btn.addEventListener('click', () => select(it));
+        }
+        panel.appendChild(btn);
+    }
+    panel.addEventListener('keydown', onKeydown);
+    ref.onBackdropClick(() => close(false));
+    ref.attach(panel);
+    // Focus moves into the menu either way (so the keyboard + Esc work). Keyboard opens land
+    // on the first item; pointer opens rest on the panel with nothing highlighted — the first
+    // arrow then steps in from the top.
+    if (cfg.focusFirst) {
+        km.first();
+        focusActive();
+    }
+    else {
+        panel.tabIndex = -1;
+        panel.focus();
+    }
+    return { close };
+}
+//# sourceMappingURL=menu-core.js.map

package/dist/menu/menu-core.js.map

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