@weave-framework/ui 0.2.107

package/dist/timepicker/timepicker.js

@@ -0,0 +1,303 @@
+/**
+ * `<Timepicker>` — a time field + spinner popover (the design's h : m + AM/PM columns). A
+ * Select-style trigger field (shares Input's chrome via the `field-underline` helper) shows
+ * the formatted time + a clock icon; clicking (or ↓/Enter/Space) opens a CDK-overlay panel of
+ * **spinbutton columns** — hour ▲/▼, minute ▲/▼ (by `step`), and an AM/PM toggle (12-hour
+ * locales). 12h vs 24h is derived from the locale (override with `use24`).
+ *
+ * - **Value** — a neutral `{ hours, minutes }` (24-hour internally). Binding follows the Weave
+ *   form convention: `value` + `onChange`, OR a structural `control` (a forms `Field`).
+ * - **Bounds** — `min`/`max` clamp the committed time; `step` (minutes, default 5) sets the
+ *   minute increment.
+ * - **Keyboard** — each column is a `role=spinbutton`: Arrow Up/Down inc/dec, with
+ *   `aria-valuenow`/`-valuetext`. Non-modal popover (click-away + Esc).
+ *
+ *   import Timepicker from '@weave-framework/ui/timepicker';
+ *   <Timepicker control={{ form.controls.start }} step={{ 15 }} />
+ */
+import { signal, effect, onDispose } from '@weave-framework/runtime';
+import { createOverlay, connectedPosition } from '../cdk/index.js';
+import { buildPositions } from '../shared/positions.js';
+export const template = '<div class={{ rootClass() }} ref={{ root }}>' +
+    '<div class="weave-timepicker__field" ref={{ trigger }} role="combobox" tabindex={{ tabindex() }}' +
+    ' aria-haspopup="dialog" aria-expanded="false" aria-label={{ label() }} aria-required={{ ariaRequired() }}' +
+    ' aria-disabled={{ ariaDisabled() }} on:click={{ onFieldClick }} on:keydown={{ onTriggerKeydown }}>' +
+    '<span class={{ valueClass() }}>{{ displayText() }}</span>' +
+    '<span class="weave-timepicker__spacer"></span>' +
+    '@if (showClear()) {' +
+    '<button type="button" class="weave-timepicker__clear" tabindex="-1" aria-label={{ clearLabel() }} on:click={{ onClearClick }}>×</button>' +
+    '}' +
+    '<span class="weave-timepicker__icon" aria-hidden="true"></span>' +
+    '</div>' +
+    '</div>';
+const mm = (t) => t.hours * 60 + t.minutes;
+let _seq = 0;
+export function setup(props) {
+    const id = ++_seq;
+    const root = signal(null);
+    const trigger = signal(null);
+    const open = signal(false);
+    const step = props.step ?? 5;
+    const resolved = new Intl.DateTimeFormat(props.locale, { hour: 'numeric' }).resolvedOptions();
+    const use24 = props.use24 ?? !resolved.hour12;
+    let overlay = null;
+    let panel = null;
+    let hourValueEl = null;
+    let minuteValueEl = null;
+    let hourCol = null;
+    let minuteCol = null;
+    let ampmButton = null;
+    let seed = { hours: 12, minutes: 0 };
+    const isDisabled = () => !!props.disabled;
+    const rawValue = () => {
+        const v = props.control ? props.control.value() : props.value;
+        return v ?? null;
+    };
+    const workingTime = () => rawValue() ?? seed;
+    const clampTime = (t) => {
+        if (props.min && mm(t) < mm(props.min))
+            return { ...props.min };
+        if (props.max && mm(t) > mm(props.max))
+            return { ...props.max };
+        return t;
+    };
+    const commit = (next) => {
+        const v = next ? clampTime(next) : null;
+        if (props.control)
+            props.control.value.set(v);
+        else
+            props.onChange?.(v);
+    };
+    const displayHour = (t) => (use24 ? t.hours : (t.hours % 12) || 12);
+    const ampm = (t) => (t.hours < 12 ? 'AM' : 'PM');
+    const to24 = (dh, ap) => (dh % 12) + (ap === 'PM' ? 12 : 0);
+    const formatTime = (t) => {
+        const d = new Date(2000, 0, 1, t.hours, t.minutes);
+        return new Intl.DateTimeFormat(props.locale, { hour: 'numeric', minute: '2-digit', hour12: !use24 }).format(d);
+    };
+    const two = (n) => String(n).padStart(2, '0');
+    /* ── spinner operations ── */
+    const setTime = (next) => commit(next);
+    const incHour = () => {
+        const t = workingTime();
+        if (use24)
+            setTime({ hours: (t.hours + 1) % 24, minutes: t.minutes });
+        else
+            setTime({ hours: to24((displayHour(t) % 12) + 1, ampm(t)), minutes: t.minutes });
+    };
+    const decHour = () => {
+        const t = workingTime();
+        if (use24)
+            setTime({ hours: (t.hours + 23) % 24, minutes: t.minutes });
+        else
+            setTime({ hours: to24(((displayHour(t) + 10) % 12) + 1, ampm(t)), minutes: t.minutes });
+    };
+    const incMinute = () => {
+        const t = workingTime();
+        setTime({ hours: t.hours, minutes: (Math.floor(t.minutes / step) * step + step) % 60 });
+    };
+    const decMinute = () => {
+        const t = workingTime();
+        setTime({ hours: t.hours, minutes: (Math.ceil(t.minutes / step) * step - step + 60) % 60 });
+    };
+    const toggleAmPm = () => {
+        const t = workingTime();
+        setTime({ hours: (t.hours + 12) % 24, minutes: t.minutes });
+    };
+    /* ── panel ── */
+    function spinButton(glyph, label, onClick) {
+        const b = document.createElement('button');
+        b.type = 'button';
+        b.className = 'weave-timepicker__spin';
+        b.setAttribute('aria-label', label);
+        b.textContent = glyph;
+        b.addEventListener('click', onClick);
+        return b;
+    }
+    function buildColumn(kind, inc, dec) {
+        const col = document.createElement('div');
+        col.className = 'weave-timepicker__col';
+        col.setAttribute('role', 'spinbutton');
+        col.tabIndex = 0;
+        col.setAttribute('aria-label', kind === 'hour' ? 'Hour' : 'Minute');
+        // APG spinbutton requires the value bounds. Hour range depends on 12/24h; minute is 0–59.
+        if (kind === 'hour') {
+            col.setAttribute('aria-valuemin', use24 ? '0' : '1');
+            col.setAttribute('aria-valuemax', use24 ? '23' : '12');
+        }
+        else {
+            col.setAttribute('aria-valuemin', '0');
+            col.setAttribute('aria-valuemax', '59');
+        }
+        const up = spinButton('▲', `Increment ${kind}`, inc);
+        const value = document.createElement('span');
+        value.className = 'weave-timepicker__col-value';
+        const down = spinButton('▼', `Decrement ${kind}`, dec);
+        col.append(up, value, down);
+        col.addEventListener('keydown', (e) => {
+            if (e.key === 'ArrowUp') {
+                inc();
+                e.preventDefault();
+            }
+            else if (e.key === 'ArrowDown') {
+                dec();
+                e.preventDefault();
+            }
+            else if (e.key === 'Escape') {
+                closePanel(true);
+            }
+        });
+        return { col, value };
+    }
+    function buildPanel() {
+        const box = document.createElement('div');
+        box.className = 'weave-timepicker__panel';
+        box.setAttribute('role', 'dialog');
+        box.setAttribute('aria-modal', 'false');
+        box.setAttribute('aria-label', 'Choose time');
+        box.id = `weave-timepicker-${id}-panel`;
+        const hour = buildColumn('hour', incHour, decHour);
+        hourCol = hour.col;
+        hourValueEl = hour.value;
+        const colon = document.createElement('span');
+        colon.className = 'weave-timepicker__colon';
+        colon.textContent = ':';
+        colon.setAttribute('aria-hidden', 'true');
+        const minute = buildColumn('minute', incMinute, decMinute);
+        minuteCol = minute.col;
+        minuteValueEl = minute.value;
+        box.append(hourCol, colon, minuteCol);
+        if (!use24) {
+            ampmButton = document.createElement('button');
+            ampmButton.type = 'button';
+            ampmButton.className = 'weave-timepicker__ampm';
+            ampmButton.addEventListener('click', toggleAmPm);
+            box.append(ampmButton);
+        }
+        return box;
+    }
+    function renderPanel() {
+        const t = workingTime();
+        if (hourValueEl)
+            hourValueEl.textContent = use24 ? two(displayHour(t)) : String(displayHour(t));
+        if (minuteValueEl)
+            minuteValueEl.textContent = two(t.minutes);
+        if (hourCol) {
+            hourCol.setAttribute('aria-valuenow', String(displayHour(t)));
+            hourCol.setAttribute('aria-valuetext', `${displayHour(t)} hours`);
+        }
+        if (minuteCol) {
+            minuteCol.setAttribute('aria-valuenow', String(t.minutes));
+            minuteCol.setAttribute('aria-valuetext', `${t.minutes} minutes`);
+        }
+        if (ampmButton) {
+            ampmButton.textContent = ampm(t);
+            ampmButton.setAttribute('aria-label', `Toggle AM/PM (currently ${ampm(t)})`);
+        }
+    }
+    function nowSeed() {
+        const n = new Date();
+        return clampTime({ hours: n.getHours(), minutes: Math.round(n.getMinutes() / step) * step % 60 });
+    }
+    function openPanel() {
+        if (open() || isDisabled())
+            return;
+        const t = trigger();
+        seed = rawValue() ?? nowSeed();
+        if (!panel)
+            panel = buildPanel();
+        overlay = createOverlay({
+            hasBackdrop: true,
+            backdropClass: 'weave-overlay-backdrop--transparent',
+            positionStrategy: connectedPosition(t, { positions: buildPositions(props.position, 'bottom-start'), offset: 4 }),
+        });
+        overlay.onBackdropClick(() => closePanel(false));
+        overlay.attach(panel);
+        t.setAttribute('aria-expanded', 'true');
+        open.set(true);
+        renderPanel();
+        hourCol?.focus();
+    }
+    function closePanel(returnFocus) {
+        if (!open())
+            return;
+        overlay?.detach();
+        overlay = null;
+        trigger()?.setAttribute('aria-expanded', 'false');
+        open.set(false);
+        props.control?.touched?.set(true);
+        if (returnFocus)
+            trigger()?.focus();
+    }
+    const onFieldClick = () => {
+        if (open())
+            closePanel(true);
+        else
+            openPanel();
+    };
+    const onTriggerKeydown = (event) => {
+        if (isDisabled() || open())
+            return;
+        if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            openPanel();
+        }
+    };
+    const onClearClick = (event) => {
+        event.stopPropagation();
+        commit(null);
+    };
+    // Re-render the open panel when the value changes (spinner ops commit → value → here).
+    effect(() => {
+        rawValue();
+        if (open())
+            renderPanel();
+    });
+    effect(() => {
+        const t = trigger();
+        if (!t)
+            return;
+        const c = props.control;
+        if (c && c.touched?.() && c.error?.())
+            t.setAttribute('aria-invalid', 'true');
+        else
+            t.removeAttribute('aria-invalid');
+    });
+    onDispose(() => {
+        overlay?.dispose();
+        overlay = null;
+    });
+    const invalidNow = () => {
+        const c = props.control;
+        return !!(c && c.touched?.() && c.error?.());
+    };
+    return {
+        root,
+        trigger,
+        rootClass: () => {
+            const parts = ['weave-timepicker'];
+            if (isDisabled())
+                parts.push('weave-timepicker--disabled');
+            if (invalidNow())
+                parts.push('weave-timepicker--invalid');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        valueClass: () => rawValue() == null ? 'weave-timepicker__value weave-timepicker__value--placeholder' : 'weave-timepicker__value',
+        displayText: () => {
+            const v = rawValue();
+            return v ? formatTime(v) : props.placeholder ?? '';
+        },
+        tabindex: () => (isDisabled() ? -1 : 0),
+        label: () => props.label,
+        ariaRequired: () => (props.required ? 'true' : undefined),
+        ariaDisabled: () => (isDisabled() ? 'true' : undefined),
+        showClear: () => !!props.clearable && !isDisabled() && rawValue() != null,
+        clearLabel: () => props.clearLabel ?? 'Clear',
+        onFieldClick,
+        onTriggerKeydown,
+        onClearClick,
+    };
+}
+//# sourceMappingURL=timepicker.js.map

