pith-ui 0.1.0 → 0.1.4

package/dist/foundations.d.ts

@@ -0,0 +1,95 @@
+import type { Density, Intent, UIAction } from './core.js';
+/** Private controllers shared by factories and the retained product templates.
+ * Retained nodes keep their identity; single selects get one owned wrapper.
+ */
+export interface ActionState {
+    label?: string;
+    intent?: Intent;
+    density?: Density;
+    disabled?: boolean;
+    pending?: boolean;
+    icon?: string;
+    title?: string;
+    appearance?: 'standard' | 'secondary';
+}
+export interface ActionController {
+    readonly element: HTMLButtonElement;
+    update(state: Readonly<ActionState>): void;
+    destroy(): void;
+}
+export declare function adoptAction(node: HTMLButtonElement, options?: {
+    caption?: HTMLElement;
+    onAction?: UIAction;
+    onError?: (message: string) => void;
+}): ActionController;
+export type NativeControl = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+export interface NativeSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/** Reconcile native options by their stable value without replacing the select.
+ * Callers decide the fallback when a preferred value has disappeared.
+ */
+export declare function reconcileSelectOptions(control: HTMLSelectElement, entries: readonly NativeSelectOption[], preferred?: string): void;
+export interface NativeControlState {
+    label?: string;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+}
+export interface NativeControlController {
+    readonly element: NativeControl;
+    update(state: Readonly<NativeControlState>): void;
+    getValue(): string;
+    getChecked(): boolean;
+    reset(value: string | boolean): void;
+    focus(): void;
+    destroy(): void;
+}
+export declare function adoptNativeControl(control: NativeControl, options?: {
+    label?: HTMLLabelElement;
+    description?: HTMLElement;
+    error?: HTMLElement;
+    onInput?: (value: string, event: Event) => void;
+    onChange?: (value: string, event: Event) => void;
+}): NativeControlController;
+export interface FeedbackState {
+    message: string;
+    tone?: 'info' | 'neutral' | 'success' | 'warning' | 'error';
+}
+export interface FeedbackController {
+    readonly element: HTMLElement;
+    update(state: Readonly<FeedbackState>): void;
+    destroy(): void;
+}
+export declare function adoptFeedback(node: HTMLElement, options: {
+    presentation: 'notice' | 'inline' | 'status';
+    autoHide?: boolean;
+}): FeedbackController;
+export interface ActionLayoutState {
+    align?: 'start' | 'end' | 'between';
+    density?: Density;
+    label?: string;
+}
+export declare function adoptActionLayout(node: HTMLElement, kind: 'actions' | 'toolbar'): {
+    readonly element: HTMLElement;
+    update(state: Readonly<ActionLayoutState>): void;
+    destroy(): void;
+};
+/** Owned controllers for existing product templates; not a renderer or observer.
+ * Controllers are lazy. Reconciliation prunes owned handles without rescanning
+ * long message histories or allocating a controller for every static button.
+ */
+export declare function adoptProductParts(owner: HTMLElement): {
+    update(): void;
+    action(node: HTMLButtonElement): ActionController;
+    control(node: NativeControl): NativeControlController;
+    feedback(node: HTMLElement): FeedbackController;
+    layout(node: HTMLElement, kind: 'actions' | 'toolbar'): ReturnType<typeof adoptActionLayout>;
+    destroy(): void;
+};
+//# sourceMappingURL=foundations.d.ts.map

package/dist/foundations.d.ts.map

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

package/dist/foundations.js

