@llui/components 0.0.6 → 0.0.8

package/dist/components/sortable.js

@@ -0,0 +1,311 @@
+export function init() {
+    return { dragging: null };
+}
+export function update(state, msg) {
+    switch (msg.type) {
+        case 'start':
+            return [
+                {
+                    dragging: {
+                        id: msg.id,
+                        startIndex: msg.index,
+                        currentIndex: msg.index,
+                        fromContainer: msg.container,
+                        toContainer: msg.container,
+                        startY: msg.y,
+                        currentY: msg.y,
+                    },
+                },
+                [],
+            ];
+        case 'move': {
+            if (!state.dragging)
+                return [state, []];
+            if (state.dragging.currentIndex === msg.index &&
+                state.dragging.toContainer === msg.container &&
+                state.dragging.currentY === msg.y) {
+                return [state, []];
+            }
+            return [
+                {
+                    dragging: {
+                        ...state.dragging,
+                        currentIndex: msg.index,
+                        toContainer: msg.container,
+                        currentY: msg.y,
+                    },
+                },
+                [],
+            ];
+        }
+        case 'drop':
+            return state.dragging ? [{ dragging: null }, []] : [state, []];
+        case 'cancel':
+            return state.dragging ? [{ dragging: null }, []] : [state, []];
+        case 'toggleGrab':
+            if (state.dragging) {
+                // Already dragging — drop at current position
+                return [{ dragging: null }, []];
+            }
+            // Pick up (keyboard — no pointer position)
+            return [
+                {
+                    dragging: {
+                        id: msg.id,
+                        startIndex: msg.index,
+                        currentIndex: msg.index,
+                        fromContainer: msg.container,
+                        toContainer: msg.container,
+                        startY: 0,
+                        currentY: 0,
+                    },
+                },
+                [],
+            ];
+        case 'moveBy': {
+            if (!state.dragging)
+                return [state, []];
+            const next = Math.max(0, state.dragging.currentIndex + msg.delta);
+            if (next === state.dragging.currentIndex)
+                return [state, []];
+            return [{ dragging: { ...state.dragging, currentIndex: next } }, []];
+        }
+    }
+}
+export function connect(get, send, opts) {
+    // The connect's `id` doubles as the cross-container identifier
+    const containerId = opts.id;
+    const snapshots = new Map();
+    function snapshotContainer(rootEl, cid) {
+        const items = rootEl.querySelectorAll('[data-scope="sortable"][data-part="item"]');
+        // Read rects once — they're pre-transform (no drag shifts yet)
+        const mids = [];
+        const idToIndex = new Map();
+        items.forEach((item, i) => {
+            const r = item.getBoundingClientRect();
+            mids.push(r.top + r.height / 2);
+            const itemId = item.dataset.id;
+            if (itemId !== undefined)
+                idToIndex.set(itemId, i);
+        });
+        snapshots.set(cid, { mids, idToIndex });
+    }
+    function snapshotAll() {
+        const roots = document.querySelectorAll('[data-scope="sortable"][data-part="root"]');
+        for (const root of roots) {
+            const cid = root.dataset.containerId;
+            if (cid)
+                snapshotContainer(root, cid);
+        }
+    }
+    // Find the target index under the pointer using the drag-start snapshot.
+    // Picks the index whose midpoint is closest to the pointer Y — stable
+    // against items being visually transformed during the drag.
+    function findTargetAt(e) {
+        // Find which sortable root the pointer is over (using getBoundingClientRect
+        // on roots, which are not transformed during drag).
+        const roots = document.querySelectorAll('[data-scope="sortable"][data-part="root"]');
+        for (const root of roots) {
+            const r = root.getBoundingClientRect();
+            if (e.clientX < r.left || e.clientX > r.right)
+                continue;
+            if (e.clientY < r.top || e.clientY > r.bottom)
+                continue;
+            const cid = root.dataset.containerId;
+            if (!cid)
+                continue;
+            const snap = snapshots.get(cid);
+            if (!snap || snap.mids.length === 0)
+                return { container: cid, index: 0 };
+            const mids = snap.mids;
+            // Find the index whose midpoint is closest to clientY
+            let bestIdx = 0;
+            let bestDist = Math.abs(e.clientY - mids[0]);
+            for (let i = 1; i < mids.length; i++) {
+                const d = Math.abs(e.clientY - mids[i]);
+                if (d < bestDist) {
+                    bestDist = d;
+                    bestIdx = i;
+                }
+            }
+            return { container: cid, index: bestIdx };
+        }
+        return null;
+    }
+    return {
+        root: {
+            'data-scope': 'sortable',
+            'data-part': 'root',
+            'data-container-id': containerId,
+            'data-dragging': (s) => (get(s).dragging ? '' : undefined),
+            onPointerMove: (e) => {
+                if (!e.buttons)
+                    return;
+                const hit = findTargetAt(e);
+                if (hit !== null)
+                    send({ type: 'move', index: hit.index, container: hit.container, y: e.clientY });
+            },
+            onPointerUp: () => {
+                snapshots.clear();
+                send({ type: 'drop' });
+            },
+            onPointerCancel: () => {
+                snapshots.clear();
+                send({ type: 'cancel' });
+            },
+        },
+        item: (id, index) => ({
+            'data-scope': 'sortable',
+            'data-part': 'item',
+            'data-index': String(index),
+            'data-id': id,
+            'data-dragging': (s) => {
+                const d = get(s).dragging;
+                return d?.id === id && d?.fromContainer === containerId ? '' : undefined;
+            },
+            'data-over': (s) => {
+                const d = get(s).dragging;
+                if (!d || d.toContainer !== containerId)
+                    return undefined;
+                // Look up this item's CURRENT DOM index via the drag-start snapshot.
+                // The `index` closed over here is frozen at initial render and goes
+                // stale after each() reconciles a reorder.
+                const snap = snapshots.get(containerId);
+                const liveIndex = snap?.idToIndex.get(id) ?? index;
+                return d.currentIndex === liveIndex ? '' : undefined;
+            },
+            // Shift direction for items BETWEEN the source and target (excluding the
+            // dragged item itself). 'down' = item should translate down to make room;
+            // 'up' = item should translate up. CSS controls the actual displacement.
+            'data-shift': (s) => {
+                const d = get(s).dragging;
+                if (!d || d.fromContainer !== containerId || d.toContainer !== containerId)
+                    return undefined;
+                if (d.id === id)
+                    return undefined;
+                if (d.startIndex === d.currentIndex)
+                    return undefined;
+                // Look up this item's live DOM index — see note on data-over.
+                const snap = snapshots.get(containerId);
+                const liveIndex = snap?.idToIndex.get(id) ?? index;
+                if (d.startIndex < d.currentIndex) {
+                    // Dragging down: items between start+1 and current shift up
+                    if (liveIndex > d.startIndex && liveIndex <= d.currentIndex)
+                        return 'up';
+                }
+                else {
+                    // Dragging up: items between current and start-1 shift down
+                    if (liveIndex >= d.currentIndex && liveIndex < d.startIndex)
+                        return 'down';
+                }
+                return undefined;
+            },
+            // The dragged item follows the pointer via translateY(deltaY). Other
+            // items have no transform override — data-shift CSS handles them.
+            'style.transform': (s) => {
+                const d = get(s).dragging;
+                if (!d || d.id !== id || d.fromContainer !== containerId)
+                    return undefined;
+                const deltaY = d.currentY - d.startY;
+                return `translateY(${deltaY}px)`;
+            },
+            'style.zIndex': (s) => {
+                const d = get(s).dragging;
+                if (!d || d.id !== id || d.fromContainer !== containerId)
+                    return undefined;
+                return '10';
+            },
+        }),
+        handle: (id, index) => ({
+            'data-scope': 'sortable',
+            'data-part': 'handle',
+            role: 'button',
+            tabIndex: 0,
+            'aria-grabbed': (s) => {
+                const d = get(s).dragging;
+                return d?.id === id && d?.fromContainer === containerId;
+            },
+            'aria-label': 'Drag handle. Press space to pick up, arrow keys to move, space again to drop, escape to cancel.',
+            onPointerDown: (e) => {
+                e.preventDefault();
+                const target = e.currentTarget;
+                if (target && 'setPointerCapture' in target) {
+                    try {
+                        ;
+                        target.setPointerCapture(e.pointerId);
+                    }
+                    catch {
+                        // Ignore — not all elements support pointer capture
+                    }
+                }
+                // Compute the CURRENT DOM index of this handle's item — the captured
+                // `index` param is stale after a reorder (each() moves keyed nodes
+                // without re-running render, so the closure's index is frozen at
+                // initial mount). Walk up to find the containing item, then count its
+                // position among sibling items.
+                let currentIndex = index;
+                if (target) {
+                    const itemEl = target.closest('[data-scope="sortable"][data-part="item"]');
+                    const rootEl = target.closest('[data-scope="sortable"][data-part="root"]');
+                    if (itemEl && rootEl) {
+                        const items = rootEl.querySelectorAll('[data-scope="sortable"][data-part="item"]');
+                        for (let i = 0; i < items.length; i++) {
+                            if (items[i] === itemEl) {
+                                currentIndex = i;
+                                break;
+                            }
+                        }
+                    }
+                }
+                // Snapshot positions BEFORE the drag starts, so subsequent pointermove
+                // events can resolve the target index against stable (pre-transform)
+                // positions. Otherwise items shifting via CSS would cause the target
+                // to oscillate as elementFromPoint hits different items.
+                snapshotAll();
+                send({ type: 'start', id, index: currentIndex, container: containerId, y: e.clientY });
+            },
+            onKeyDown: (e) => {
+                switch (e.key) {
+                    case ' ':
+                    case 'Enter':
+                        e.preventDefault();
+                        send({ type: 'toggleGrab', id, index, container: containerId });
+                        return;
+                    case 'Escape':
+                        e.preventDefault();
+                        send({ type: 'cancel' });
+                        return;
+                    case 'ArrowDown':
+                    case 'ArrowRight':
+                        e.preventDefault();
+                        send({ type: 'moveBy', delta: 1 });
+                        return;
+                    case 'ArrowUp':
+                    case 'ArrowLeft':
+                        e.preventDefault();
+                        send({ type: 'moveBy', delta: -1 });
+                        return;
+                }
+            },
+        }),
+    };
+}
+// ── Reorder utility ────────────────────────────────────────────
+/**
+ * Move an item in an array from one index to another, returning a new array.
+ * Out-of-range indices are clamped to array bounds.
+ */
+export function reorder(arr, from, to) {
+    const len = arr.length;
+    if (len === 0)
+        return [];
+    const f = Math.max(0, Math.min(len - 1, from));
+    const t = Math.max(0, Math.min(len - 1, to));
+    if (f === t)
+        return arr.slice();
+    const result = arr.slice();
+    const [item] = result.splice(f, 1);
+    result.splice(t, 0, item);
+    return result;
+}
+export const sortable = { init, update, connect, reorder };

