@weave-framework/ui 0.2.107

package/dist/sidenav/sidenav.js

@@ -0,0 +1,120 @@
+/**
+ * `<Sidenav>` — the responsive layout shell: a `__drawer` beside a `__content`, in one of
+ * three modes:
+ *
+ * - **`side`** — the drawer is in flow and pushes the content (always-visible on wide screens).
+ * - **`over`** — the drawer floats over the content with a dimming backdrop; it becomes a focus
+ *   context (focus-trap in, Esc + backdrop-click close). This is the off-canvas mobile drawer.
+ * - **`push`** — the drawer floats but also shifts the content over by its width (both slide).
+ *
+ * **Responsive:** omit `mode` and the Sidenav consumes the CDK `breakpointSignal` — below the
+ * Weave `Narrow` breakpoint (900px) it auto-switches to `over` + closed; above, `side` + open.
+ * This fulfils the off-canvas drawer deferred from the U2 Toolbar (a Toolbar hamburger toggles it).
+ *
+ * **Open state** is the Weave convention: controlled `opened` (getter) + `onOpenedChange`, OR
+ * uncontrolled `defaultOpened`. Imperative `open()`/`close()`/`toggle()` are exposed via the
+ * `api` ref callback (like Input's `onInputRef`).
+ *
+ *   import Sidenav from '@weave-framework/ui/sidenav';
+ *   <Sidenav opened={{ nav() }} onOpenedChange={{ nav.set }}>
+ *     <nav slot="drawer">…links…</nav>
+ *     <main>…page…</main>
+ *   </Sidenav>
+ */
+import { signal, effect, onMount, onDispose } from '@weave-framework/runtime';
+import { breakpointSignal, matchesBreakpoint, Breakpoints, focusTrap } from '../cdk/index.js';
+export const template = '<div class={{ rootClass() }} ref={{ root }} on:keydown={{ onKeydown }}>' +
+    '<aside class="weave-sidenav__drawer" ref={{ drawer }} aria-modal={{ drawerModal() }}><slot name="drawer"></slot></aside>' +
+    '<div class="weave-sidenav__backdrop" aria-hidden="true" on:click={{ onBackdropClick }}></div>' +
+    '<div class="weave-sidenav__content"><slot></slot></div>' +
+    '</div>';
+export function setup(props) {
+    const root = signal(null);
+    const drawer = signal(null);
+    const bp = props.breakpoint ?? Breakpoints.Narrow;
+    const narrow = breakpointSignal(bp);
+    const autoMode = () => props.mode === undefined;
+    const effectiveMode = () => props.mode ?? (narrow() ? 'over' : 'side');
+    const controlled = () => props.opened !== undefined;
+    // Uncontrolled state — seeded correctly so the first paint doesn't flash (auto mode reads
+    // the breakpoint now; explicit mode honours `defaultOpened`).
+    const openState = signal(autoMode() ? !matchesBreakpoint(bp) : props.defaultOpened ?? true);
+    const opened = () => (controlled() ? !!props.opened : openState());
+    const setOpened = (next) => {
+        if (!controlled())
+            openState.set(next);
+        props.onOpenedChange?.(next);
+    };
+    // Responsive auto open/close — only in auto mode + uncontrolled, and only reacts to an
+    // actual breakpoint crossing (the effect re-runs when `narrow()` flips, not on manual toggles).
+    effect(() => {
+        const isNarrow = narrow();
+        if (!autoMode() || controlled())
+            return;
+        openState.set(!isNarrow);
+    });
+    const backdropActive = () => props.backdrop ?? effectiveMode() === 'over';
+    // In `over` mode the open drawer is a modal focus context: trap focus, restore on close.
+    // Gated on `mounted` so the first activation happens AFTER the root is in the document
+    // (focusing a detached element is a no-op that would wrongly latch trapOn).
+    const mounted = signal(false);
+    let trap = null;
+    let trapOn = false;
+    effect(() => {
+        const d = drawer();
+        const shouldTrap = mounted() && !!d && effectiveMode() === 'over' && opened();
+        if (shouldTrap && !trapOn) {
+            // Over-mode drawer is modal: shield the content/background, but keep the backdrop
+            // clickable (it closes the drawer). The backdrop is the drawer's sibling in the root.
+            trap ??= focusTrap(d, {
+                restoreFocus: true,
+                inertBackground: true,
+                inertIgnore: d.nextElementSibling,
+            });
+            trap.activate();
+            trapOn = true;
+        }
+        else if (!shouldTrap && trapOn) {
+            trap?.deactivate();
+            trapOn = false;
+        }
+    });
+    onDispose(() => trap?.deactivate());
+    const onKeydown = (event) => {
+        if (event.key === 'Escape' && effectiveMode() === 'over' && opened()) {
+            event.preventDefault();
+            setOpened(false);
+        }
+    };
+    const onBackdropClick = () => setOpened(false);
+    onMount(() => {
+        mounted.set(true);
+        props.api?.({
+            open: () => setOpened(true),
+            close: () => setOpened(false),
+            toggle: () => setOpened(!opened()),
+            opened,
+        });
+    });
+    return {
+        root,
+        drawer,
+        rootClass: () => {
+            const parts = ['weave-sidenav', `weave-sidenav--${effectiveMode()}`];
+            if (opened())
+                parts.push('weave-sidenav--opened');
+            if (props.position === 'end')
+                parts.push('weave-sidenav--end');
+            if (backdropActive() && opened())
+                parts.push('weave-sidenav--backdrop');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        // Declare modality to AT while the over-mode drawer is open (it already traps focus + Esc-closes).
+        drawerModal: () => (effectiveMode() === 'over' && opened() ? 'true' : undefined),
+        onKeydown,
+        onBackdropClick,
+    };
+}
+//# sourceMappingURL=sidenav.js.map

package/dist/sidenav/sidenav.js.map

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

package/dist/slide-toggle/slide-toggle.d.ts

@@ -0,0 +1,56 @@
+/**
+ * `<SlideToggle>` — a real `<input type=checkbox>` presented as an on/off switch
+ * (`role=switch`; Weave: a 42×24 track, `field`→accent, with an 18px knob that slides
+ * `.16s`). Same lean DOM + form-control convention as Checkbox — the native input
+ * (visually hidden, overlaying the label) carries semantics/keyboard/focus while the
+ * `__track` (+ its `::after` knob) paints from `:checked` / `:focus-visible` / `:disabled`.
+ *
+ * Binding = the Weave form-control convention (boolean value):
+ *  - **Signal**: `checked` (a getter) + `onChange`.
+ *  - **Forms**: `control` — a structural `Field<boolean>` (a real `@weave-framework/forms`
+ *    Field satisfies it). `control` wins; it drives value two-way, marks `touched` on
+ *    blur, and reflects `aria-invalid` while touched **and** invalid.
+ *
+ *   import SlideToggle from '@weave-framework/ui/slide-toggle';
+ *   <SlideToggle checked={{ on() }} onChange={{ setOn }} label={{ 'Notifications' }} />
+ *   <SlideToggle control={{ form.controls.subscribe }} label={{ 'Subscribe' }} />
+ */
+import { type Signal } from '@weave-framework/runtime';
+/** The subset of a `@weave-framework/forms` `Field<boolean>` a toggle binds to. */
+export interface SlideToggleControl {
+    value: Signal<boolean>;
+    touched?: Signal<boolean>;
+    error?: () => string | null;
+}
+export interface SlideToggleProps {
+    /** Controlled on/off state (a getter). Ignored when `control` is set. */
+    checked?: boolean;
+    /** Called with the next state on toggle. Ignored when `control` is set. */
+    onChange?: (checked: boolean) => void;
+    /** A forms `Field<boolean>` — two-way value + touched-on-blur + aria-invalid. */
+    control?: SlideToggleControl;
+    /** Disable the control. */
+    disabled?: boolean;
+    /** Mark the native input required. */
+    required?: boolean;
+    /** Visible label text (also the accessible name via the wrapping `<label>`). */
+    label?: string;
+    /** Native `name` (form submission). */
+    name?: string;
+    /** Extra classes, forwarded onto the `<label>` root. */
+    class?: string;
+}
+export declare const template: string;
+export interface SlideToggleContext {
+    input: Signal<HTMLInputElement | null>;
+    rootClass: () => string;
+    isChecked: () => boolean;
+    isDisabled: () => boolean;
+    isRequired: () => boolean;
+    name: () => string | undefined;
+    label: () => string | undefined;
+    onNativeChange: (event: Event) => void;
+    onBlur: () => void;
+}
+export declare function setup(props: SlideToggleProps): SlideToggleContext;
+//# sourceMappingURL=slide-toggle.d.ts.map

package/dist/slide-toggle/slide-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-toggle.d.ts","sourceRoot":"","sources":["../../src/slide-toggle/slide-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEvE,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iFAAiF;IACjF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,MAOX,CAAC;AAEb,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACvC,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,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,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,gBAAgB,GAAG,kBAAkB,CAmCjE"}

package/dist/slide-toggle/slide-toggle.js

@@ -0,0 +1,62 @@
+/**
+ * `<SlideToggle>` — a real `<input type=checkbox>` presented as an on/off switch
+ * (`role=switch`; Weave: a 42×24 track, `field`→accent, with an 18px knob that slides
+ * `.16s`). Same lean DOM + form-control convention as Checkbox — the native input
+ * (visually hidden, overlaying the label) carries semantics/keyboard/focus while the
+ * `__track` (+ its `::after` knob) paints from `:checked` / `:focus-visible` / `:disabled`.
+ *
+ * Binding = the Weave form-control convention (boolean value):
+ *  - **Signal**: `checked` (a getter) + `onChange`.
+ *  - **Forms**: `control` — a structural `Field<boolean>` (a real `@weave-framework/forms`
+ *    Field satisfies it). `control` wins; it drives value two-way, marks `touched` on
+ *    blur, and reflects `aria-invalid` while touched **and** invalid.
+ *
+ *   import SlideToggle from '@weave-framework/ui/slide-toggle';
+ *   <SlideToggle checked={{ on() }} onChange={{ setOn }} label={{ 'Notifications' }} />
+ *   <SlideToggle control={{ form.controls.subscribe }} label={{ 'Subscribe' }} />
+ */
+import { signal, effect } from '@weave-framework/runtime';
+export const template = '<label class={{ rootClass() }}>' +
+    '<input type="checkbox" role="switch" class="weave-slide-toggle__input" ref={{ input }}' +
+    ' .checked={{ isChecked() }} disabled={{ isDisabled() }} required={{ isRequired() }} name={{ name() }}' +
+    ' on:change={{ onNativeChange }} on:blur={{ onBlur }} />' +
+    '<span class="weave-slide-toggle__track" aria-hidden="true"></span>' +
+    '@if (label()) {<span class="weave-slide-toggle__label">{{ label() }}</span>}' +
+    '</label>';
+export function setup(props) {
+    const input = signal(null);
+    const isChecked = () => (props.control ? !!props.control.value() : !!props.checked);
+    // Forms validity → aria-invalid (touched AND invalid), the marker submit() focuses.
+    effect(() => {
+        const el = input();
+        if (!el)
+            return;
+        const c = props.control;
+        if (c && c.touched?.() && c.error?.())
+            el.setAttribute('aria-invalid', 'true');
+        else
+            el.removeAttribute('aria-invalid');
+    });
+    const onNativeChange = (event) => {
+        const next = event.target.checked;
+        if (props.control)
+            props.control.value.set(next);
+        else
+            props.onChange?.(next);
+    };
+    const onBlur = () => {
+        props.control?.touched?.set(true);
+    };
+    return {
+        input,
+        rootClass: () => (props.class ? `weave-slide-toggle ${props.class}` : 'weave-slide-toggle'),
+        isChecked,
+        isDisabled: () => !!props.disabled,
+        isRequired: () => !!props.required,
+        name: () => props.name,
+        label: () => props.label,
+        onNativeChange,
+        onBlur,
+    };
+}
+//# sourceMappingURL=slide-toggle.js.map

package/dist/slide-toggle/slide-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-toggle.js","sourceRoot":"","sources":["../../src/slide-toggle/slide-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAe,MAAM,0BAA0B,CAAC;AA4BvE,MAAM,CAAC,MAAM,QAAQ,GACnB,iCAAiC;IACjC,wFAAwF;IACxF,uGAAuG;IACvG,yDAAyD;IACzD,oEAAoE;IACpE,8EAA8E;IAC9E,UAAU,CAAC;AAcb,MAAM,UAAU,KAAK,CAAC,KAAuB;IAC3C,MAAM,KAAK,GAAoC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAErF,MAAM,SAAS,GAAG,GAAY,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7F,oFAAoF;IACpF,MAAM,CAAC,GAAG,EAAE;QACV,MAAM,EAAE,GAA4B,KAAK,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,CAAC,GAAmC,KAAK,CAAC,OAAO,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YAAE,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;YAC1E,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CAAC,KAAY,EAAQ,EAAE;QAC5C,MAAM,IAAI,GAAa,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC;QACjE,IAAI,KAAK,CAAC,OAAO;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;;YAC5C,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAS,EAAE;QACxB,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO;QACL,KAAK;QACL,SAAS,EAAE,GAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,sBAAsB,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QACnG,SAAS;QACT,UAAU,EAAE,GAAY,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC3C,UAAU,EAAE,GAAY,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC3C,IAAI,EAAE,GAAuB,EAAE,CAAC,KAAK,CAAC,IAAI;QAC1C,KAAK,EAAE,GAAuB,EAAE,CAAC,KAAK,CAAC,KAAK;QAC5C,cAAc;QACd,MAAM;KACP,CAAC;AACJ,CAAC"}

package/dist/slider/slider.d.ts

@@ -0,0 +1,69 @@
+/**
+ * `<Slider>` — a value over a range (WAI-ARIA slider pattern).
+ *
+ * A 2px track with an accent fill to the value and a distinctive thumb (a 3×18 ink bar
+ * with a 5px accent cap, per the Weave design). It's a **custom `role=slider`** rather
+ * than a native `<input type=range>` because the design's thumb + fill can't be reached
+ * with native pseudo-elements; keyboard, focus, ARIA and form participation are all
+ * provided here so it stays indistinguishable from native.
+ *
+ * Drag with a pointer (pointer-capture on the track); or focus + Arrow / Home / End /
+ * PageUp / PageDown. Value is a `number`; binding follows the Checkbox convention:
+ * `value` (a getter) + `onChange`, or a structural `control` (a forms `Field<number>` —
+ * two-way value + touched-on-release + `aria-invalid`); `control` wins.
+ *
+ *   import Slider from '@weave-framework/ui/slider';
+ *   <Slider min={{ 0 }} max={{ 100 }} value={{ vol() }} onChange={{ setVol }} label={{ 'Volume' }} />
+ *   <Slider control={{ form.controls.level }} step={{ 5 }} />
+ */
+import { type Signal } from '@weave-framework/runtime';
+/** The subset of a `@weave-framework/forms` `Field<number>` a control binds to. */
+export interface SliderControl {
+    value: Signal<number>;
+    touched?: Signal<boolean>;
+    error?: () => string | null;
+}
+export interface SliderProps {
+    /** Range bounds. Defaults 0 / 100. */
+    min?: number;
+    max?: number;
+    /** Step increment. Default 1. */
+    step?: number;
+    /** Controlled value (a getter). Ignored when `control` is set. */
+    value?: number;
+    /** Called with the next value on change. Ignored when `control` is set. */
+    onChange?: (value: number) => void;
+    /** Uncontrolled initial value (ignored when `value`/`control` is set). */
+    defaultValue?: number;
+    /** A forms `Field<number>` — two-way value + touched-on-release + aria-invalid. */
+    control?: SliderControl;
+    /** Disable the slider. */
+    disabled?: boolean;
+    /** Accessible name. */
+    label?: string;
+    /** Formats the value for `aria-valuetext` (default: the plain number). */
+    format?: (value: number) => string;
+    /** Extra classes, forwarded onto the container. */
+    class?: string;
+}
+export declare const template: string;
+export interface SliderContext {
+    host: Signal<Element | null>;
+    rootClass: () => string;
+    tabindex: () => number;
+    min: () => number;
+    max: () => number;
+    value: () => number;
+    valueText: () => string;
+    label: () => string | undefined;
+    disabledAttr: () => string | undefined;
+    invalidAttr: () => string | undefined;
+    fillStyle: () => string;
+    thumbStyle: () => string;
+    onPointerdown: (event: PointerEvent) => void;
+    onPointermove: (event: PointerEvent) => void;
+    onPointerup: (event: PointerEvent) => void;
+    onKeydown: (event: KeyboardEvent) => void;
+}
+export declare function setup(props: SliderProps): SliderContext;
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/slider/slider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAE/D,mFAAmF;AACnF,MAAM,WAAW,aAAa;IAC5B,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,WAAW;IAC1B,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,MASb,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACvC,WAAW,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,MAAM,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAwJvD"}

package/dist/slider/slider.js

@@ -0,0 +1,184 @@
+/**
+ * `<Slider>` — a value over a range (WAI-ARIA slider pattern).
+ *
+ * A 2px track with an accent fill to the value and a distinctive thumb (a 3×18 ink bar
+ * with a 5px accent cap, per the Weave design). It's a **custom `role=slider`** rather
+ * than a native `<input type=range>` because the design's thumb + fill can't be reached
+ * with native pseudo-elements; keyboard, focus, ARIA and form participation are all
+ * provided here so it stays indistinguishable from native.
+ *
+ * Drag with a pointer (pointer-capture on the track); or focus + Arrow / Home / End /
+ * PageUp / PageDown. Value is a `number`; binding follows the Checkbox convention:
+ * `value` (a getter) + `onChange`, or a structural `control` (a forms `Field<number>` —
+ * two-way value + touched-on-release + `aria-invalid`); `control` wins.
+ *
+ *   import Slider from '@weave-framework/ui/slider';
+ *   <Slider min={{ 0 }} max={{ 100 }} value={{ vol() }} onChange={{ setVol }} label={{ 'Volume' }} />
+ *   <Slider control={{ form.controls.level }} step={{ 5 }} />
+ */
+import { signal } from '@weave-framework/runtime';
+export const template = '<div class={{ rootClass() }} ref={{ host }} role="slider" tabindex={{ tabindex() }}' +
+    ' aria-valuemin={{ min() }} aria-valuemax={{ max() }} aria-valuenow={{ value() }}' +
+    ' aria-valuetext={{ valueText() }} aria-orientation="horizontal" aria-label={{ label() }}' +
+    ' aria-disabled={{ disabledAttr() }} aria-invalid={{ invalidAttr() }}' +
+    ' on:pointerdown={{ onPointerdown }} on:pointermove={{ onPointermove }}' +
+    ' on:pointerup={{ onPointerup }} on:keydown={{ onKeydown }}>' +
+    '<div class="weave-slider__track"><div class="weave-slider__fill" style={{ fillStyle() }}></div></div>' +
+    '<div class="weave-slider__thumb" style={{ thumbStyle() }}></div>' +
+    '</div>';
+export function setup(props) {
+    const host = signal(null);
+    const internal = signal(props.defaultValue ?? props.min ?? 0);
+    let dragging = false;
+    const min = () => props.min ?? 0;
+    const max = () => props.max ?? 100;
+    const step = () => props.step ?? 1;
+    const disabled = () => !!props.disabled;
+    // Snap to the step grid (measured from min) and clamp to the range.
+    const clampSnap = (v) => {
+        if (!Number.isFinite(v))
+            return min();
+        const s = step() > 0 ? step() : 1;
+        const snapped = min() + Math.round((v - min()) / s) * s;
+        return Math.min(max(), Math.max(min(), snapped));
+    };
+    const rawValue = () => {
+        if (props.control)
+            return props.control.value();
+        if (props.value !== undefined)
+            return props.value;
+        return internal();
+    };
+    const value = () => clampSnap(rawValue());
+    const percent = () => (max() === min() ? 0 : ((value() - min()) / (max() - min())) * 100);
+    const invalid = () => {
+        const c = props.control;
+        return !!(c && c.touched?.() && c.error?.());
+    };
+    const markTouched = () => {
+        props.control?.touched?.set(true);
+    };
+    const commit = (v) => {
+        const next = clampSnap(v);
+        if (next === value())
+            return;
+        if (props.control)
+            props.control.value.set(next);
+        else if (props.value === undefined)
+            internal.set(next);
+        props.onChange?.(next);
+    };
+    const trackRect = () => {
+        const el = host();
+        const track = el?.querySelector('.weave-slider__track');
+        return track ? track.getBoundingClientRect() : null;
+    };
+    const valueFromClientX = (clientX) => {
+        const rect = trackRect();
+        if (!rect || rect.width === 0)
+            return;
+        const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
+        commit(min() + ratio * (max() - min()));
+    };
+    // Pointer capture keeps the drag alive outside the element; guard it since a synthetic
+    // event (tests) has no active pointer id and would throw.
+    const capture = (id) => {
+        try {
+            host()?.setPointerCapture(id);
+        }
+        catch {
+            /* no active pointer (synthetic event) */
+        }
+    };
+    const release = (id) => {
+        try {
+            host()?.releasePointerCapture(id);
+        }
+        catch {
+            /* already released */
+        }
+    };
+    const onPointerdown = (event) => {
+        if (disabled())
+            return;
+        dragging = true;
+        capture(event.pointerId);
+        host()?.focus();
+        valueFromClientX(event.clientX);
+        event.preventDefault();
+    };
+    const onPointermove = (event) => {
+        if (!dragging)
+            return;
+        valueFromClientX(event.clientX);
+    };
+    const onPointerup = (event) => {
+        if (!dragging)
+            return;
+        dragging = false;
+        release(event.pointerId);
+        markTouched();
+    };
+    const onKeydown = (event) => {
+        if (disabled())
+            return;
+        const s = step() > 0 ? step() : 1;
+        const big = Math.max(s, (max() - min()) / 10);
+        let next = value();
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                next += s;
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                next -= s;
+                break;
+            case 'PageUp':
+                next += big;
+                break;
+            case 'PageDown':
+                next -= big;
+                break;
+            case 'Home':
+                next = min();
+                break;
+            case 'End':
+                next = max();
+                break;
+            default:
+                return;
+        }
+        commit(next);
+        markTouched();
+        event.preventDefault();
+    };
+    return {
+        host,
+        rootClass: () => {
+            const parts = ['weave-slider'];
+            if (disabled())
+                parts.push('weave-slider--disabled');
+            if (invalid())
+                parts.push('weave-slider--invalid');
+            if (props.class)
+                parts.push(props.class);
+            return parts.join(' ');
+        },
+        tabindex: () => (disabled() ? -1 : 0),
+        min,
+        max,
+        value,
+        valueText: () => (props.format ? props.format(value()) : String(value())),
+        label: () => props.label,
+        disabledAttr: () => (disabled() ? 'true' : undefined),
+        invalidAttr: () => (invalid() ? 'true' : undefined),
+        fillStyle: () => `width: ${percent()}%`,
+        thumbStyle: () => `left: ${percent()}%`,
+        onPointerdown,
+        onPointermove,
+        onPointerup,
+        onKeydown,
+    };
+}
+//# sourceMappingURL=slider.js.map