@@ -0,0 +1,299 @@
+import { controlDisabled, Lifetime, setControlPending } from './core.js';
+import { iconElement, setText, uniqueId } from './dom.js';
+import { adoptSelect, refreshSelect } from './select.js';
+import { createOperation } from './operation.js';
+export function adoptAction(node, options = {}) {
+    const life = options.onAction ? new Lifetime() : undefined;
+    let state = { disabled: node.disabled };
+    let localPending = false;
+    let disposed = false;
+    let glyph = node.querySelector(':scope > svg') ?? undefined;
+    const caption = options.caption ?? [...node.children].find((child) => child instanceof HTMLElement && child.tagName === 'SPAN');
+    const iconOnly = !caption && !!glyph && ![...node.childNodes].some(child => child.nodeType === Node.TEXT_NODE && child.textContent?.trim());
+    let iconName;
+    const update = (next) => {
+        if (disposed)
+            return;
+        state = { ...state, ...next };
+        if (next.label != null) {
+            if (caption)
+                setText(caption, next.label);
+            else if (iconOnly)
+                node.setAttribute('aria-label', next.label);
+            else
+                setText(node, next.label);
+        }
+        if (next.intent != null) {
+            for (const intent of ['neutral', 'primary', 'danger'])
+                node.classList.toggle(`pui-${intent}`, next.intent === intent);
+        }
+        if (next.density != null) {
+            node.classList.toggle('pui-normal', next.density === 'normal');
+            node.classList.toggle('pui-compact', next.density === 'compact');
+        }
+        if (next.appearance != null)
+            node.classList.toggle('pui-secondary-button', next.appearance === 'secondary');
+        // Adopted nodes keep their host-owned attributes unless explicitly updated.
+        if (next.disabled != null || next.pending != null || localPending) {
+            // A retained product action can also be pending in the application's
+            // adapter or native-copy controller. Only clear pending that we own.
+            if (state.pending != null || options.onAction)
+                setControlPending(node, !!(state.pending || localPending));
+            node.disabled = controlDisabled(node, !!(state.disabled || state.pending || localPending));
+            node.setAttribute('aria-busy', String(!!(state.pending || localPending || node.dataset.controlPending || node.dataset.copyPending)));
+        }
+        if (next.title != null)
+            node.title = next.title;
+        if (next.icon != null && iconName !== next.icon) {
+            glyph?.remove();
+            iconName = next.icon;
+            glyph = next.icon ? iconElement(next.icon) : undefined;
+            if (glyph)
+                node.prepend(glyph);
+        }
+    };
+    const operation = options.onAction ? createOperation({
+        unavailable: () => node.disabled || disposed,
+        onPending(value) { localPending = value; update({ ...state, disabled: !!state.disabled, pending: !!state.pending }); },
+        onError: options.onError,
+    }) : undefined;
+    // A delegated product action has no local handler and needs no second listener.
+    if (options.onAction)
+        life.listen(node, 'click', (() => {
+            if (node.disabled || localPending || disposed)
+                return;
+            operation.run(options.onAction, (result) => { if (result && !result.ok)
+                options.onError?.(result.error); });
+        }));
+    return { element: node, update, destroy() { disposed = true; operation?.destroy(); life?.destroy(); } };
+}
+/** Reconcile native options by their stable value without replacing the select.
+ * Callers decide the fallback when a preferred value has disappeared.
+ */
+export function reconcileSelectOptions(control, entries, preferred) {
+    const selected = new Set(preferred == null ? [...control.selectedOptions].map(option => option.value) : [preferred]);
+    const existing = new Map();
+    for (const option of control.options) {
+        const group = existing.get(option.value) ?? [];
+        group.push(option);
+        existing.set(option.value, group);
+    }
+    const keep = new Set();
+    entries.forEach((entry, index) => {
+        const option = existing.get(entry.value)?.shift() ?? document.createElement('option');
+        keep.add(option);
+        if (option.value !== entry.value)
+            option.value = entry.value;
+        if (option.textContent !== entry.label)
+            option.textContent = entry.label;
+        if (option.disabled !== !!entry.disabled)
+            option.disabled = !!entry.disabled;
+        if (control.options[index] !== option)
+            control.insertBefore(option, control.options[index] ?? null);
+    });
+    for (const option of [...control.options])
+        if (!keep.has(option))
+            option.remove();
+    if (control.multiple) {
+        for (const option of control.options)
+            if (option.selected !== selected.has(option.value))
+                option.selected = selected.has(option.value);
+    }
+    else {
+        const value = preferred ?? [...selected][0] ?? '';
+        if (control.value !== value || !selected.size)
+            control.value = value;
+    }
+    refreshSelect(control);
+}
+export function adoptNativeControl(control, options = {}) {
+    const life = options.onInput || options.onChange ? new Lifetime() : undefined;
+    let disposed = false;
+    const originalDescriptions = new Set((control.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean));
+    const ownedDescriptions = new Set();
+    if (options.label) {
+        if (!control.id)
+            control.id = uniqueId('pui-input');
+        options.label.htmlFor = control.id;
+    }
+    for (const node of [options.description, options.error])
+        if (node) {
+            if (!node.id)
+                node.id = uniqueId('pui-field-message');
+            ownedDescriptions.add(node.id);
+        }
+    if (options.error)
+        options.error.setAttribute('role', 'alert');
+    const select = control instanceof HTMLSelectElement ? adoptSelect(control) : undefined;
+    const update = (state) => {
+        if (disposed)
+            return;
+        if (state.label != null && options.label)
+            setText(options.label, state.label);
+        if (state.disabled != null)
+            control.disabled = state.disabled;
+        if (state.required != null)
+            control.required = state.required;
+        if (state.readOnly != null && !(control instanceof HTMLSelectElement))
+            control.readOnly = state.readOnly;
+        if (state.placeholder != null && !(control instanceof HTMLSelectElement))
+            control.placeholder = state.placeholder;
+        if (state.description != null && options.description) {
+            setText(options.description, state.description);
+            options.description.hidden = !state.description;
+        }
+        if (state.error != null) {
+            control.setAttribute('aria-invalid', String(!!state.error));
+            if (options.error) {
+                setText(options.error, state.error);
+                options.error.hidden = !state.error;
+            }
+        }
+        if (options.description || options.error) {
+            // Preserve descriptions supplied by the host or another owned component.
+            const ids = new Set([...originalDescriptions, ...(control.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean)]);
+            for (const id of ownedDescriptions)
+                ids.delete(id);
+            if (options.description && !options.description.hidden && options.description.textContent)
+                ids.add(options.description.id);
+            if (options.error && !options.error.hidden && options.error.textContent)
+                ids.add(options.error.id);
+            if (ids.size)
+                control.setAttribute('aria-describedby', [...ids].join(' '));
+            else
+                control.removeAttribute('aria-describedby');
+        }
+        select?.refresh();
+    };
+    if (options.onInput)
+        life.listen(control, 'input', (event => options.onInput(control.value, event)));
+    if (options.onChange)
+        life.listen(control, 'change', (event => options.onChange(control.value, event)));
+    return { element: control, update, getValue: () => control.value,
+        getChecked: () => control instanceof HTMLInputElement && control.checked,
+        reset(value) { if (disposed)
+            return; if (typeof value === 'boolean' && control instanceof HTMLInputElement)
+            control.checked = value;
+        else if (typeof value === 'string' && control.value !== value)
+            control.value = value; select?.refresh(); },
+        focus() { if (!disposed) {
+            if (select)
+                select.focus();
+            else
+                control.focus();
+        } }, destroy() { if (disposed)
+            return; disposed = true; life?.destroy(); select?.destroy(); } };
+}
+export function adoptFeedback(node, options) {
+    let disposed = false;
+    const update = (state) => {
+        if (disposed)
+            return;
+        const tone = state.tone ?? (options.presentation === 'status' ? 'neutral' : 'info');
+        if (options.presentation !== 'inline') {
+            const prefix = options.presentation === 'notice' ? 'pui-notice' : 'pui-status';
+            node.classList.add(prefix);
+            for (const value of ['info', 'neutral', 'success', 'warning', 'error'])
+                node.classList.toggle(`${prefix}-${value}`, tone === value);
+        }
+        if (options.presentation !== 'status')
+            node.setAttribute('role', tone === 'error' || tone === 'warning' ? 'alert' : 'status');
+        if (options.autoHide !== false)
+            node.hidden = !state.message;
+        setText(node, state.message);
+    };
+    return { element: node, update, destroy() { disposed = true; } };
+}
+export function adoptActionLayout(node, kind) {
+    let disposed = false;
+    return { element: node, update(state) {
+            if (disposed)
+                return;
+            if (state.align != null)
+                node.dataset.align = state.align;
+            if (state.density != null)
+                node.classList.toggle('pui-compact', state.density === 'compact');
+            if (state.label != null) {
+                node.setAttribute('role', 'group');
+                node.setAttribute('aria-label', state.label);
+            }
+            node.dataset.puiActionLayout = kind;
+        }, destroy() { disposed = true; } };
+}
+/** Owned controllers for existing product templates; not a renderer or observer.
+ * Controllers are lazy. Reconciliation prunes owned handles without rescanning
+ * long message histories or allocating a controller for every static button.
+ */
+export function adoptProductParts(owner) {
+    const actions = new Map();
+    const controls = new Map();
+    const feedbacks = new Map();
+    const layouts = new Map();
+    let disposed = false;
+    const action = (node) => {
+        let handle = actions.get(node);
+        if (!handle) {
+            handle = adoptAction(node);
+            if (disposed)
+                handle.destroy();
+            else
+                actions.set(node, handle);
+        }
+        return handle;
+    };
+    const control = (node) => {
+        let handle = controls.get(node);
+        if (!handle) {
+            handle = adoptNativeControl(node);
+            if (disposed)
+                handle.destroy();
+            else
+                controls.set(node, handle);
+        }
+        return handle;
+    };
+    const feedback = (node) => {
+        let handle = feedbacks.get(node);
+        if (!handle) {
+            handle = adoptFeedback(node, { presentation: 'inline', autoHide: false });
+            if (disposed)
+                handle.destroy();
+            else
+                feedbacks.set(node, handle);
+        }
+        return handle;
+    };
+    const layout = (node, kind) => {
+        let handle = layouts.get(node);
+        if (!handle) {
+            handle = adoptActionLayout(node, kind);
+            if (disposed)
+                handle.destroy();
+            else
+                layouts.set(node, handle);
+        }
+        return handle;
+    };
+    const update = () => {
+        if (disposed)
+            return;
+        for (const map of [actions, controls, feedbacks, layouts])
+            for (const [node, handle] of map) {
+                if (!owner.contains(node) && node !== owner) {
+                    handle.destroy();
+                    map.delete(node);
+                }
+            }
+    };
+    return { update, action, control, feedback, layout, destroy() {
+            if (disposed)
+                return;
+            disposed = true;
+            for (const map of [actions, controls, feedbacks, layouts]) {
+                for (const handle of map.values())
+                    handle.destroy();
+                map.clear();
+            }
+        } };
+}
+//# sourceMappingURL=foundations.js.map