package/dist/timepicker/timepicker.js.map

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

package/dist/toolbar/toolbar.d.ts

@@ -0,0 +1,34 @@
+/**
+ * `<Toolbar>` — a horizontal app bar (Keyline: 52px, surface bg, 1px bottom rule, no
+ * shadow). Pure layout — a flex row you compose from the part classes:
+ *
+ *   <Toolbar sticky>
+ *     <div class="weave-toolbar__start">
+ *       <Button variant={{ 'icon' }} label={{ 'Menu' }}><Icon name={{ 'menu' }} /></Button>
+ *       <strong>Weave UI</strong>
+ *     </div>
+ *     <span class="weave-toolbar__spacer"></span>
+ *     <div class="weave-toolbar__end">
+ *       <ButtonToggle options={{ modes }} value={{ mode() }} onChange={{ setMode }} />
+ *     </div>
+ *   </Toolbar>
+ *
+ * No behavior beyond forwarding `class`. `variant="ink"` inverts to an ink bar;
+ * `sticky` pins it to the top. Set a semantic role (`banner`/`toolbar`) on it yourself
+ * if the context calls for one — the component stays an unopinionated layout container.
+ */
+export type ToolbarVariant = 'ink';
+export interface ToolbarProps {
+    /** Invert to an ink bar. Default = surface. */
+    variant?: ToolbarVariant;
+    /** Pin to the top (`position: sticky`). */
+    sticky?: boolean;
+    /** Extra classes, forwarded onto the container. */
+    class?: string;
+}
+export declare const template: string;
+export interface ToolbarContext {
+    toolbarClass: () => string;
+}
+export declare function setup(props: ToolbarProps): ToolbarContext;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/toolbar/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,MAA8D,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,YAAY,GAAG,cAAc,CAUzD"}

