@llui/components 0.0.1

package/dist/utils/tree-collection.d.ts

@@ -0,0 +1,61 @@
+/**
+ * TreeCollection — helper for building tree-view payloads from a nested
+ * data structure. Tree-view's state machine only knows about flat lists
+ * (visibleItems, visibleLabels) and opaque ids; the collection owns the
+ * structure and derives those flat arrays on demand.
+ *
+ * Typical flow:
+ *
+ *   const col = new TreeCollection(data)
+ *   state.visibleItems = col.visibleItems(state.expanded)
+ *   state.visibleLabels = col.visibleLabels(state.expanded)
+ *
+ * After every `expand` / `collapse` message, the consumer dispatches
+ * `setVisibleItems` with the updated arrays. The collection itself is
+ * immutable — build a new one when the tree structure changes.
+ */
+export interface TreeNode {
+    id: string;
+    label?: string;
+    disabled?: boolean;
+    children?: TreeNode[];
+}
+export declare class TreeCollection {
+    readonly roots: TreeNode[];
+    private readonly info;
+    constructor(roots: TreeNode | TreeNode[]);
+    private index;
+    /** All ids in the collection, in depth-first order. */
+    get allIds(): string[];
+    getNode(id: string): TreeNode | null;
+    getLabel(id: string): string;
+    getParent(id: string): string | null;
+    getDepth(id: string): number;
+    getChildren(id: string): string[];
+    /** All descendants of id in depth-first order (excluding id itself). */
+    getDescendants(id: string): string[];
+    isBranch(id: string): boolean;
+    isDisabled(id: string): boolean;
+    /**
+     * The ordered list of visible item ids given a set of expanded branches.
+     * A branch's descendants appear only if every ancestor up to a root is
+     * in `expanded`.
+     */
+    visibleItems(expanded: string[]): string[];
+    /** Parallel array of labels for `visibleItems()`, using `label ?? id`. */
+    visibleLabels(expanded: string[]): string[];
+    /**
+     * Ids of all branches in the collection (useful for `expandAll`).
+     */
+    get branchIds(): string[];
+    /**
+     * Compute the indeterminate-set from a set of checked ids: any branch
+     * whose descendants are partially — but not fully — checked. Useful as
+     * a post-toggleChecked reconciler:
+     *
+     *   const indeterminate = col.computeIndeterminate(new Set(state.checked))
+     *   send({ type: 'setIndeterminate', ids: indeterminate })
+     */
+    computeIndeterminate(checked: Set<string>): string[];
+}
+//# sourceMappingURL=tree-collection.d.ts.map

package/dist/utils/tree-collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-collection.d.ts","sourceRoot":"","sources":["../../src/utils/tree-collection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;CACtB;AASD,qBAAa,cAAc;IACzB,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAA;IAC1B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuB;gBAEhC,KAAK,EAAE,QAAQ,GAAG,QAAQ,EAAE;IAMxC,OAAO,CAAC,KAAK;IAcb,uDAAuD;IACvD,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IAED,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI;IAIpC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAK5B,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAIpC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAI5B,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE;IAIjC,wEAAwE;IACxE,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE;IAYpC,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI7B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI/B;;;;OAIG;IACH,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;IAe1C,0EAA0E;IAC1E,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;IAI3C;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,EAAE,CAMxB;IAED;;;;;;;OAOG;IACH,oBAAoB,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE;CAYrD"}

package/dist/utils/tree-collection.js

