@weave-framework/ui 0.2.107

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Aidas Josas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,17 @@
+# @weave-framework/ui
+
+Weave UI — a signal-native component library (a Material + CDK equivalent) with the Weave design system. Ships SCSS; zero third-party runtime deps.
+
+Part of **[Weave](https://weave-framework.github.io/weave/)** — a fine-grained reactive, signal-native UI framework: no Virtual DOM, zero third-party runtime dependencies.
+
+```bash
+npm install @weave-framework/ui
+```
+
+Components import per-subpath (JS + SCSS), e.g. `@weave-framework/ui/button`. You compile the SCSS in your own build.
+
+📚 **Guides + full API reference:** [weave-framework.github.io/weave](https://weave-framework.github.io/weave/)
+
+## License
+
+MIT

package/dist/autocomplete/autocomplete.d.ts

@@ -0,0 +1,86 @@
+/**
+ * `<Autocomplete>` — a text field with a suggestion listbox (WAI-ARIA combobox +
+ * `aria-autocomplete=list`). A native `<input>` (Input's field: prefix/suffix/clear) whose
+ * typing opens a CDK-overlay `role=listbox` of matching options; focus stays in the input
+ * and the active suggestion is tracked with `aria-activedescendant`.
+ *
+ * **Static or async data (adapts to APIs):**
+ *  - `options: T[]` — filtered locally by the typed text (`filter`, default: label contains
+ *    query, case-insensitive), OR
+ *  - `optionsFor(query) => T[] | Promise<T[]>` — fetch suggestions (e.g. an API call); a
+ *    promise fills a reactive cache, so the panel re-renders when results land.
+ *
+ * **Field mapping:** `optionValue`/`optionLabel`/`optionDescription` accessors pick which
+ * fields of an arbitrary row are the value / display / subtext (default `.value`/`.label`/
+ * `.description`; plain strings work). Selecting fills the input with the label and fires
+ * `onSelect(item)`. Free text is allowed. The text value binds like Input (`value`/`onInput`
+ * OR a `control` Field<string>). Zero-dep.
+ */
+import { type Signal } from '@weave-framework/runtime';
+import { type OptionAccessors } from '../shared/options.js';
+import { type MenuPosition } from '../shared/positions.js';
+/** The subset of a forms `Field<string>` an Autocomplete binds to (the text value). */
+export interface AutocompleteControl {
+    value: Signal<string>;
+    touched?: Signal<boolean>;
+    error?: () => string | null;
+}
+export interface AutocompleteProps<T = {
+    value: string;
+    label: string;
+}> extends OptionAccessors<T> {
+    /** Static options — filtered locally by the typed text. */
+    options?: T[];
+    /** Async / dynamic options for a query (e.g. an API call). Overrides `options`. */
+    optionsFor?: (query: string) => T[] | Promise<T[]>;
+    /** Local filter for static `options`. Default: label contains the query (case-insensitive). */
+    filter?: (item: T, query: string) => boolean;
+    /** Controlled text value (a getter). Ignored when `control` is set. */
+    value?: string;
+    /** Called with the next text on every input. Ignored when `control` is set. */
+    onInput?: (text: string) => void;
+    /** A forms `Field<string>` — two-way text + touched-on-blur + error underline. */
+    control?: AutocompleteControl;
+    /** Called with the chosen option (the input is filled with its label). */
+    onSelect?: (item: T) => void;
+    /** Minimum characters before suggestions show. Default 1. */
+    minChars?: number;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Disable the field. */
+    disabled?: boolean;
+    /** Mark required (native). */
+    required?: boolean;
+    /** Native `name`. */
+    name?: string;
+    /** Accessible name (when not wrapped by a FormField label). */
+    label?: string;
+    /** Show a clear (`×`) button when non-empty. */
+    clearable?: boolean;
+    /** Accessible name for the clear button. Default 'Clear'. */
+    clearLabel?: string;
+    /** Text for the empty-results row. Default 'No results'. */
+    noResultsText?: string;
+    /** Panel position relative to the field. Default `'bottom-start'`. */
+    position?: MenuPosition;
+    /** Extra classes, forwarded onto the root. */
+    class?: string;
+}
+export declare const template: string;
+export interface AutocompleteContext {
+    currentText: () => string;
+    controlProp: () => AutocompleteControl | undefined;
+    onCommit: (value: string) => void;
+    clearable: () => boolean;
+    placeholder: () => string | undefined;
+    isDisabled: () => boolean;
+    isRequired: () => boolean;
+    name: () => string | undefined;
+    label: () => string | undefined;
+    bindInput: (el: HTMLInputElement | HTMLTextAreaElement) => void;
+}
+export declare function setup<T = {
+    value: string;
+    label: string;
+}>(props: AutocompleteProps<T>): AutocompleteContext;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/autocomplete/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocomplete.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAsC,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAE3F,OAAO,EAAsC,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3E,uFAAuF;AACvF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACjG,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACnD,+FAA+F;IAC/F,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kFAAkF;IAClF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,QAAQ,EAAE,MAIW,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,mBAAmB,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,IAAI,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,mBAAmB,KAAK,IAAI,CAAC;CACjE;AAID,wBAAgB,KAAK,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CA+O5G"}

package/dist/autocomplete/autocomplete.js

@@ -0,0 +1,263 @@
+/**
+ * `<Autocomplete>` — a text field with a suggestion listbox (WAI-ARIA combobox +
+ * `aria-autocomplete=list`). A native `<input>` (Input's field: prefix/suffix/clear) whose
+ * typing opens a CDK-overlay `role=listbox` of matching options; focus stays in the input
+ * and the active suggestion is tracked with `aria-activedescendant`.
+ *
+ * **Static or async data (adapts to APIs):**
+ *  - `options: T[]` — filtered locally by the typed text (`filter`, default: label contains
+ *    query, case-insensitive), OR
+ *  - `optionsFor(query) => T[] | Promise<T[]>` — fetch suggestions (e.g. an API call); a
+ *    promise fills a reactive cache, so the panel re-renders when results land.
+ *
+ * **Field mapping:** `optionValue`/`optionLabel`/`optionDescription` accessors pick which
+ * fields of an arbitrary row are the value / display / subtext (default `.value`/`.label`/
+ * `.description`; plain strings work). Selecting fills the input with the label and fires
+ * `onSelect(item)`. Free text is allowed. The text value binds like Input (`value`/`onInput`
+ * OR a `control` Field<string>). Zero-dep.
+ */
+import { signal, effect, onDispose } from '@weave-framework/runtime';
+import { createOverlay, connectedPosition, listKeyManager } from '../cdk/index.js';
+import { optValue, optLabel, optDescription } from '../shared/options.js';
+import { buildPositions } from '../shared/positions.js';
+// The field IS the Input component (Autocomplete = Input + a suggestion listbox). The
+// combobox ARIA + keyboard nav are attached to Input's native field via `onInputRef`;
+// the underline / clear / prefix-suffix / value binding / invalid state are all Input's.
+export const template = '<Input class="weave-autocomplete" value={{ currentText() }} control={{ controlProp() }}' +
+    ' onInput={{ onCommit }} clearable={{ clearable() }} placeholder={{ placeholder() }}' +
+    ' disabled={{ isDisabled() }} required={{ isRequired() }} name={{ name() }} label={{ label() }}' +
+    ' onInputRef={{ bindInput }} />';
+let _seq = 0;
+export function setup(props) {
+    const id = ++_seq;
+    const input = signal(null);
+    const open = signal(false);
+    const results = signal([]);
+    let overlay = null;
+    let listbox = null;
+    let requestSeq = 0; // guard against out-of-order async responses
+    const currentText = () => (props.control ? props.control.value() : props.value ?? '');
+    const isDisabled = () => !!props.disabled;
+    const minChars = () => props.minChars ?? 1;
+    const commitText = (next) => {
+        if (props.control)
+            props.control.value.set(next);
+        else
+            props.onInput?.(next);
+    };
+    const defaultFilter = (item, query) => optLabel(item, props).toLowerCase().includes(query.toLowerCase());
+    const km = listKeyManager(() => results(), {
+        orientation: 'vertical',
+        wrap: true,
+    });
+    function renderResults() {
+        if (!listbox)
+            return;
+        const box = listbox;
+        box.textContent = '';
+        const list = results();
+        if (list.length === 0) {
+            const empty = document.createElement('div');
+            empty.className = 'weave-autocomplete__empty';
+            empty.textContent = props.noResultsText ?? 'No results';
+            box.appendChild(empty);
+            input()?.removeAttribute('aria-activedescendant');
+            return;
+        }
+        list.forEach((item, i) => {
+            const opt = document.createElement('div');
+            opt.className = 'weave-autocomplete__option';
+            opt.id = `weave-autocomplete-${id}-opt-${i}`;
+            opt.setAttribute('role', 'option');
+            const label = document.createElement('span');
+            label.className = 'weave-autocomplete__label';
+            label.textContent = optLabel(item, props);
+            opt.appendChild(label);
+            const desc = optDescription(item, props);
+            if (desc) {
+                const d = document.createElement('span');
+                d.className = 'weave-autocomplete__description';
+                d.textContent = desc;
+                opt.appendChild(d);
+            }
+            opt.addEventListener('mousedown', (e) => {
+                e.preventDefault(); // keep focus in the input
+                select(item);
+            });
+            box.appendChild(opt);
+        });
+        syncActive();
+    }
+    function syncActive() {
+        if (!listbox)
+            return;
+        const active = km.activeItem();
+        const activeIdx = km.activeIndex();
+        const opts = Array.from(listbox.querySelectorAll('.weave-autocomplete__option'));
+        opts.forEach((el, i) => {
+            const on = i === activeIdx;
+            el.classList.toggle('weave-autocomplete__option--active', on);
+            if (on) {
+                el.scrollIntoView({ block: 'nearest' });
+                input()?.setAttribute('aria-activedescendant', el.id);
+            }
+        });
+        if (active == null)
+            input()?.removeAttribute('aria-activedescendant');
+    }
+    function ensurePanel() {
+        if (overlay)
+            return;
+        const el = input();
+        listbox = document.createElement('div');
+        listbox.className = 'weave-autocomplete__panel';
+        listbox.setAttribute('role', 'listbox');
+        listbox.id = `weave-autocomplete-${id}-list`;
+        overlay = createOverlay({
+            positionStrategy: connectedPosition(el, { positions: buildPositions(props.position, 'bottom-start'), offset: 4 }),
+        });
+    }
+    function openPanel() {
+        if (open() || isDisabled())
+            return;
+        ensurePanel();
+        overlay.attach(listbox);
+        input()?.setAttribute('aria-expanded', 'true');
+        input()?.setAttribute('aria-controls', listbox.id); // APG: only while the popup is in the DOM
+        open.set(true);
+        renderResults();
+    }
+    function closePanel() {
+        if (!open())
+            return;
+        overlay?.detach();
+        input()?.setAttribute('aria-expanded', 'false');
+        input()?.removeAttribute('aria-activedescendant');
+        input()?.removeAttribute('aria-controls'); // the listbox element is detached while closed
+        open.set(false);
+    }
+    function fetchFor(query) {
+        if (query.length < minChars()) {
+            results.set([]);
+            closePanel();
+            return;
+        }
+        const seq = ++requestSeq;
+        if (props.optionsFor) {
+            const out = props.optionsFor(query);
+            if (Array.isArray(out)) {
+                results.set(out);
+            }
+            else {
+                out.then((list) => {
+                    if (seq === requestSeq)
+                        results.set(list); // ignore stale responses
+                });
+            }
+        }
+        else {
+            const filter = props.filter ?? defaultFilter;
+            results.set((props.options ?? []).filter((o) => filter(o, query)));
+        }
+    }
+    function select(item) {
+        const label = optLabel(item, props);
+        commitText(label);
+        const el = input();
+        if (el)
+            el.value = label; // reflect immediately (Input re-renders it from value/control too)
+        props.onSelect?.(item);
+        results.set([]);
+        closePanel();
+        void optValue(item, props); // value accessor available to consumers via onSelect(item)
+    }
+    // The value is Input's job (via value/control); this listener only drives the suggestions.
+    const onInputFetch = () => {
+        const text = input()?.value ?? '';
+        fetchFor(text);
+        if (text.length >= minChars())
+            openPanel();
+        else
+            closePanel();
+    };
+    // Compose Input: forward the consumer's onInput (no-control mode) and attach the
+    // combobox ARIA + keyboard nav to Input's native field once it's handed over.
+    const onCommit = (value) => props.onInput?.(value);
+    const bindInput = (el) => {
+        const inp = el;
+        input.set(inp);
+        inp.setAttribute('role', 'combobox');
+        inp.setAttribute('aria-autocomplete', 'list');
+        inp.setAttribute('aria-haspopup', 'listbox');
+        inp.setAttribute('aria-expanded', 'false');
+        inp.addEventListener('input', onInputFetch);
+        inp.addEventListener('keydown', onKeydown);
+        inp.addEventListener('focus', onFocus);
+        inp.addEventListener('blur', onBlur);
+    };
+    const onFocus = () => {
+        if (currentText().length >= minChars()) {
+            fetchFor(currentText());
+            openPanel();
+        }
+    };
+    const onKeydown = (event) => {
+        if (event.key === 'Escape') {
+            if (open()) {
+                event.preventDefault();
+                closePanel();
+            }
+            return;
+        }
+        if (!open()) {
+            if (event.key === 'ArrowDown' && currentText().length >= minChars()) {
+                event.preventDefault();
+                fetchFor(currentText());
+                openPanel();
+            }
+            return;
+        }
+        if (event.key === 'Enter') {
+            const it = km.activeItem();
+            if (it != null) {
+                event.preventDefault();
+                select(it);
+            }
+            return;
+        }
+        if (km.onKeydown(event)) {
+            event.preventDefault();
+            syncActive();
+        }
+    };
+    const onBlur = () => {
+        props.control?.touched?.set(true);
+        // Defer close so a mousedown-select on an option still fires first.
+        closePanel();
+    };
+    // Re-render the panel whenever results change (async fills land here too).
+    effect(() => {
+        results();
+        if (open())
+            renderResults();
+    });
+    // Forms validity (aria-invalid + the --invalid underline) is the composed Input's job
+    // now — Autocomplete passes it the `control`, so Input reflects touched-and-invalid.
+    onDispose(() => {
+        overlay?.dispose();
+        overlay = null;
+    });
+    return {
+        currentText,
+        controlProp: () => props.control,
+        onCommit,
+        clearable: () => !!props.clearable,
+        placeholder: () => props.placeholder,
+        isDisabled,
+        isRequired: () => !!props.required,
+        name: () => props.name,
+        label: () => props.label,
+        bindInput,
+    };
+}
+//# sourceMappingURL=autocomplete.js.map

package/dist/autocomplete/autocomplete.js.map

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

package/dist/badge/badge.d.ts

@@ -0,0 +1,39 @@
+/**
+ * `<Badge>` — a small status mark. Three variants:
+ *
+ * - **count** (default) — an accent pill over the top corner of its slotted host
+ *   (an icon, a button…): `<Badge content={{ 3 }}><Icon name={{ 'bell' }} /></Badge>`.
+ *   The count is announced via `aria-label` on the host; the pill itself is
+ *   `aria-hidden` (decorative). `max` caps the display (e.g. `99+`).
+ * - **dot** (`variant="dot"`) — a bare 6px status dot over the corner, no text.
+ * - **tag** (`variant="tag"`) — a standalone outline label; the slot IS the text
+ *   (`<Badge variant={{ 'tag' }}>New</Badge>`), no host overlay.
+ *
+ * Pure display — lean DOM (a wrapper + one positioned mark for count/dot; just the
+ * wrapper for tag). `position` places the mark in any corner (default top-end).
+ */
+export type BadgeVariant = 'count' | 'dot' | 'tag';
+export type BadgePosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
+export interface BadgeProps {
+    /** Which mark to render. Default `'count'`. */
+    variant?: BadgeVariant;
+    /** The count/text shown in a `count` mark. */
+    content?: string | number;
+    /** Cap the displayed count (a number over `max` shows `max+`). */
+    max?: number;
+    /** Corner for the overlaid mark (count/dot). Default `'top-end'`. */
+    position?: BadgePosition;
+    /** Accessible name for the host (defaults to the count for `count` badges). */
+    label?: string;
+    /** Extra classes, forwarded onto the container. */
+    class?: string;
+}
+export declare const template: string;
+export interface BadgeContext {
+    badgeClass: () => string;
+    ariaLabel: () => string | undefined;
+    showMark: () => boolean;
+    markText: () => string;
+}
+export declare function setup(props: BadgeProps): BadgeContext;
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAEpF,MAAM,WAAW,UAAU;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,MAMZ,CAAC;AAEZ,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,MAAM,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAiCrD"}

package/dist/badge/badge.js

@@ -0,0 +1,59 @@
+/**
+ * `<Badge>` — a small status mark. Three variants:
+ *
+ * - **count** (default) — an accent pill over the top corner of its slotted host
+ *   (an icon, a button…): `<Badge content={{ 3 }}><Icon name={{ 'bell' }} /></Badge>`.
+ *   The count is announced via `aria-label` on the host; the pill itself is
+ *   `aria-hidden` (decorative). `max` caps the display (e.g. `99+`).
+ * - **dot** (`variant="dot"`) — a bare 6px status dot over the corner, no text.
+ * - **tag** (`variant="tag"`) — a standalone outline label; the slot IS the text
+ *   (`<Badge variant={{ 'tag' }}>New</Badge>`), no host overlay.
+ *
+ * Pure display — lean DOM (a wrapper + one positioned mark for count/dot; just the
+ * wrapper for tag). `position` places the mark in any corner (default top-end).
+ */
+export const template = '<span class={{ badgeClass() }} aria-label={{ ariaLabel() }}>' +
+    '<slot></slot>' +
+    '@if (showMark()) {' +
+    '<span class="weave-badge__mark" aria-hidden="true">{{ markText() }}</span>' +
+    '}' +
+    '</span>';
+export function setup(props) {
+    const variant = () => props.variant ?? 'count';
+    const hasContent = () => props.content != null && props.content !== '';
+    const markText = () => {
+        if (variant() !== 'count')
+            return '';
+        const value = props.content;
+        if (typeof value === 'number' && props.max != null && value > props.max)
+            return `${props.max}+`;
+        return String(value ?? '');
+    };
+    // count shows only when there's something to show; dot always; tag never (it IS the mark).
+    const showMark = () => (variant() === 'dot' ? true : variant() === 'count' ? hasContent() : false);
+    return {
+        badgeClass: () => {
+            const parts = ['weave-badge'];
+            const v = variant();
+            if (v !== 'count')
+                parts.push(`weave-badge--${v}`);
+            const position = props.position ?? 'top-end';
+            if (position.startsWith('bottom'))
+                parts.push('weave-badge--bottom');
+            if (position.endsWith('start'))
+                parts.push('weave-badge--start');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        // Host label: explicit `label`, else the count (so the pill's number is announced).
+        ariaLabel: () => {
+            if (variant() === 'tag')
+                return undefined;
+            return props.label ?? (variant() === 'count' && hasContent() ? markText() : undefined);
+        },
+        showMark,
+        markText,
+    };
+}
+//# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAoBH,MAAM,CAAC,MAAM,QAAQ,GACnB,8DAA8D;IAC9D,eAAe;IACf,oBAAoB;IACpB,4EAA4E;IAC5E,GAAG;IACH,SAAS,CAAC;AASZ,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,OAAO,GAAG,GAAiB,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,OAAO,CAAC;IAC7D,MAAM,UAAU,GAAG,GAAY,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,EAAE,CAAC;IAEhF,MAAM,QAAQ,GAAG,GAAW,EAAE;QAC5B,IAAI,OAAO,EAAE,KAAK,OAAO;YAAE,OAAO,EAAE,CAAC;QACrC,MAAM,KAAK,GAAgC,KAAK,CAAC,OAAO,CAAC;QACzD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,IAAI,KAAK,GAAG,KAAK,CAAC,GAAG;YAAE,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;QAChG,OAAO,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,2FAA2F;IAC3F,MAAM,QAAQ,GAAG,GAAY,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5G,OAAO;QACL,UAAU,EAAE,GAAW,EAAE;YACvB,MAAM,KAAK,GAAa,CAAC,aAAa,CAAC,CAAC;YACxC,MAAM,CAAC,GAAiB,OAAO,EAAE,CAAC;YAClC,IAAI,CAAC,KAAK,OAAO;gBAAE,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACnD,MAAM,QAAQ,GAAkB,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC;YAC5D,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;gBAAE,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACrE,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAE,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACjE,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;QACD,oFAAoF;QACpF,SAAS,EAAE,GAAuB,EAAE;YAClC,IAAI,OAAO,EAAE,KAAK,KAAK;gBAAE,OAAO,SAAS,CAAC;YAC1C,OAAO,KAAK,CAAC,KAAK,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACzF,CAAC;QACD,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/dist/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,21 @@
+import { type ModalContent, type ModalRef } from '../dialog/modal-core.js';
+export type BottomSheetContent = ModalContent;
+export interface BottomSheetOptions {
+    /** The body — required, always shown, scrolls vertically when tall. */
+    content: BottomSheetContent;
+    /** Optional header. `header` node wins over the `title` string. */
+    header?: BottomSheetContent;
+    title?: string;
+    /** Optional footer button area. */
+    actions?: BottomSheetContent;
+    /** Esc + backdrop-click close. Default true. */
+    dismissable?: boolean;
+    /** Show a top grab-handle and let a downward drag dismiss the sheet. Default true. */
+    dragToDismiss?: boolean;
+    /** Called when the sheet closes, with the `close(result)` value. */
+    onClose?: (result?: unknown) => void;
+}
+export type BottomSheetRef = ModalRef;
+/** Open a bottom sheet. Returns a {@link BottomSheetRef}. */
+export declare function openBottomSheet(options: BottomSheetOptions): BottomSheetRef;
+//# sourceMappingURL=bottom-sheet.d.ts.map

package/dist/bottom-sheet/bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../src/bottom-sheet/bottom-sheet.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAa,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,OAAO,EAAE,kBAAkB,CAAC;IAC5B,mEAAmE;IACnE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;AAEtC,6DAA6D;AAC7D,wBAAgB,eAAe,CAAC,OAAO,EAAE,kBAAkB,GAAG,cAAc,CA4B3E"}

package/dist/bottom-sheet/bottom-sheet.js

@@ -0,0 +1,82 @@
+/**
+ * Bottom Sheet — a modal panel docked to the bottom edge, opened imperatively:
+ *
+ *   const ref = openBottomSheet({ title: 'Share', content: listNode });
+ *   ref.afterClosed().then(…);
+ *
+ * Same modal machinery as Dialog (CDK overlay + dimming backdrop + `blockScroll` +
+ * focus-trap/restore + Esc/backdrop close + the three regions header/content/actions),
+ * but full-width and anchored to the bottom (`globalPosition({ bottom })`), with top-only
+ * corner radius and a slide-up entrance. The panel never exceeds the viewport; the content
+ * region scrolls. The visual is `bottom-sheet.styles()` (the `--weave-bottom-sheet-*`
+ * republic). Zero-dep.
+ *
+ * Drag-to-dismiss (U4, via the CDK `draggable`): a top grab-handle drags the sheet down;
+ * releasing past a threshold closes it, else it snaps back. Deferred (noted): wide-viewport
+ * center-dock.
+ */
+import { globalPosition, draggable } from '../cdk/index.js';
+import { openModal } from '../dialog/modal-core.js';
+/** Open a bottom sheet. Returns a {@link BottomSheetRef}. */
+export function openBottomSheet(options) {
+    const useDrag = options.dragToDismiss !== false;
+    const ref = openModal({
+        block: 'weave-bottom-sheet',
+        // Full-width, docked to the bottom edge (not centered).
+        positionStrategy: globalPosition({
+            centerHorizontally: false,
+            centerVertically: false,
+            left: '0',
+            right: '0',
+            bottom: '0',
+        }),
+        content: options.content,
+        header: options.header,
+        title: options.title,
+        actions: options.actions,
+        dismissable: options.dismissable,
+        onClose: options.onClose,
+        onPanel: (panel) => {
+            if (!useDrag)
+                return;
+            const handle = document.createElement('div');
+            handle.className = 'weave-bottom-sheet__handle';
+            handle.setAttribute('aria-hidden', 'true');
+            panel.insertBefore(handle, panel.firstChild);
+        },
+    });
+    if (useDrag)
+        attachDragDismiss(ref);
+    return ref;
+}
+/** Wire the top handle to a downward drag: past a threshold → close, else snap back. */
+function attachDragDismiss(ref) {
+    const panel = ref.element;
+    const handle = panel.querySelector('.weave-bottom-sheet__handle');
+    if (!handle)
+        return;
+    let height = 0;
+    const drag = draggable(handle, {
+        axis: 'y',
+        onStart: () => {
+            height = panel.offsetHeight;
+            panel.style.transition = 'none';
+        },
+        onMove: ({ dy }) => {
+            if (dy > 0)
+                panel.style.transform = `translateY(${dy}px)`;
+        },
+        onEnd: ({ dy }) => {
+            const threshold = Math.max(80, height * 0.3);
+            if (dy > threshold) {
+                drag.destroy();
+                ref.close();
+                return;
+            }
+            // Snap back with a short ease.
+            panel.style.transition = 'transform 0.2s ease';
+            panel.style.transform = '';
+        },
+    });
+}
+//# sourceMappingURL=bottom-sheet.js.map

package/dist/bottom-sheet/bottom-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.js","sourceRoot":"","sources":["../../src/bottom-sheet/bottom-sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,cAAc,EAAE,SAAS,EAAqB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAoC,MAAM,yBAAyB,CAAC;AAsBtF,6DAA6D;AAC7D,MAAM,UAAU,eAAe,CAAC,OAA2B;IACzD,MAAM,OAAO,GAAY,OAAO,CAAC,aAAa,KAAK,KAAK,CAAC;IACzD,MAAM,GAAG,GAAmB,SAAS,CAAC;QACpC,KAAK,EAAE,oBAAoB;QAC3B,wDAAwD;QACxD,gBAAgB,EAAE,cAAc,CAAC;YAC/B,kBAAkB,EAAE,KAAK;YACzB,gBAAgB,EAAE,KAAK;YACvB,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACZ,CAAC;QACF,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,CAAC,KAAkB,EAAQ,EAAE;YACpC,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,MAAM,MAAM,GAAgB,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1D,MAAM,CAAC,SAAS,GAAG,4BAA4B,CAAC;YAChD,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAC3C,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QAC/C,CAAC;KACF,CAAC,CAAC;IACH,IAAI,OAAO;QAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,wFAAwF;AACxF,SAAS,iBAAiB,CAAC,GAAmB;IAC5C,MAAM,KAAK,GAAgB,GAAG,CAAC,OAAO,CAAC;IACvC,MAAM,MAAM,GAAuB,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACtF,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,MAAM,GAAW,CAAC,CAAC;IACvB,MAAM,IAAI,GAAiB,SAAS,CAAC,MAAM,EAAE;QAC3C,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,GAAS,EAAE;YAClB,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;YAC5B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAClC,CAAC;QACD,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAQ,EAAE;YACvB,IAAI,EAAE,GAAG,CAAC;gBAAE,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,EAAE,KAAK,CAAC;QAC5D,CAAC;QACD,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAQ,EAAE;YACtB,MAAM,SAAS,GAAW,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;YACrD,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,GAAG,CAAC,KAAK,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YACD,+BAA+B;YAC/B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,qBAAqB,CAAC;YAC/C,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}