package/dist/toolbar/toolbar.js

@@ -0,0 +1,35 @@
+/**
+ * `<Toolbar>` — a horizontal app bar (Keyline: 52px, surface bg, 1px bottom rule, no
+ * shadow). Pure layout — a flex row you compose from the part classes:
+ *
+ *   <Toolbar sticky>
+ *     <div class="weave-toolbar__start">
+ *       <Button variant={{ 'icon' }} label={{ 'Menu' }}><Icon name={{ 'menu' }} /></Button>
+ *       <strong>Weave UI</strong>
+ *     </div>
+ *     <span class="weave-toolbar__spacer"></span>
+ *     <div class="weave-toolbar__end">
+ *       <ButtonToggle options={{ modes }} value={{ mode() }} onChange={{ setMode }} />
+ *     </div>
+ *   </Toolbar>
+ *
+ * No behavior beyond forwarding `class`. `variant="ink"` inverts to an ink bar;
+ * `sticky` pins it to the top. Set a semantic role (`banner`/`toolbar`) on it yourself
+ * if the context calls for one — the component stays an unopinionated layout container.
+ */
+export const template = '<div class={{ toolbarClass() }}><slot></slot></div>';
+export function setup(props) {
+    return {
+        toolbarClass: () => {
+            const parts = ['weave-toolbar'];
+            if (props.variant)
+                parts.push(`weave-toolbar--${props.variant}`);
+            if (props.sticky)
+                parts.push('weave-toolbar--sticky');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+    };
+}
+//# sourceMappingURL=toolbar.js.map

package/dist/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/toolbar/toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAaH,MAAM,CAAC,MAAM,QAAQ,GAAW,qDAAqD,CAAC;AAMtF,MAAM,UAAU,KAAK,CAAC,KAAmB;IACvC,OAAO;QACL,YAAY,EAAE,GAAW,EAAE;YACzB,MAAM,KAAK,GAAa,CAAC,eAAe,CAAC,CAAC;YAC1C,IAAI,KAAK,CAAC,OAAO;gBAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;YACjE,IAAI,KAAK,CAAC,MAAM;gBAAE,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;YACtD,IAAI,KAAK,CAAC,KAAK;gBAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Tooltip — a hint bubble, applied as a Weave `use:` action to any host:
+ *
+ *   <button use:tooltip={{ 'Save changes' }}>Save</button>
+ *   <span use:tooltip={{ { text: 'Copied', position: 'bottom' } }}>…</span>
+ *
+ * Opens on hover (after a short delay) AND on keyboard focus (immediately, so it's
+ * accessible), closes on leave / blur / Escape. The panel is a CDK overlay positioned
+ * against the host with `connectedPosition` (preferred side, flips on overflow); no
+ * backdrop, no focus management (a tooltip is never focused). Follows the WAI-ARIA
+ * tooltip pattern: the panel is `role=tooltip` and the host gets `aria-describedby`
+ * pointing at it while shown, so the description flows to the trigger. Zero-dep.
+ *
+ * The visual is driven by `tooltip.styles()` (its own `--weave-tooltip-*` republic);
+ * this file is only the behavior. Rich/interactive tooltips (a Popover) are out of scope.
+ */
+import { type PositionName } from '../cdk/index.js';
+export interface TooltipOptions {
+    /** The hint text (plain string — a tooltip is non-interactive). */
+    text: string;
+    /** Preferred side; flips to the opposite on overflow. Default `'top'`. */
+    position?: PositionName;
+    /** Delay (ms) before a hover shows the tooltip. Focus shows with no delay. Default 150. */
+    delay?: number;
+    /** Suppress the tooltip without detaching the action. */
+    disabled?: boolean;
+}
+/** Weave `use:` action: `(el, text | options) => cleanup`. */
+export declare function tooltip(host: HTMLElement, options: string | TooltipOptions): () => void;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAqD,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvG,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,8DAA8D;AAC9D,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM,IAAI,CAwEvF"}

package/dist/tooltip/tooltip.js

@@ -0,0 +1,109 @@
+/**
+ * Tooltip — a hint bubble, applied as a Weave `use:` action to any host:
+ *
+ *   <button use:tooltip={{ 'Save changes' }}>Save</button>
+ *   <span use:tooltip={{ { text: 'Copied', position: 'bottom' } }}>…</span>
+ *
+ * Opens on hover (after a short delay) AND on keyboard focus (immediately, so it's
+ * accessible), closes on leave / blur / Escape. The panel is a CDK overlay positioned
+ * against the host with `connectedPosition` (preferred side, flips on overflow); no
+ * backdrop, no focus management (a tooltip is never focused). Follows the WAI-ARIA
+ * tooltip pattern: the panel is `role=tooltip` and the host gets `aria-describedby`
+ * pointing at it while shown, so the description flows to the trigger. Zero-dep.
+ *
+ * The visual is driven by `tooltip.styles()` (its own `--weave-tooltip-*` republic);
+ * this file is only the behavior. Rich/interactive tooltips (a Popover) are out of scope.
+ */
+import { createOverlay, connectedPosition } from '../cdk/index.js';
+let _idSeq = 0;
+/** Weave `use:` action: `(el, text | options) => cleanup`. */
+export function tooltip(host, options) {
+    const opts = typeof options === 'string' ? { text: options } : options;
+    const id = `weave-tooltip-${++_idSeq}`;
+    let ref = null;
+    let showTimer = null;
+    let shown = false;
+    function ensureRef() {
+        if (ref)
+            return ref;
+        ref = createOverlay({
+            positionStrategy: connectedPosition(host, { positions: fallbacks(opts.position ?? 'top'), offset: 6 }),
+        });
+        // A tooltip never captures the pointer (it must not block hover on the host).
+        ref.overlayElement.style.pointerEvents = 'none';
+        return ref;
+    }
+    function show() {
+        if (opts.disabled || shown || !opts.text)
+            return;
+        const panel = document.createElement('div');
+        panel.className = 'weave-tooltip';
+        panel.setAttribute('role', 'tooltip');
+        panel.id = id;
+        panel.textContent = opts.text;
+        ensureRef().attach(panel);
+        host.setAttribute('aria-describedby', id);
+        shown = true;
+    }
+    function hide() {
+        if (showTimer !== null) {
+            clearTimeout(showTimer);
+            showTimer = null;
+        }
+        if (!shown)
+            return;
+        ref?.detach();
+        host.removeAttribute('aria-describedby');
+        shown = false;
+    }
+    function scheduleShow() {
+        if (showTimer !== null)
+            clearTimeout(showTimer);
+        showTimer = setTimeout(() => {
+            showTimer = null;
+            show();
+        }, opts.delay ?? 150);
+    }
+    const onEnter = () => scheduleShow();
+    const onLeave = () => hide();
+    const onFocusIn = () => show(); // keyboard focus: show immediately (no hover delay)
+    const onFocusOut = () => hide();
+    const onKeydown = (event) => {
+        if (event.key === 'Escape')
+            hide();
+    };
+    host.addEventListener('mouseenter', onEnter);
+    host.addEventListener('mouseleave', onLeave);
+    host.addEventListener('focusin', onFocusIn);
+    host.addEventListener('focusout', onFocusOut);
+    host.addEventListener('keydown', onKeydown);
+    return () => {
+        hide();
+        host.removeEventListener('mouseenter', onEnter);
+        host.removeEventListener('mouseleave', onLeave);
+        host.removeEventListener('focusin', onFocusIn);
+        host.removeEventListener('focusout', onFocusOut);
+        host.removeEventListener('keydown', onKeydown);
+        ref?.dispose();
+        ref = null;
+    };
+}
+// Preferred side + its opposite as the flip fallback (the CDK positioner does the rest).
+function fallbacks(preferred) {
+    const opposite = {
+        top: 'bottom',
+        bottom: 'top',
+        left: 'right',
+        right: 'left',
+        'top-start': 'bottom-start',
+        'bottom-start': 'top-start',
+        'top-end': 'bottom-end',
+        'bottom-end': 'top-end',
+        'left-start': 'right-start',
+        'right-start': 'left-start',
+        'left-end': 'right-end',
+        'right-end': 'left-end',
+    };
+    return [preferred, opposite[preferred]];
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

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

package/dist/tree/tree.d.ts

@@ -0,0 +1,100 @@
+/**
+ * `<Tree>` — a hierarchical disclosure surface (WAI-ARIA tree pattern). Expandable
+ * folders (▸/▾) over file leaves, indented by depth, authored as a Weave template so the
+ * body is a keyed `@for` over the **visible flattened nodes** and arbitrary `Node` content
+ * mounts via `@render`. Styled by the Weave design (hairline hover, compact rows,
+ * accent-as-a-mark selection — accentSoft tint + 2px accent left border, like the List).
+ *
+ * Two data models, one FlatNode shape:
+ *  - **nested** (default): `nodes` are roots; a `children` accessor (default `node.children`)
+ *    is recursed and a node's descendants appear only while it is expanded;
+ *  - **flat**: pass `getLevel` (0-based depth) and the tree flattens by scanning the
+ *    DFS-ordered array, hiding descendants of collapsed nodes.
+ *
+ * Expansion + selection ride the CDK `SelectionModel`; keyboard is the CDK `listKeyManager`
+ * (vertical, typeahead) over the visible list plus Right/Left for expand/collapse/parent.
+ * `role=tree` / `role=treeitem` with `aria-level`/`-setsize`/`-posinset`/`-expanded`/
+ * `-selected`; a single roving tab stop.
+ *
+ *   import Tree from '@weave-framework/ui/tree';
+ *   <Tree nodes={{ roots }} selectable defaultExpanded={{ [roots[0]] }} />
+ */
+import { type Signal } from '@weave-framework/runtime';
+import { type SelectionModel, type DropEvent } from '../cdk/index.js';
+/** A node's rendered content: a factory over the node + its 1-based level. */
+export type TreeNodeContent<N> = (node: N, level: number) => Node | string;
+export interface TreeProps<N = unknown> {
+    /** Root nodes (nested model) or the full DFS-ordered array (flat model). */
+    nodes: N[];
+    /** Get a node's children (default `node.children`). */
+    children?: (node: N) => N[] | undefined;
+    /** A node's 0-based depth. Its presence selects the flat model. */
+    getLevel?: (node: N) => number;
+    /** Whether a node can expand. Default: nested → has children; flat → next node is deeper. */
+    isExpandable?: (node: N) => boolean;
+    /** Node label text accessor (default `node.label`). */
+    label?: (node: N) => string;
+    /** Full node-content override — a factory returning a node/string (wins over `label`). */
+    node?: TreeNodeContent<N>;
+    /** Stable node identity (default: object identity) — row keys + selection/expansion. */
+    trackBy?: (node: N) => string | number;
+    /** Controlled expanded set — when provided, it is the source of truth (pair with `onExpandedChange`). */
+    expanded?: N[];
+    /** Uncontrolled initial expanded set (ignored when `expanded` is provided). */
+    defaultExpanded?: N[];
+    /** Called with the next expanded set after every expand/collapse. */
+    onExpandedChange?: (expanded: N[]) => void;
+    /** Enable node selection (click / Enter / Space). */
+    selectable?: boolean;
+    /** Selection cardinality. Default `single`. */
+    selectionMode?: 'single' | 'multiple';
+    /** Bring your own selection model (else one is created). */
+    selection?: SelectionModel<N>;
+    /** Called with the selected nodes on change. */
+    onSelectionChange?: (selected: N[]) => void;
+    /** Identity comparator for selection + expansion (default `===`). */
+    compareWith?: (a: N, b: N) => boolean;
+    /** Show a per-node drag handle and let nodes be reordered by dragging it. */
+    reorderable?: boolean;
+    /** Called on a committed reorder — indices are over the **visible** node order
+     *  (`visible()[i].node`); the consumer applies it to its model. */
+    onReorder?: (event: DropEvent) => void;
+    /** Accessible name for the tree. */
+    ariaLabel?: string;
+    /** Extra classes, forwarded onto the container. */
+    class?: string;
+}
+/** A visible node, flattened from the model against the current expansion state. */
+interface FlatNode<N> {
+    node: N;
+    /** 0-based depth (drives indentation). */
+    depth: number;
+    /** 1-based level (`aria-level`). */
+    level: number;
+    key: unknown;
+    expandable: boolean;
+    posInSet: number;
+    setSize: number;
+    /** Index into the visible list — filled after flattening. */
+    vindex: number;
+}
+export declare const template: string;
+export interface TreeContext<N> {
+    host: Signal<HTMLElement | null>;
+    rootClass: () => string;
+    ariaLabel: () => string | undefined;
+    reorderable: () => boolean;
+    visible: () => FlatNode<N>[];
+    expandedAttr: (n: FlatNode<N>) => 'true' | 'false' | undefined;
+    selectedAttr: (n: FlatNode<N>) => 'true' | 'false' | undefined;
+    tabindexFor: (n: FlatNode<N>) => number;
+    indentStyle: (n: FlatNode<N>) => string;
+    toggleClass: (n: FlatNode<N>) => string;
+    contentNode: (n: FlatNode<N>) => Node;
+    onActivate: (n: FlatNode<N>) => void;
+    onToggle: (n: FlatNode<N>, event: Event) => void;
+    onKeydown: (event: KeyboardEvent) => void;
+}
+export declare function setup<N = unknown>(props: TreeProps<N>): TreeContext<N>;
+export {};
+//# sourceMappingURL=tree.d.ts.map