@@ -0,0 +1,137 @@
+/**
+ * TreeCollection — helper for building tree-view payloads from a nested
+ * data structure. Tree-view's state machine only knows about flat lists
+ * (visibleItems, visibleLabels) and opaque ids; the collection owns the
+ * structure and derives those flat arrays on demand.
+ *
+ * Typical flow:
+ *
+ *   const col = new TreeCollection(data)
+ *   state.visibleItems = col.visibleItems(state.expanded)
+ *   state.visibleLabels = col.visibleLabels(state.expanded)
+ *
+ * After every `expand` / `collapse` message, the consumer dispatches
+ * `setVisibleItems` with the updated arrays. The collection itself is
+ * immutable — build a new one when the tree structure changes.
+ */
+export class TreeCollection {
+    roots;
+    info;
+    constructor(roots) {
+        this.roots = Array.isArray(roots) ? roots : [roots];
+        this.info = new Map();
+        this.index();
+    }
+    index() {
+        const walk = (node, parentId, depth) => {
+            const children = node.children ?? [];
+            this.info.set(node.id, {
+                node,
+                parentId,
+                depth,
+                childIds: children.map((c) => c.id),
+            });
+            for (const child of children)
+                walk(child, node.id, depth + 1);
+        };
+        for (const root of this.roots)
+            walk(root, null, 0);
+    }
+    /** All ids in the collection, in depth-first order. */
+    get allIds() {
+        return Array.from(this.info.keys());
+    }
+    getNode(id) {
+        return this.info.get(id)?.node ?? null;
+    }
+    getLabel(id) {
+        const node = this.getNode(id);
+        return node?.label ?? id;
+    }
+    getParent(id) {
+        return this.info.get(id)?.parentId ?? null;
+    }
+    getDepth(id) {
+        return this.info.get(id)?.depth ?? 0;
+    }
+    getChildren(id) {
+        return this.info.get(id)?.childIds ?? [];
+    }
+    /** All descendants of id in depth-first order (excluding id itself). */
+    getDescendants(id) {
+        const out = [];
+        const walk = (current) => {
+            for (const childId of this.getChildren(current)) {
+                out.push(childId);
+                walk(childId);
+            }
+        };
+        walk(id);
+        return out;
+    }
+    isBranch(id) {
+        return this.getChildren(id).length > 0;
+    }
+    isDisabled(id) {
+        return this.info.get(id)?.node.disabled === true;
+    }
+    /**
+     * The ordered list of visible item ids given a set of expanded branches.
+     * A branch's descendants appear only if every ancestor up to a root is
+     * in `expanded`.
+     */
+    visibleItems(expanded) {
+        const expandedSet = new Set(expanded);
+        const out = [];
+        const walk = (nodes) => {
+            for (const node of nodes) {
+                out.push(node.id);
+                if (expandedSet.has(node.id) && node.children) {
+                    walk(node.children);
+                }
+            }
+        };
+        walk(this.roots);
+        return out;
+    }
+    /** Parallel array of labels for `visibleItems()`, using `label ?? id`. */
+    visibleLabels(expanded) {
+        return this.visibleItems(expanded).map((id) => this.getLabel(id));
+    }
+    /**
+     * Ids of all branches in the collection (useful for `expandAll`).
+     */
+    get branchIds() {
+        const out = [];
+        for (const [id, info] of this.info) {
+            if (info.childIds.length > 0)
+                out.push(id);
+        }
+        return out;
+    }
+    /**
+     * Compute the indeterminate-set from a set of checked ids: any branch
+     * whose descendants are partially — but not fully — checked. Useful as
+     * a post-toggleChecked reconciler:
+     *
+     *   const indeterminate = col.computeIndeterminate(new Set(state.checked))
+     *   send({ type: 'setIndeterminate', ids: indeterminate })
+     */
+    computeIndeterminate(checked) {
+        const out = [];
+        for (const [id, info] of this.info) {
+            if (info.childIds.length === 0)
+                continue;
+            const desc = this.getDescendants(id);
+            if (desc.length === 0)
+                continue;
+            let checkedCount = 0;
+            for (const d of desc)
+                if (checked.has(d))
+                    checkedCount++;
+            if (checkedCount > 0 && checkedCount < desc.length)
+                out.push(id);
+        }
+        return out;
+    }
+}