package/dist/components/tags-input.d.ts

@@ -50,7 +50,6 @@ export declare function init(opts?: TagsInputInit): TagsInputState;
 export declare function update(state: TagsInputState, msg: TagsInputMsg): [TagsInputState, never[]];
 export interface TagItemParts<S> {
     root: {
-        role: 'button';
         tabIndex: (s: S) => number;
         'data-scope': 'tags-input';
         'data-part': 'tag';

package/dist/components/tags-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../src/components/tags-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAMrC;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,4CAA4C;IAC5C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAA;AAExB,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,IAAI,CAAC,IAAI,GAAE,aAAkB,GAAG,cAAc,CAS7D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAwC1F;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ,CAAA;QACd,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QAC1B,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,KAAK,CAAA;QAClB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;QACxC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,CAAA;QACZ,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,YAAY,CAAA;QACzB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,CAAA;QACb,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;QAC7C,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,SAAS,CAAA;KAC1C,CAAA;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,YAAY,EAAE,KAAK,CAAA;QACnB,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;QACvB,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,OAAO,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;QAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;QACrC,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KAChC,CAAA;IACD,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,CAAA;IACtD,YAAY,EAAE;QACZ,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACzC,YAAY,EAAE,YAAY,CAAA;QAC1B,WAAW,EAAE,eAAe,CAAA;QAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,IAAI,CAAA;CAC9C;AAED,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,EAC7B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EACxB,IAAI,GAAE,cAAmB,GACxB,cAAc,CAAC,CAAC,CAAC,CA4GnB;AAED,eAAO,MAAM,SAAS;;;;CAA4B,CAAA"}
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../src/components/tags-input.ts"],"names":[],"mappings":"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"}

package/dist/components/tags-input.js

@@ -129,7 +129,6 @@ export function connect(get, send, opts = {}) {
         },
         tag: (value, index) => ({
             root: {
-                role: 'button',
                 tabIndex: (s) => (get(s).focusedIndex === index ? 0 : -1),
                 'data-scope': 'tags-input',
                 'data-part': 'tag',

package/dist/components/theme-switch.d.ts

@@ -0,0 +1,89 @@
+import type { Send } from '@llui/dom';
+/**
+ * Theme Switch — light/dark/system theme toggle.
+ *
+ * State machine tracks the user's explicit preference (`light`, `dark`, or
+ * `system`). Use `resolveTheme()` to compute the effective theme (reading
+ * `prefers-color-scheme` when `system`), and `applyTheme()` to set
+ * `data-theme` on `<html>` so CSS selectors like `[data-theme='dark']` work.
+ *
+ * Typically wired via `onMount` or in app init:
+ * ```ts
+ * onMount(() => {
+ *   applyTheme(resolveTheme(state.theme.theme))
+ * })
+ * ```
+ *
+ * For persistence, the app reducer reads/writes `localStorage.theme` in its
+ * `init`/`update` — the state machine itself is storage-agnostic.
+ */
+export type Theme = 'light' | 'dark' | 'system';
+export type ResolvedTheme = 'light' | 'dark';
+export interface ThemeSwitchState {
+    theme: Theme;
+}
+export type ThemeSwitchMsg = {
+    type: 'setTheme';
+    theme: Theme;
+} | {
+    type: 'toggle';
+};
+export declare function init(theme?: Theme): ThemeSwitchState;
+export declare function update(state: ThemeSwitchState, msg: ThemeSwitchMsg): [ThemeSwitchState, never[]];
+/**
+ * Resolve a theme preference to the actual theme to apply. Returns 'dark' or
+ * 'light' based on the user's setting, consulting `prefers-color-scheme` for
+ * 'system'.
+ */
+export declare function resolveTheme(theme: Theme): ResolvedTheme;
+/**
+ * Set `data-theme="light"` or `data-theme="dark"` on `<html>`. CSS selectors
+ * like `[data-theme='dark'] { ... }` will then take effect.
+ */
+export declare function applyTheme(resolved: ResolvedTheme): void;
+/**
+ * Listen for system theme changes (when user has selected 'system'). Returns
+ * a cleanup function. Call this in `onMount` and dispatch `setTheme` on
+ * change if you want the UI to auto-follow OS settings.
+ */
+export declare function watchSystemTheme(callback: (theme: ResolvedTheme) => void): () => void;
+export interface ThemeSwitchParts<S> {
+    root: {
+        'data-scope': 'theme-switch';
+        'data-part': 'root';
+        role: 'group';
+        'aria-label': string;
+    };
+    option: (theme: Theme) => {
+        type: 'button';
+        'data-scope': 'theme-switch';
+        'data-part': 'option';
+        'data-theme': Theme;
+        'aria-pressed': (s: S) => boolean;
+        'aria-label': string;
+        onClick: (e: MouseEvent) => void;
+    };
+    toggle: {
+        type: 'button';
+        'data-scope': 'theme-switch';
+        'data-part': 'toggle';
+        'data-theme': (s: S) => Theme;
+        'aria-label': string;
+        onClick: (e: MouseEvent) => void;
+    };
+}
+export interface ConnectOptions {
+    id: string;
+    /** Accessible label for the theme group (default: 'Theme'). */
+    label?: string;
+}
+export declare function connect<S>(get: (s: S) => ThemeSwitchState, send: Send<ThemeSwitchMsg>, opts: ConnectOptions): ThemeSwitchParts<S>;
+export declare const themeSwitch: {
+    init: typeof init;
+    update: typeof update;
+    connect: typeof connect;
+    resolveTheme: typeof resolveTheme;
+    applyTheme: typeof applyTheme;
+    watchSystemTheme: typeof watchSystemTheme;
+};
+//# sourceMappingURL=theme-switch.d.ts.map

package/dist/components/theme-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switch.d.ts","sourceRoot":"","sources":["../../src/components/theme-switch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAErC;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAA;AAEpF,wBAAgB,IAAI,CAAC,KAAK,GAAE,KAAgB,GAAG,gBAAgB,CAE9D;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAYhG;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAOxD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAGxD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI,CAQrF;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,OAAO,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK;QACxB,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,KAAK,CAAA;QACnB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAA;QACjC,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,cAAc,CAAA;QAC5B,WAAW,EAAE,QAAQ,CAAA;QACrB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,CAAA;QAC7B,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;KACjC,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,wBAAgB,OAAO,CAAC,CAAC,EACvB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,EAC1B,IAAI,EAAE,cAAc,GACnB,gBAAgB,CAAC,CAAC,CAAC,CA2BrB;AAED,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAA"}

package/dist/components/theme-switch.js

@@ -0,0 +1,96 @@
+export function init(theme = 'system') {
+    return { theme };
+}
+export function update(state, msg) {
+    switch (msg.type) {
+        case 'setTheme':
+            if (state.theme === msg.theme)
+                return [state, []];
+            return [{ theme: msg.theme }, []];
+        case 'toggle': {
+            // light → dark → system → light
+            const next = state.theme === 'light' ? 'dark' : state.theme === 'dark' ? 'system' : 'light';
+            return [{ theme: next }, []];
+        }
+    }
+}
+/**
+ * Resolve a theme preference to the actual theme to apply. Returns 'dark' or
+ * 'light' based on the user's setting, consulting `prefers-color-scheme` for
+ * 'system'.
+ */
+export function resolveTheme(theme) {
+    if (theme === 'dark')
+        return 'dark';
+    if (theme === 'light')
+        return 'light';
+    if (typeof window !== 'undefined' && window.matchMedia) {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    return 'light';
+}
+/**
+ * Set `data-theme="light"` or `data-theme="dark"` on `<html>`. CSS selectors
+ * like `[data-theme='dark'] { ... }` will then take effect.
+ */
+export function applyTheme(resolved) {
+    if (typeof document === 'undefined')
+        return;
+    document.documentElement.dataset.theme = resolved;
+}
+/**
+ * Listen for system theme changes (when user has selected 'system'). Returns
+ * a cleanup function. Call this in `onMount` and dispatch `setTheme` on
+ * change if you want the UI to auto-follow OS settings.
+ */
+export function watchSystemTheme(callback) {
+    if (typeof window === 'undefined' || !window.matchMedia)
+        return () => { };
+    const mq = window.matchMedia('(prefers-color-scheme: dark)');
+    const handler = (e) => {
+        callback(e.matches ? 'dark' : 'light');
+    };
+    mq.addEventListener('change', handler);
+    return () => mq.removeEventListener('change', handler);
+}
+const LABELS = {
+    light: 'Light theme',
+    dark: 'Dark theme',
+    system: 'Use system theme',
+};
+export function connect(get, send, opts) {
+    const label = opts.label ?? 'Theme';
+    return {
+        root: {
+            'data-scope': 'theme-switch',
+            'data-part': 'root',
+            role: 'group',
+            'aria-label': label,
+        },
+        option: (theme) => ({
+            type: 'button',
+            'data-scope': 'theme-switch',
+            'data-part': 'option',
+            'data-theme': theme,
+            'aria-pressed': (s) => get(s).theme === theme,
+            'aria-label': LABELS[theme],
+            onClick: () => send({ type: 'setTheme', theme }),
+        }),
+        toggle: {
+            type: 'button',
+            'data-scope': 'theme-switch',
+            'data-part': 'toggle',
+            'data-theme': (s) => get(s).theme,
+            'aria-label': 'Toggle theme',
+            onClick: () => send({ type: 'toggle' }),
+        },
+    };
+}
+export const themeSwitch = {
+    init,
+    update,
+    connect,
+    resolveTheme,
+    applyTheme,
+    watchSystemTheme,
+};

package/dist/components/toggle-group.d.ts

@@ -62,7 +62,6 @@ export interface ToggleGroupItemParts<S> {
 export interface ToggleGroupParts<S> {
     root: {
         role: 'group';
-        'aria-orientation': (s: S) => Orientation;
         'aria-disabled': (s: S) => 'true' | undefined;
         'data-scope': 'toggle-group';
         'data-part': 'root';

package/dist/components/toggle-group.d.ts.map

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

package/dist/components/toggle-group.js

@@ -48,7 +48,6 @@ export function connect(get, send) {
     return {
         root: {
             role: 'group',
-            'aria-orientation': (s) => get(s).orientation,
             'aria-disabled': (s) => (get(s).disabled ? 'true' : undefined),
             'data-scope': 'toggle-group',
             'data-part': 'root',

package/dist/styles/classes/listbox.js

@@ -11,7 +11,7 @@ const rootVariants = createVariants({
     defaultVariants: { size: 'md' },
 });
 const itemVariants = createVariants({
-    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=checked]:bg-surface-active data-[state=checked]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=selected]:bg-surface-active data-[state=selected]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
     variants: {
         size: {
             sm: 'px-2 py-1 text-sm',

package/dist/styles/classes/select.js

@@ -22,7 +22,7 @@ const contentVariants = createVariants({
     defaultVariants: { size: 'md' },
 });
 const itemVariants = createVariants({
-    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=checked]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
+    base: 'flex items-center cursor-pointer transition-colors duration-fast data-[highlighted]:bg-surface-hover data-[state=selected]:bg-surface-active data-[state=selected]:text-primary data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
     variants: {
         size: {
             sm: 'px-2 py-1 text-sm',

package/dist/styles/theme-dark.css

@@ -13,6 +13,7 @@
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme='light']) {
+    color-scheme: dark;
     --color-surface: #0f172a;
     --color-surface-muted: #1e293b;
     --color-surface-hover: #1e293b;
@@ -35,6 +36,7 @@
 }
 
 [data-theme='dark'] {
+  color-scheme: dark;
   --color-surface: #0f172a;
   --color-surface-muted: #1e293b;
   --color-surface-hover: #1e293b;

package/dist/styles/theme.css

@@ -649,7 +649,7 @@
   justify-content: center;
   font-size: 1rem;
   font-weight: 600;
-  color: var(--color-text-muted);
+  color: var(--color-text);
 }
 
 /* ─── Pagination ─── */
@@ -1315,7 +1315,7 @@
   padding: var(--space-1) var(--space-2);
   border: 0;
   background: var(--color-surface-hover);
-  color: var(--color-text-muted);
+  color: var(--color-text);
   font-size: 0.75rem;
   font-weight: 600;
   cursor: pointer;
@@ -1532,7 +1532,7 @@
   background: var(--color-surface-hover);
 }
 
-[data-scope='listbox'][data-part='item'][data-state='checked'] {
+[data-scope='listbox'][data-part='item'][data-state='selected'] {
   background: color-mix(in srgb, var(--color-primary) 15%, transparent);
   color: var(--color-primary-active);
 }