package/dist/slider/slider.js.map

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

package/dist/snackbar/snackbar.d.ts

@@ -0,0 +1,25 @@
+export interface SnackbarAction {
+    label: string;
+    onAction?: () => void;
+}
+export interface SnackbarOptions {
+    /** An action button — `{ label, onAction }` or just a label string. */
+    action?: SnackbarAction | string;
+    /** Auto-dismiss delay (ms). Default 4000. `0` = stays until dismissed. */
+    duration?: number;
+    /** Screen-reader urgency. Default `'polite'`. */
+    politeness?: 'polite' | 'assertive';
+    /** Horizontal placement along the bottom edge. Default `'center'`. */
+    position?: 'center' | 'start' | 'end';
+}
+export interface SnackbarRef {
+    /** The bar element (exists as soon as `snackbar()` returns, even while queued). */
+    readonly element: HTMLElement;
+    /** Dismiss now (also removes it from the queue if not yet shown). */
+    dismiss(): void;
+    /** Resolves once this snackbar has been dismissed. */
+    afterDismissed(): Promise<void>;
+}
+/** Show a snackbar. Returns a {@link SnackbarRef}. */
+export declare function snackbar(message: string, options?: SnackbarOptions): SnackbarRef;
+//# sourceMappingURL=snackbar.d.ts.map

package/dist/snackbar/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAsBA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IACjC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,qEAAqE;IACrE,OAAO,IAAI,IAAI,CAAC;IAChB,sDAAsD;IACtD,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AA8GD,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,WAAW,CAyBpF"}