package/dist/utils/typeahead.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Typeahead search — accumulates keystrokes into a query while the user
+ * types rapidly, then matches the first item whose label starts with the
+ * query. Used by listbox, menu, select, combobox, tree-view to support
+ * WAI-ARIA keyboard navigation patterns.
+ *
+ * Behavior:
+ *   - If a keystroke arrives within `TYPEAHEAD_TIMEOUT_MS` of the previous
+ *     one, append to the existing query (so typing "sa" finds "Saturn" even
+ *     if the highlight is currently on "Jupiter").
+ *   - Otherwise, start a fresh single-character query.
+ *   - Single-character queries advance past the current position (jump to
+ *     the *next* item starting with that letter), which is the standard
+ *     WAI-ARIA behavior — rapid repeated presses of "s" cycle through
+ *     items beginning with "s".
+ *   - Multi-character queries search from the current cursor position
+ *     (inclusive) so if the cursor is already on a matching item, it
+ *     stays — typing "ap" while on "apricot" keeps focus on "apricot".
+ */
+export declare const TYPEAHEAD_TIMEOUT_MS = 500;
+/**
+ * Advance the typeahead query based on a new keystroke and the previous
+ * expiration time. Returns the new query string; callers combine this with
+ * `typeaheadMatch()` to produce a new highlight index.
+ */
+export declare function typeaheadAccumulate(prev: string, char: string, now: number, expiresAt: number): string;
+/**
+ * Find the first enabled item whose label starts with the query
+ * (case-insensitive). `labels` and `disabledMask` are parallel arrays.
+ * `startFrom` is the current highlighted index; for single-character
+ * queries the search begins at `startFrom + 1` (so repeated "s" keys
+ * cycle), for multi-character queries it begins at `startFrom` (inclusive).
+ *
+ * Returns the matching index, or `null` if no enabled item matches.
+ */
+export declare function typeaheadMatch(labels: string[], disabledMask: boolean[], query: string, startFrom: number | null): number | null;
+/**
+ * Convenience: pass a `disabled` list of values instead of a boolean mask.
+ * Builds the mask by checking membership via `===` on the raw string values.
+ */
+export declare function typeaheadMatchByItems(items: string[], disabled: readonly string[], query: string, startFrom: number | null): number | null;
+/**
+ * Returns true if the key event should trigger a typeahead query — i.e., a
+ * single printable character that isn't a modified keyboard shortcut. Use
+ * this in `onKeyDown` handlers to decide whether to dispatch a typeahead
+ * message.
+ */
+export declare function isTypeaheadKey(e: KeyboardEvent): boolean;
+//# sourceMappingURL=typeahead.d.ts.map

package/dist/utils/typeahead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/utils/typeahead.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,GAChB,MAAM,CAER;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,OAAO,EAAE,EACvB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAAG,IAAI,GACvB,MAAM,GAAG,IAAI,CAYf;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EAAE,EACf,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAAG,IAAI,GACvB,MAAM,GAAG,IAAI,CAKf;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAOxD"}

package/dist/utils/typeahead.js