package/dist/foundations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundations.js","sourceRoot":"","sources":["../src/foundations.ts"],"names":[],"mappings":"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","sourcesContent":["import { controlDisabled, Lifetime, setControlPending } from './core.js';\nimport type { ActionResult, Density, Intent, UIAction } from './core.js';\nimport { iconElement, setText, uniqueId } from './dom.js';\nimport { adoptSelect, refreshSelect } from './select.js';\nimport { createOperation } from './operation.js';\n\n/** Private controllers shared by factories and the retained product templates.\n * Retained nodes keep their identity; single selects get one owned wrapper.\n */\nexport interface ActionState {\n  label?: string;\n  intent?: Intent;\n  density?: Density;\n  disabled?: boolean;\n  pending?: boolean;\n  icon?: string;\n  title?: string;\n  appearance?: 'standard' | 'secondary';\n}\nexport interface ActionController {\n  readonly element: HTMLButtonElement;\n  update(state: Readonly<ActionState>): void;\n  destroy(): void;\n}\nexport function adoptAction(node: HTMLButtonElement, options: {\n  caption?: HTMLElement;\n  onAction?: UIAction;\n  onError?: (message: string) => void;\n} = {}): ActionController {\n  const life = options.onAction ? new Lifetime() : undefined;\n  let state: ActionState = { disabled: node.disabled };\n  let localPending = false; let disposed = false;\n  let glyph = node.querySelector<SVGSVGElement>(':scope > svg') ?? undefined;\n  const caption = options.caption ?? [...node.children].find((child): child is HTMLElement => child instanceof HTMLElement && child.tagName === 'SPAN');\n  const iconOnly = !caption && !!glyph && ![...node.childNodes].some(child => child.nodeType === Node.TEXT_NODE && child.textContent?.trim());\n  let iconName: string | undefined;\n  const update = (next: Readonly<ActionState>): void => {\n    if (disposed) return;\n    state = { ...state, ...next };\n    if (next.label != null) {\n      if (caption) setText(caption, next.label);\n      else if (iconOnly) node.setAttribute('aria-label', next.label);\n      else setText(node, next.label);\n    }\n    if (next.intent != null) {\n      for (const intent of ['neutral', 'primary', 'danger']) node.classList.toggle(`pui-${intent}`, next.intent === intent);\n    }\n    if (next.density != null) {\n      node.classList.toggle('pui-normal', next.density === 'normal');\n      node.classList.toggle('pui-compact', next.density === 'compact');\n    }\n    if (next.appearance != null) node.classList.toggle('pui-secondary-button', next.appearance === 'secondary');\n    // Adopted nodes keep their host-owned attributes unless explicitly updated.\n    if (next.disabled != null || next.pending != null || localPending) {\n      // A retained product action can also be pending in the application's\n      // adapter or native-copy controller. Only clear pending that we own.\n      if (state.pending != null || options.onAction) setControlPending(node, !!(state.pending || localPending));\n      node.disabled = controlDisabled(node, !!(state.disabled || state.pending || localPending));\n      node.setAttribute('aria-busy', String(!!(state.pending || localPending || node.dataset.controlPending || node.dataset.copyPending)));\n    }\n    if (next.title != null) node.title = next.title;\n    if (next.icon != null && iconName !== next.icon) {\n      glyph?.remove(); iconName = next.icon;\n      glyph = next.icon ? iconElement(next.icon) : undefined;\n      if (glyph) node.prepend(glyph);\n    }\n  };\n  const operation = options.onAction ? createOperation({\n    unavailable: () => node.disabled || disposed,\n    onPending(value) { localPending = value; update({ ...state, disabled: !!state.disabled, pending: !!state.pending }); },\n    onError: options.onError,\n  }) : undefined;\n  // A delegated product action has no local handler and needs no second listener.\n  if (options.onAction) life!.listen(node, 'click', (() => {\n    if (node.disabled || localPending || disposed) return;\n    operation!.run(options.onAction!, (result: void | ActionResult) => { if (result && !result.ok) options.onError?.(result.error); });\n  }) as EventListener);\n  return { element: node, update, destroy() { disposed = true; operation?.destroy(); life?.destroy(); } };\n}\n\nexport type NativeControl = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\nexport interface NativeSelectOption { value: string; label: string; disabled?: boolean; }\n/** Reconcile native options by their stable value without replacing the select.\n * Callers decide the fallback when a preferred value has disappeared.\n */\nexport function reconcileSelectOptions(control: HTMLSelectElement, entries: readonly NativeSelectOption[], preferred?: string): void {\n  const selected = new Set(preferred == null ? [...control.selectedOptions].map(option => option.value) : [preferred]);\n  const existing = new Map<string, HTMLOptionElement[]>();\n  for (const option of control.options) { const group = existing.get(option.value) ?? []; group.push(option); existing.set(option.value, group); }\n  const keep = new Set<HTMLOptionElement>();\n  entries.forEach((entry, index) => {\n    const option = existing.get(entry.value)?.shift() ?? document.createElement('option');\n    keep.add(option);\n    if (option.value !== entry.value) option.value = entry.value;\n    if (option.textContent !== entry.label) option.textContent = entry.label;\n    if (option.disabled !== !!entry.disabled) option.disabled = !!entry.disabled;\n    if (control.options[index] !== option) control.insertBefore(option, control.options[index] ?? null);\n  });\n  for (const option of [...control.options]) if (!keep.has(option)) option.remove();\n  if (control.multiple) {\n    for (const option of control.options) if (option.selected !== selected.has(option.value)) option.selected = selected.has(option.value);\n  } else {\n    const value = preferred ?? [...selected][0] ?? '';\n    if (control.value !== value || !selected.size) control.value = value;\n  }\n  refreshSelect(control);\n}\nexport interface NativeControlState {\n  label?: string;\n  description?: string;\n  error?: string;\n  disabled?: boolean;\n  required?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n}\nexport interface NativeControlController {\n  readonly element: NativeControl;\n  update(state: Readonly<NativeControlState>): void;\n  getValue(): string;\n  getChecked(): boolean;\n  reset(value: string | boolean): void;\n  focus(): void;\n  destroy(): void;\n}\nexport function adoptNativeControl(control: NativeControl, options: {\n  label?: HTMLLabelElement;\n  description?: HTMLElement;\n  error?: HTMLElement;\n  onInput?: (value: string, event: Event) => void;\n  onChange?: (value: string, event: Event) => void;\n} = {}): NativeControlController {\n  const life = options.onInput || options.onChange ? new Lifetime() : undefined; let disposed = false;\n  const originalDescriptions = new Set((control.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean));\n  const ownedDescriptions = new Set<string>();\n  if (options.label) {\n    if (!control.id) control.id = uniqueId('pui-input');\n    options.label.htmlFor = control.id;\n  }\n  for (const node of [options.description, options.error]) if (node) {\n    if (!node.id) node.id = uniqueId('pui-field-message');\n    ownedDescriptions.add(node.id);\n  }\n  if (options.error) options.error.setAttribute('role', 'alert');\n  const select = control instanceof HTMLSelectElement ? adoptSelect(control) : undefined;\n  const update = (state: Readonly<NativeControlState>): void => {\n    if (disposed) return;\n    if (state.label != null && options.label) setText(options.label, state.label);\n    if (state.disabled != null) control.disabled = state.disabled;\n    if (state.required != null) control.required = state.required;\n    if (state.readOnly != null && !(control instanceof HTMLSelectElement)) control.readOnly = state.readOnly;\n    if (state.placeholder != null && !(control instanceof HTMLSelectElement)) control.placeholder = state.placeholder;\n    if (state.description != null && options.description) {\n      setText(options.description, state.description); options.description.hidden = !state.description;\n    }\n    if (state.error != null) {\n      control.setAttribute('aria-invalid', String(!!state.error));\n      if (options.error) { setText(options.error, state.error); options.error.hidden = !state.error; }\n    }\n    if (options.description || options.error) {\n      // Preserve descriptions supplied by the host or another owned component.\n      const ids = new Set([...originalDescriptions, ...(control.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean)]);\n      for (const id of ownedDescriptions) ids.delete(id);\n      if (options.description && !options.description.hidden && options.description.textContent) ids.add(options.description.id);\n      if (options.error && !options.error.hidden && options.error.textContent) ids.add(options.error.id);\n      if (ids.size) control.setAttribute('aria-describedby', [...ids].join(' ')); else control.removeAttribute('aria-describedby');\n    }\n    select?.refresh();\n  };\n  if (options.onInput) life!.listen(control, 'input', (event => options.onInput!(control.value, event)) as EventListener);\n  if (options.onChange) life!.listen(control, 'change', (event => options.onChange!(control.value, event)) as EventListener);\n  return { element: control, update, getValue: () => control.value,\n    getChecked: () => control instanceof HTMLInputElement && control.checked,\n    reset(value) { if (disposed) return; if (typeof value === 'boolean' && control instanceof HTMLInputElement) control.checked = value; else if (typeof value === 'string' && control.value !== value) control.value = value; select?.refresh(); },\n    focus() { if (!disposed) { if (select) select.focus(); else control.focus(); } }, destroy() { if (disposed) return; disposed = true; life?.destroy(); select?.destroy(); } };\n}\n\nexport interface FeedbackState { message: string; tone?: 'info' | 'neutral' | 'success' | 'warning' | 'error'; }\nexport interface FeedbackController {\n  readonly element: HTMLElement;\n  update(state: Readonly<FeedbackState>): void;\n  destroy(): void;\n}\nexport function adoptFeedback(node: HTMLElement, options: {\n  presentation: 'notice' | 'inline' | 'status';\n  autoHide?: boolean;\n}): FeedbackController {\n  let disposed = false;\n  const update = (state: Readonly<FeedbackState>): void => {\n    if (disposed) return;\n    const tone = state.tone ?? (options.presentation === 'status' ? 'neutral' : 'info');\n    if (options.presentation !== 'inline') {\n      const prefix = options.presentation === 'notice' ? 'pui-notice' : 'pui-status';\n      node.classList.add(prefix);\n      for (const value of ['info', 'neutral', 'success', 'warning', 'error']) node.classList.toggle(`${prefix}-${value}`, tone === value);\n    }\n    if (options.presentation !== 'status') node.setAttribute('role', tone === 'error' || tone === 'warning' ? 'alert' : 'status');\n    if (options.autoHide !== false) node.hidden = !state.message;\n    setText(node, state.message);\n  };\n  return { element: node, update, destroy() { disposed = true; } };\n}\n\nexport interface ActionLayoutState { align?: 'start' | 'end' | 'between'; density?: Density; label?: string; }\nexport function adoptActionLayout(node: HTMLElement, kind: 'actions' | 'toolbar'): {\n  readonly element: HTMLElement;\n  update(state: Readonly<ActionLayoutState>): void;\n  destroy(): void;\n} {\n  let disposed = false;\n  return { element: node, update(state) {\n    if (disposed) return;\n    if (state.align != null) node.dataset.align = state.align;\n    if (state.density != null) node.classList.toggle('pui-compact', state.density === 'compact');\n    if (state.label != null) { node.setAttribute('role', 'group'); node.setAttribute('aria-label', state.label); }\n    node.dataset.puiActionLayout = kind;\n  }, destroy() { disposed = true; } };\n}\n\n/** Owned controllers for existing product templates; not a renderer or observer.\n * Controllers are lazy. Reconciliation prunes owned handles without rescanning\n * long message histories or allocating a controller for every static button.\n */\nexport function adoptProductParts(owner: HTMLElement): {\n  update(): void;\n  action(node: HTMLButtonElement): ActionController;\n  control(node: NativeControl): NativeControlController;\n  feedback(node: HTMLElement): FeedbackController;\n  layout(node: HTMLElement, kind: 'actions' | 'toolbar'): ReturnType<typeof adoptActionLayout>;\n  destroy(): void;\n} {\n  const actions = new Map<HTMLButtonElement, ActionController>();\n  const controls = new Map<NativeControl, NativeControlController>();\n  const feedbacks = new Map<HTMLElement, FeedbackController>();\n  const layouts = new Map<HTMLElement, ReturnType<typeof adoptActionLayout>>();\n  let disposed = false;\n  const action = (node: HTMLButtonElement): ActionController => {\n    let handle = actions.get(node); if (!handle) { handle = adoptAction(node); if (disposed) handle.destroy(); else actions.set(node, handle); } return handle;\n  };\n  const control = (node: NativeControl): NativeControlController => {\n    let handle = controls.get(node); if (!handle) { handle = adoptNativeControl(node); if (disposed) handle.destroy(); else controls.set(node, handle); } return handle;\n  };\n  const feedback = (node: HTMLElement): FeedbackController => {\n    let handle = feedbacks.get(node); if (!handle) { handle = adoptFeedback(node, { presentation: 'inline', autoHide: false }); if (disposed) handle.destroy(); else feedbacks.set(node, handle); } return handle;\n  };\n  const layout = (node: HTMLElement, kind: 'actions' | 'toolbar'): ReturnType<typeof adoptActionLayout> => {\n    let handle = layouts.get(node); if (!handle) { handle = adoptActionLayout(node, kind); if (disposed) handle.destroy(); else layouts.set(node, handle); } return handle;\n  };\n  const update = (): void => {\n    if (disposed) return;\n    for (const map of [actions, controls, feedbacks, layouts]) for (const [node, handle] of map) {\n      if (!owner.contains(node) && node !== owner) { handle.destroy(); map.delete(node as never); }\n    }\n  };\n  return { update, action, control, feedback, layout, destroy() {\n    if (disposed) return; disposed = true;\n    for (const map of [actions, controls, feedbacks, layouts]) { for (const handle of map.values()) handle.destroy(); map.clear(); }\n  } };\n}\n\n"]}

package/dist/navigation/context-menu.d.ts

@@ -1,5 +1,6 @@
 import type { UIBlock } from '../core.js';
 export interface ContextMenuItem {
+    id?: string;
     label: string;
     action?: string;
     sdkAction?: string;
@@ -14,12 +15,18 @@ export interface ContextMenuState {
     label: string;
     items: readonly ContextMenuItem[];
 }
+export interface ContextMenuOpenOptions {
+    point?: {
+        x: number;
+        y: number;
+    };
+}
 export declare function createContextMenu(options?: {
     element?: HTMLElement;
     onDismiss?: (restoreFocus: boolean) => void;
     onAction?: (item: ContextMenuItem) => void;
 }): UIBlock<ContextMenuState> & {
-    open(trigger: HTMLElement, state: ContextMenuState): void;
+    open(trigger: HTMLElement, state: ContextMenuState, options?: ContextMenuOpenOptions): void;
     close(restoreFocus?: boolean): void;
 };
 //# sourceMappingURL=context-menu.d.ts.map

package/dist/navigation/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/navigation/context-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACzF,IAAI,CAAC,EAAE;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;CACxD;AACD,MAAM,WAAW,gBAAgB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAA;CAAC;AACpF,wBAAgB,iBAAiB,CAAC,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAAC,CA4B9R"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/navigation/context-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAI1C,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACtG,IAAI,CAAC,EAAE;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;CACxD;AACD,MAAM,WAAW,gBAAgB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAA;CAAC;AACpF,MAAM,WAAW,sBAAsB;IAAE,KAAK,CAAC,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;CAAC;AACxE,wBAAgB,iBAAiB,CAAC,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAAC,CA4ChU"}

package/dist/navigation/context-menu.js

@@ -1,3 +1,6 @@
+import { installAnchoredSurface, installMenuNavigation } from '../surface.js';
+import { adoptProductParts } from '../foundations.js';
+import { reconcileKeyed } from '../reconcile.js';
 export function createContextMenu(options = {}) {
     const element = options.element || document.createElement('div');
     if (!options.element) {
@@ -5,63 +8,77 @@ export function createContextMenu(options = {}) {
         element.setAttribute('role', 'menu');
         element.hidden = true;
     }
+    element.setAttribute('role', 'menu');
+    element.tabIndex = -1;
     const abort = new AbortController();
-    let trigger = null;
-    let destroyed = false;
-    const close = (restoreFocus = false) => { element.hidden = true; trigger?.setAttribute('aria-expanded', 'false'); if (restoreFocus)
-        trigger?.focus(); trigger = null; };
+    let destroyed = false, programmaticClose = false;
+    let surface;
+    const parts = adoptProductParts(element);
+    const rows = new Map();
+    const actions = new Map();
+    const close = (restoreFocus = false) => {
+        programmaticClose = true;
+        surface?.close(restoreFocus);
+        surface?.destroy();
+        surface = undefined;
+        element.hidden = true;
+        programmaticClose = false;
+    };
+    const dismiss = (restoreFocus) => { close(restoreFocus); options.onDismiss?.(restoreFocus); };
+    const navigation = installMenuNavigation(element, { onDismiss: dismiss, isOpen: () => surface?.isOpen() ?? false });
     const update = (state) => {
         if (destroyed)
             return;
         element.setAttribute('aria-label', state.label);
-        element.replaceChildren();
-        for (const item of state.items) {
-            const button = document.createElement('button');
-            button.type = 'button';
-            button.setAttribute('role', 'menuitem');
-            button.textContent = item.label;
-            button.disabled = !!item.disabled;
-            if (item.danger)
-                button.className = 'pui-destructive-menu-item';
-            if (item.action)
-                button.dataset.action = item.action;
-            if (item.sdkAction)
-                button.dataset.sdk = item.sdkAction;
-            if (item.idle) {
-                button.dataset.idleAction = '';
-                if (item.idle.conversationId)
-                    button.dataset.idleConversation = item.idle.conversationId;
-                if (item.idle.workspaceId)
-                    button.dataset.idleWorkspace = item.idle.workspaceId;
-            }
-            if (options.onAction)
-                button.addEventListener('click', () => options.onAction(item), { signal: abort.signal });
-            element.append(button);
-        }
+        const entries = state.items.map((item, index) => ({ item, key: item.id ?? `${item.action || ''}/${item.sdkAction || ''}/${index}` }));
+        reconcileKeyed(element, rows, entries, { key: entry => entry.key, element: button => button,
+            create() { const button = document.createElement('button'); button.type = 'button'; button.setAttribute('role', 'menuitem'); return button; },
+            update(button, { item }) {
+                parts.action(button).update({ label: item.label, disabled: !!item.disabled });
+                button.classList.toggle('pui-destructive-menu-item', !!item.danger);
+                if (item.action)
+                    button.dataset.action = item.action;
+                else
+                    delete button.dataset.action;
+                if (item.sdkAction)
+                    button.dataset.sdk = item.sdkAction;
+                else
+                    delete button.dataset.sdk;
+                for (const name of ['idleAction', 'idleConversation', 'idleWorkspace'])
+                    delete button.dataset[name];
+                if (item.idle) {
+                    button.dataset.idleAction = '';
+                    if (item.idle.conversationId)
+                        button.dataset.idleConversation = item.idle.conversationId;
+                    if (item.idle.workspaceId)
+                        button.dataset.idleWorkspace = item.idle.workspaceId;
+                }
+                actions.set(button, item);
+            }, destroy(button) { actions.delete(button); },
+        });
+        parts.update();
     };
-    element.addEventListener('keydown', (event) => {
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            event.stopPropagation();
-            options.onDismiss ? options.onDismiss(true) : close(true);
-            return;
-        }
-        if (event.key === 'Tab') {
-            options.onDismiss ? options.onDismiss(false) : close(false);
-            return;
-        }
-        const buttons = [...element.querySelectorAll('button:not(:disabled)')];
-        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
-            event.preventDefault();
+    if (options.onAction)
+        element.addEventListener('click', event => { const button = event.target.closest('button'); const item = button ? actions.get(button) : undefined; if (item && !button.disabled) {
             event.stopPropagation();
-            const index = buttons.indexOf(document.activeElement);
-            const next = event.key === 'Home' ? 0 : event.key === 'End' ? buttons.length - 1 : (index + (event.key === 'ArrowDown' ? 1 : -1) + buttons.length) % buttons.length;
-            buttons[next]?.focus();
-        }
-    }, { signal: abort.signal });
-    return { element, update, close, open(source, state) { if (destroyed)
-            return; close(); trigger = source; trigger.setAttribute('aria-expanded', 'true'); update(state); element.hidden = false; const rect = source.getBoundingClientRect(); element.style.left = `${Math.max(8, Math.min(rect.right, window.innerWidth - element.offsetWidth - 8))}px`; element.style.top = `${Math.max(8, Math.min(rect.bottom + 4, window.innerHeight - element.offsetHeight - 8))}px`; element.querySelector('button:not(:disabled)')?.focus(); }, destroy() { if (destroyed)
-            return; destroyed = true; close(); abort.abort(); if (!options.element)
+            options.onAction(item);
+        } }, { signal: abort.signal });
+    return { element, update, close, open(source, state, anchor = {}) {
+            if (destroyed)
+                return;
+            close();
+            update(state);
+            source.focus({ preventScroll: true });
+            surface = installAnchoredSurface({ trigger: source, panel: element, dismissOnMove: true,
+                ...(anchor.point ? { getAnchor: () => ({ left: anchor.point.x, right: anchor.point.x, top: anchor.point.y, bottom: anchor.point.y, width: 0, height: 0 }) } : {}),
+                onToggle(open, restoreFocus) { if (!open && !programmaticClose)
+                    options.onDismiss?.(!!restoreFocus); }, });
+            surface.open();
+            navigation.focus();
+            if (surface.isOpen() && !element.contains(document.activeElement))
+                element.focus({ preventScroll: true });
+        }, destroy() { if (destroyed)
+            return; destroyed = true; close(); navigation.destroy(); abort.abort(); parts.destroy(); rows.clear(); actions.clear(); if (!options.element)
             element.remove(); } };
 }
 //# sourceMappingURL=context-menu.js.map