@@ -0,0 +1,81 @@
+/**
+ * Typeahead search — accumulates keystrokes into a query while the user
+ * types rapidly, then matches the first item whose label starts with the
+ * query. Used by listbox, menu, select, combobox, tree-view to support
+ * WAI-ARIA keyboard navigation patterns.
+ *
+ * Behavior:
+ *   - If a keystroke arrives within `TYPEAHEAD_TIMEOUT_MS` of the previous
+ *     one, append to the existing query (so typing "sa" finds "Saturn" even
+ *     if the highlight is currently on "Jupiter").
+ *   - Otherwise, start a fresh single-character query.
+ *   - Single-character queries advance past the current position (jump to
+ *     the *next* item starting with that letter), which is the standard
+ *     WAI-ARIA behavior — rapid repeated presses of "s" cycle through
+ *     items beginning with "s".
+ *   - Multi-character queries search from the current cursor position
+ *     (inclusive) so if the cursor is already on a matching item, it
+ *     stays — typing "ap" while on "apricot" keeps focus on "apricot".
+ */
+export const TYPEAHEAD_TIMEOUT_MS = 500;
+/**
+ * Advance the typeahead query based on a new keystroke and the previous
+ * expiration time. Returns the new query string; callers combine this with
+ * `typeaheadMatch()` to produce a new highlight index.
+ */
+export function typeaheadAccumulate(prev, char, now, expiresAt) {
+    return now < expiresAt ? prev + char : char;
+}
+/**
+ * Find the first enabled item whose label starts with the query
+ * (case-insensitive). `labels` and `disabledMask` are parallel arrays.
+ * `startFrom` is the current highlighted index; for single-character
+ * queries the search begins at `startFrom + 1` (so repeated "s" keys
+ * cycle), for multi-character queries it begins at `startFrom` (inclusive).
+ *
+ * Returns the matching index, or `null` if no enabled item matches.
+ */
+export function typeaheadMatch(labels, disabledMask, query, startFrom) {
+    if (labels.length === 0 || query.length === 0)
+        return null;
+    const q = query.toLowerCase();
+    const offset = query.length === 1 ? 1 : 0;
+    const n = labels.length;
+    const start = startFrom ?? -1;
+    for (let i = 0; i < n; i++) {
+        const idx = (start + offset + i + n) % n;
+        if (disabledMask[idx])
+            continue;
+        if (labels[idx].toLowerCase().startsWith(q))
+            return idx;
+    }
+    return null;
+}
+/**
+ * Convenience: pass a `disabled` list of values instead of a boolean mask.
+ * Builds the mask by checking membership via `===` on the raw string values.
+ */
+export function typeaheadMatchByItems(items, disabled, query, startFrom) {
+    const n = items.length;
+    const mask = new Array(n);
+    for (let i = 0; i < n; i++)
+        mask[i] = disabled.includes(items[i]);
+    return typeaheadMatch(items, mask, query, startFrom);
+}
+/**
+ * Returns true if the key event should trigger a typeahead query — i.e., a
+ * single printable character that isn't a modified keyboard shortcut. Use
+ * this in `onKeyDown` handlers to decide whether to dispatch a typeahead
+ * message.
+ */
+export function isTypeaheadKey(e) {
+    if (e.ctrlKey || e.metaKey || e.altKey)
+        return false;
+    if (e.key.length !== 1)
+        return false;
+    // Whitespace isn't a typeahead character in most widgets — Space often
+    // activates the highlighted item. Let callers override if needed.
+    if (e.key === ' ')
+        return false;
+    return true;
+}

package/package.json

@@ -0,0 +1,282 @@
+{
+  "name": "@llui/components",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils/index.js",
+      "types": "./dist/utils/index.d.ts"
+    },
+    "./toggle": {
+      "import": "./dist/components/toggle.js",
+      "types": "./dist/components/toggle.d.ts"
+    },
+    "./checkbox": {
+      "import": "./dist/components/checkbox.js",
+      "types": "./dist/components/checkbox.d.ts"
+    },
+    "./accordion": {
+      "import": "./dist/components/accordion.js",
+      "types": "./dist/components/accordion.d.ts"
+    },
+    "./tabs": {
+      "import": "./dist/components/tabs.js",
+      "types": "./dist/components/tabs.d.ts"
+    },
+    "./slider": {
+      "import": "./dist/components/slider.js",
+      "types": "./dist/components/slider.d.ts"
+    },
+    "./dialog": {
+      "import": "./dist/components/dialog.js",
+      "types": "./dist/components/dialog.d.ts"
+    },
+    "./popover": {
+      "import": "./dist/components/popover.js",
+      "types": "./dist/components/popover.d.ts"
+    },
+    "./tooltip": {
+      "import": "./dist/components/tooltip.js",
+      "types": "./dist/components/tooltip.d.ts"
+    },
+    "./menu": {
+      "import": "./dist/components/menu.js",
+      "types": "./dist/components/menu.d.ts"
+    },
+    "./switch": {
+      "import": "./dist/components/switch.js",
+      "types": "./dist/components/switch.d.ts"
+    },
+    "./radio-group": {
+      "import": "./dist/components/radio-group.js",
+      "types": "./dist/components/radio-group.d.ts"
+    },
+    "./collapsible": {
+      "import": "./dist/components/collapsible.js",
+      "types": "./dist/components/collapsible.d.ts"
+    },
+    "./toggle-group": {
+      "import": "./dist/components/toggle-group.js",
+      "types": "./dist/components/toggle-group.d.ts"
+    },
+    "./number-input": {
+      "import": "./dist/components/number-input.js",
+      "types": "./dist/components/number-input.d.ts"
+    },
+    "./pin-input": {
+      "import": "./dist/components/pin-input.js",
+      "types": "./dist/components/pin-input.d.ts"
+    },
+    "./progress": {
+      "import": "./dist/components/progress.js",
+      "types": "./dist/components/progress.d.ts"
+    },
+    "./rating-group": {
+      "import": "./dist/components/rating-group.js",
+      "types": "./dist/components/rating-group.d.ts"
+    },
+    "./pagination": {
+      "import": "./dist/components/pagination.js",
+      "types": "./dist/components/pagination.d.ts"
+    },
+    "./alert-dialog": {
+      "import": "./dist/components/alert-dialog.js",
+      "types": "./dist/components/alert-dialog.d.ts"
+    },
+    "./drawer": {
+      "import": "./dist/components/drawer.js",
+      "types": "./dist/components/drawer.d.ts"
+    },
+    "./toast": {
+      "import": "./dist/components/toast.js",
+      "types": "./dist/components/toast.d.ts"
+    },
+    "./listbox": {
+      "import": "./dist/components/listbox.js",
+      "types": "./dist/components/listbox.d.ts"
+    },
+    "./select": {
+      "import": "./dist/components/select.js",
+      "types": "./dist/components/select.d.ts"
+    },
+    "./combobox": {
+      "import": "./dist/components/combobox.js",
+      "types": "./dist/components/combobox.d.ts"
+    },
+    "./hover-card": {
+      "import": "./dist/components/hover-card.js",
+      "types": "./dist/components/hover-card.d.ts"
+    },
+    "./avatar": {
+      "import": "./dist/components/avatar.js",
+      "types": "./dist/components/avatar.d.ts"
+    },
+    "./clipboard": {
+      "import": "./dist/components/clipboard.js",
+      "types": "./dist/components/clipboard.d.ts"
+    },
+    "./editable": {
+      "import": "./dist/components/editable.js",
+      "types": "./dist/components/editable.d.ts"
+    },
+    "./tags-input": {
+      "import": "./dist/components/tags-input.js",
+      "types": "./dist/components/tags-input.d.ts"
+    },
+    "./splitter": {
+      "import": "./dist/components/splitter.js",
+      "types": "./dist/components/splitter.d.ts"
+    },
+    "./file-upload": {
+      "import": "./dist/components/file-upload.js",
+      "types": "./dist/components/file-upload.d.ts"
+    },
+    "./tree-view": {
+      "import": "./dist/components/tree-view.js",
+      "types": "./dist/components/tree-view.d.ts"
+    },
+    "./context-menu": {
+      "import": "./dist/components/context-menu.js",
+      "types": "./dist/components/context-menu.d.ts"
+    },
+    "./password-input": {
+      "import": "./dist/components/password-input.js",
+      "types": "./dist/components/password-input.d.ts"
+    },
+    "./steps": {
+      "import": "./dist/components/steps.js",
+      "types": "./dist/components/steps.d.ts"
+    },
+    "./time-picker": {
+      "import": "./dist/components/time-picker.js",
+      "types": "./dist/components/time-picker.d.ts"
+    },
+    "./date-picker": {
+      "import": "./dist/components/date-picker.js",
+      "types": "./dist/components/date-picker.d.ts"
+    },
+    "./color-picker": {
+      "import": "./dist/components/color-picker.js",
+      "types": "./dist/components/color-picker.d.ts"
+    },
+    "./timer": {
+      "import": "./dist/components/timer.js",
+      "types": "./dist/components/timer.d.ts"
+    },
+    "./angle-slider": {
+      "import": "./dist/components/angle-slider.js",
+      "types": "./dist/components/angle-slider.d.ts"
+    },
+    "./marquee": {
+      "import": "./dist/components/marquee.js",
+      "types": "./dist/components/marquee.d.ts"
+    },
+    "./presence": {
+      "import": "./dist/components/presence.js",
+      "types": "./dist/components/presence.d.ts"
+    },
+    "./signature-pad": {
+      "import": "./dist/components/signature-pad.js",
+      "types": "./dist/components/signature-pad.d.ts"
+    },
+    "./toc": {
+      "import": "./dist/components/toc.js",
+      "types": "./dist/components/toc.d.ts"
+    },
+    "./tour": {
+      "import": "./dist/components/tour.js",
+      "types": "./dist/components/tour.d.ts"
+    },
+    "./date-input": {
+      "import": "./dist/components/date-input.js",
+      "types": "./dist/components/date-input.d.ts"
+    },
+    "./async-list": {
+      "import": "./dist/components/async-list.js",
+      "types": "./dist/components/async-list.d.ts"
+    },
+    "./cascade-select": {
+      "import": "./dist/components/cascade-select.js",
+      "types": "./dist/components/cascade-select.d.ts"
+    },
+    "./scroll-area": {
+      "import": "./dist/components/scroll-area.js",
+      "types": "./dist/components/scroll-area.d.ts"
+    },
+    "./floating-panel": {
+      "import": "./dist/components/floating-panel.js",
+      "types": "./dist/components/floating-panel.d.ts"
+    },
+    "./image-cropper": {
+      "import": "./dist/components/image-cropper.js",
+      "types": "./dist/components/image-cropper.d.ts"
+    },
+    "./navigation-menu": {
+      "import": "./dist/components/navigation-menu.js",
+      "types": "./dist/components/navigation-menu.d.ts"
+    },
+    "./qr-code": {
+      "import": "./dist/components/qr-code.js",
+      "types": "./dist/components/qr-code.d.ts"
+    },
+    "./carousel": {
+      "import": "./dist/components/carousel.js",
+      "types": "./dist/components/carousel.d.ts"
+    },
+    "./patterns": {
+      "import": "./dist/patterns/index.js",
+      "types": "./dist/patterns/index.d.ts"
+    },
+    "./patterns/confirm-dialog": {
+      "import": "./dist/patterns/confirm-dialog.js",
+      "types": "./dist/patterns/confirm-dialog.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "check": "tsc --noEmit -p tsconfig.check.json",
+    "lint": "eslint src",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "@llui/dom": "^0.0.1"
+  },
+  "devDependencies": {
+    "@llui/dom": "workspace:*",
+    "typescript": "^6.0.0",
+    "vitest": "^4.1.2"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.6"
+  },
+  "description": "54 headless UI components for LLui — accordion, dialog, tabs, select, tree-view, timer, tour, and more",
+  "keywords": [
+    "llui",
+    "components",
+    "headless",
+    "ui",
+    "accessible",
+    "state-machine"
+  ],
+  "author": "Franco Ponticelli <franco.ponticelli@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fponticelli/llui.git",
+    "directory": "packages/components"
+  },
+  "bugs": {
+    "url": "https://github.com/fponticelli/llui/issues"
+  },
+  "homepage": "https://github.com/fponticelli/llui/tree/main/packages/components#readme",
+  "files": [
+    "dist"
+  ]
+}