fuzor 0.4.0 → 0.5.0

package/dist/ui/components/layout/grid.js

@@ -0,0 +1,47 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UIGrid extends UIElement {
+    static get observedAttributes() {
+        return ["columns", "rows", "gap", "align", "responsive"];
+    }
+    connectedCallback() {
+        this.updateLayout();
+        super.connectedCallback();
+    }
+    mount() {
+        this.updateLayout();
+    }
+    attributeChangedCallback() {
+        if (this.isMounted) {
+            this.updateLayout();
+        }
+    }
+    updateLayout() {
+        const columns = this.getAttribute("columns");
+        const rows = this.getAttribute("rows");
+        const gap = this.getAttribute("gap");
+        const align = this.getAttribute("align");
+        for (const [name, value] of Object.entries({ columns, rows, gap, align })) {
+            const property = `--fuzor-grid-${name}`;
+            if (value) {
+                this.setAttribute(`data-${name}`, value);
+                const isCount = (name === "columns" || name === "rows") && /^\d+$/.test(value.trim());
+                this.style.setProperty(property, isCount ? `repeat(${value.trim()}, minmax(0, 1fr))` : value);
+            }
+            else {
+                this.removeAttribute(`data-${name}`);
+                this.style.removeProperty(property);
+            }
+        }
+        applyDriverPart(this, "grid", "root", {
+            columns: columns ?? undefined,
+            rows: rows ?? undefined,
+            gap: gap ?? undefined,
+            align: align ?? undefined
+        });
+    }
+}
+export function registerGrid() {
+    registerElement("fuzor-grid", UIGrid);
+}
+//# sourceMappingURL=grid.js.map

package/dist/ui/components/layout/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../src/ui/components/layout/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,OAAO,MAAO,SAAQ,SAAS;IACnC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IAC3D,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAES,KAAK;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEzC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC1E,MAAM,QAAQ,GAAG,gBAAgB,IAAI,EAAE,CAAC;YACxC,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,YAAY,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;gBACzC,MAAM,OAAO,GAAG,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtF,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YAChG,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;gBACrC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;QAED,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;YACpC,OAAO,EAAE,OAAO,IAAI,SAAS;YAC7B,IAAI,EAAE,IAAI,IAAI,SAAS;YACvB,GAAG,EAAE,GAAG,IAAI,SAAS;YACrB,KAAK,EAAE,KAAK,IAAI,SAAS;SAC1B,CAAC,CAAC;IACL,CAAC;CACF;AAED,MAAM,UAAU,YAAY;IAC1B,eAAe,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxC,CAAC"}

package/dist/ui/components/layout/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./box.js";
+export * from "./flex.js";
+export * from "./grid.js";
+export * from "./container.js";
+export * from "./stack.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/ui/components/layout/index.js

@@ -0,0 +1,6 @@
+export * from "./box.js";
+export * from "./flex.js";
+export * from "./grid.js";
+export * from "./container.js";
+export * from "./stack.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/ui/components/layout/stack.d.ts

@@ -0,0 +1,9 @@
+import { UIElement } from "../../core/element.js";
+export declare class UIStack extends UIElement {
+    static get observedAttributes(): string[];
+    protected mount(): void;
+    attributeChangedCallback(): void;
+    private updateLayout;
+}
+export declare function registerStack(): void;
+//# sourceMappingURL=stack.d.ts.map

package/dist/ui/components/layout/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/layout/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAGnE,qBAAa,OAAQ,SAAQ,SAAS;IACpC,MAAM,KAAK,kBAAkB,aAE5B;IAED,SAAS,CAAC,KAAK,IAAI,IAAI;IAIvB,wBAAwB,IAAI,IAAI;IAMhC,OAAO,CAAC,YAAY;CAmBrB;AAED,wBAAgB,aAAa,IAAI,IAAI,CAEpC"}

package/dist/ui/components/layout/stack.js

@@ -0,0 +1,37 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UIStack extends UIElement {
+    static get observedAttributes() {
+        return ["direction", "gap", "align"];
+    }
+    mount() {
+        this.updateLayout();
+    }
+    attributeChangedCallback() {
+        if (this.isMounted) {
+            this.updateLayout();
+        }
+    }
+    updateLayout() {
+        const isHorizontal = this.getAttribute("direction") === "horizontal";
+        const gap = this.getAttribute("gap") ?? "16px";
+        const align = this.getAttribute("align");
+        this.style.setProperty("--fuzor-stack-direction", isHorizontal ? "row" : "column");
+        this.style.setProperty("--fuzor-stack-gap", gap);
+        if (align)
+            this.style.setProperty("--fuzor-stack-align", align);
+        else
+            this.style.removeProperty("--fuzor-stack-align");
+        this.setAttribute("data-direction", isHorizontal ? "horizontal" : "vertical");
+        this.setAttribute("data-gap", gap);
+        applyDriverPart(this, "stack", "root", {
+            direction: isHorizontal ? "horizontal" : "vertical",
+            gap,
+            align: align ?? undefined
+        });
+    }
+}
+export function registerStack() {
+    registerElement("fuzor-stack", UIStack);
+}
+//# sourceMappingURL=stack.js.map

package/dist/ui/components/layout/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../../src/ui/components/layout/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,OAAO,OAAQ,SAAQ,SAAS;IACpC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC;IAES,KAAK;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,YAAY,CAAC;QACrE,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEzC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,yBAAyB,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnF,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;QACjD,IAAI,KAAK;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;;YAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAC9E,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAEnC,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;YACrC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;YACnD,GAAG;YACH,KAAK,EAAE,KAAK,IAAI,SAAS;SAC1B,CAAC,CAAC;IACL,CAAC;CACF;AAED,MAAM,UAAU,aAAa;IAC3B,eAAe,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAC1C,CAAC"}

package/dist/ui/components/listbox/index.d.ts

@@ -0,0 +1,8 @@
+import * as backend from "@zag-js/listbox";
+export declare const UIListbox: import("../../behaviors/catalogue.js").CatalogueElementConstructor;
+export declare function registerListbox(): void;
+export declare function enhanceListbox(root: HTMLElement): import("../../behaviors/catalogue.js").CatalogueBehavior;
+export type ListboxConfiguration = import("../../behaviors/catalogue.js").UiConfiguration;
+export declare const collection: typeof backend.collection;
+export declare const gridCollection: typeof backend.gridCollection;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/listbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAG3C,eAAO,MAAM,SAAS,oEAA+C,CAAC;AACtE,wBAAgB,eAAe,IAAI,IAAI,CAAqD;AAC5F,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,4DAAwD;AACxG,MAAM,MAAM,oBAAoB,GAAG,OAAO,8BAA8B,EAAE,eAAe,CAAC;AAC1F,eAAO,MAAM,UAAU,EAAE,OAAO,OAAO,CAAC,UAA+B,CAAC;AACxE,eAAO,MAAM,cAAc,EAAE,OAAO,OAAO,CAAC,cAAuC,CAAC"}

package/dist/ui/components/listbox/index.js

@@ -0,0 +1,9 @@
+import * as backend from "@zag-js/listbox";
+import { enhanceCatalogue } from "../../behaviors/catalogue.js";
+import { registerCatalogueElements, createCatalogueComponent } from "../../core/catalogue-element.js";
+export const UIListbox = createCatalogueComponent("listbox", backend);
+export function registerListbox() { registerCatalogueElements("listbox", UIListbox); }
+export function enhanceListbox(root) { return enhanceCatalogue(root, "listbox", backend); }
+export const collection = backend.collection;
+export const gridCollection = backend.gridCollection;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/listbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AACtG,MAAM,CAAC,MAAM,SAAS,GAAG,wBAAwB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACtE,MAAM,UAAU,eAAe,KAAW,yBAAyB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAC5F,MAAM,UAAU,cAAc,CAAC,IAAiB,IAAI,OAAO,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAExG,MAAM,CAAC,MAAM,UAAU,GAA8B,OAAO,CAAC,UAAU,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAkC,OAAO,CAAC,cAAc,CAAC"}

package/dist/ui/components/marquee/index.d.ts

@@ -0,0 +1,5 @@
+export declare const UIMarquee: import("../../behaviors/catalogue.js").CatalogueElementConstructor;
+export declare function registerMarquee(): void;
+export declare function enhanceMarquee(root: HTMLElement): import("../../behaviors/catalogue.js").CatalogueBehavior;
+export type MarqueeConfiguration = import("../../behaviors/catalogue.js").UiConfiguration;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/marquee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/marquee/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAA+C,CAAC;AACtE,wBAAgB,eAAe,IAAI,IAAI,CAAqD;AAC5F,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,4DAAwD;AACxG,MAAM,MAAM,oBAAoB,GAAG,OAAO,8BAA8B,EAAE,eAAe,CAAC"}

package/dist/ui/components/marquee/index.js

@@ -0,0 +1,7 @@
+import * as backend from "@zag-js/marquee";
+import { enhanceCatalogue } from "../../behaviors/catalogue.js";
+import { registerCatalogueElements, createCatalogueComponent } from "../../core/catalogue-element.js";
+export const UIMarquee = createCatalogueComponent("marquee", backend);
+export function registerMarquee() { registerCatalogueElements("marquee", UIMarquee); }
+export function enhanceMarquee(root) { return enhanceCatalogue(root, "marquee", backend); }
+//# sourceMappingURL=index.js.map

package/dist/ui/components/marquee/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/marquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AACtG,MAAM,CAAC,MAAM,SAAS,GAAG,wBAAwB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACtE,MAAM,UAAU,eAAe,KAAW,yBAAyB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAC5F,MAAM,UAAU,cAAc,CAAC,IAAiB,IAAI,OAAO,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./menu.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/components/menu/index.js

@@ -0,0 +1,2 @@
+export * from "./menu.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/components/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/components/menu/menu.d.ts

@@ -0,0 +1,23 @@
+import { UIElement } from "../../core/element.js";
+export declare class UIMenu extends UIElement {
+    #private;
+    static get observedAttributes(): string[];
+    get isOpen(): boolean;
+    setOpen(open: boolean): void;
+    open(): void;
+    close(): void;
+    connectedCallback(): void;
+    protected mount(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+}
+export declare class UIMenuTrigger extends UIElement {
+    protected mount(): void;
+}
+export declare class UIMenuContent extends UIElement {
+    protected mount(): void;
+}
+export declare class UIMenuItem extends UIElement {
+    protected mount(): void;
+}
+export declare function registerMenu(): void;
+//# sourceMappingURL=menu.d.ts.map

package/dist/ui/components/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAInE,qBAAa,MAAO,SAAQ,SAAS;;IAGnC,MAAM,KAAK,kBAAkB,aAAkD;IAC/E,IAAI,MAAM,IAAI,OAAO,CAAkC;IACzD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAC5B,IAAI,IAAI,IAAI;IACZ,KAAK,IAAI,IAAI;IACF,iBAAiB,IAAI,IAAI;IAClC,SAAS,CAAC,KAAK,IAAI,IAAI;IAIvB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAG/F;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,SAAS,CAAC,KAAK,IAAI,IAAI;CAGxB;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,SAAS,CAAC,KAAK,IAAI,IAAI;CAGxB;AAED,qBAAa,UAAW,SAAQ,SAAS;IACvC,SAAS,CAAC,KAAK,IAAI,IAAI;CAGxB;AAED,wBAAgB,YAAY,IAAI,IAAI,CAMnC"}

package/dist/ui/components/menu/menu.js

@@ -0,0 +1,45 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+import { UIMenuController } from "../../behaviors/menu.js";
+export class UIMenu extends UIElement {
+    #behavior = new UIMenuController(this);
+    static get observedAttributes() { return UIMenuController.observedAttributes; }
+    get isOpen() { return this.#behavior.isOpen; }
+    setOpen(open) { this.#behavior.setOpen(open); }
+    open() { this.#behavior.open(); }
+    close() { this.#behavior.close(); }
+    connectedCallback() { this.#behavior.prepare(); super.connectedCallback(); }
+    mount() {
+        this.#behavior.start(UIMenuController.observedAttributes);
+        this.addCleanup(() => this.#behavior.destroy());
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        this.#behavior?.attributeChangedCallback(name, oldValue, newValue);
+    }
+}
+export class UIMenuTrigger extends UIElement {
+    mount() {
+        applyDriverPart(this, "menu", "trigger", { open: false });
+    }
+}
+export class UIMenuContent extends UIElement {
+    mount() {
+        applyDriverPart(this, "menu", "content", { open: false });
+    }
+}
+export class UIMenuItem extends UIElement {
+    mount() {
+        applyDriverPart(this, "menu", "item", { highlighted: false });
+    }
+}
+export function registerMenu() {
+    registerElement("fuzor-menu", UIMenu);
+    registerElement("fuzor-menu-trigger", UIMenuTrigger);
+    registerElement("fuzor-menu-content", UIMenuContent);
+    registerElement("fuzor-menu-item", UIMenuItem);
+    for (const part of ["context-trigger", "positioner", "arrow", "arrow-tip", "indicator", "separator"])
+        registerElement(`fuzor-menu-${part}`, class extends UIElement {
+            mount() { }
+        });
+}
+//# sourceMappingURL=menu.js.map

package/dist/ui/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/ui/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,OAAO,MAAO,SAAQ,SAAS;IAEnC,SAAS,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,kBAAkB,KAAK,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC/E,IAAI,MAAM,KAAc,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACzD,OAAO,CAAC,IAAa,IAAU,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,KAAW,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvC,KAAK,KAAW,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9B,iBAAiB,KAAW,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACjF,KAAK;QACb,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC1D,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC;IACD,wBAAwB,CAAC,IAAY,EAAE,QAAuB,EAAE,QAAuB;QACrF,IAAI,CAAC,SAAS,EAAE,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACrE,CAAC;CACF;AAED,MAAM,OAAO,aAAc,SAAQ,SAAS;IAChC,KAAK;QACb,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;CACF;AAED,MAAM,OAAO,aAAc,SAAQ,SAAS;IAChC,KAAK;QACb,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC;CACF;AAED,MAAM,OAAO,UAAW,SAAQ,SAAS;IAC7B,KAAK;QACb,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IAChE,CAAC;CACF;AAED,MAAM,UAAU,YAAY;IAC1B,eAAe,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,eAAe,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC;IACrD,eAAe,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC;IACrD,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;IAC/C,KAAK,MAAM,IAAI,IAAI,CAAC,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;QAAE,eAAe,CAAC,cAAc,IAAI,EAAE,EAAE,KAAM,SAAQ,SAAS;YAAa,KAAK,KAAU,CAAC;SAAE,CAAC,CAAC;AACtM,CAAC"}

package/dist/ui/components/navigation/breadcrumbs.d.ts

@@ -0,0 +1,19 @@
+import { UIElement } from "../../core/element.js";
+export declare class UIBreadcrumbs extends UIElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    protected mount(): void;
+    attributeChangedCallback(): void;
+    private updateItems;
+}
+export declare class UIBreadcrumbItem extends UIElement {
+    #private;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    protected mount(): void;
+    attributeChangedCallback(): void;
+    private updateLink;
+    private updateDriver;
+}
+export declare function registerBreadcrumbs(): void;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/ui/components/navigation/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/navigation/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAGnE,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB,IAAI,IAAI;IAWzB,SAAS,CAAC,KAAK,IAAI,IAAI;IAWvB,wBAAwB,IAAI,IAAI;IAMhC,OAAO,CAAC,WAAW;CAapB;AAED,qBAAa,gBAAiB,SAAQ,SAAS;;IAE7C,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,KAAK,IAAI,IAAI;IAKvB,wBAAwB,IAAI,IAAI;IAOhC,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,YAAY;CAKrB;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAG1C"}

package/dist/ui/components/navigation/breadcrumbs.js

@@ -0,0 +1,90 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UIBreadcrumbs extends UIElement {
+    static get observedAttributes() {
+        return ["separator"];
+    }
+    connectedCallback() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "navigation");
+        }
+        if (!this.hasAttribute("aria-label")) {
+            this.setAttribute("aria-label", "Breadcrumb");
+        }
+        this.updateItems();
+        super.connectedCallback();
+    }
+    mount() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "navigation");
+        }
+        if (!this.hasAttribute("aria-label")) {
+            this.setAttribute("aria-label", "Breadcrumb");
+        }
+        this.updateItems();
+        applyDriverPart(this, "breadcrumbs", "root", {});
+    }
+    attributeChangedCallback() {
+        if (this.isMounted) {
+            this.updateItems();
+        }
+    }
+    updateItems() {
+        const items = Array.from(this.querySelectorAll("fuzor-breadcrumb-item"));
+        items.forEach((item, index) => {
+            const isLast = index === items.length - 1;
+            if (isLast) {
+                item.setAttribute("aria-current", "page");
+                item.setAttribute("data-current", "true");
+            }
+            else {
+                item.removeAttribute("aria-current");
+                item.removeAttribute("data-current");
+            }
+        });
+    }
+}
+export class UIBreadcrumbItem extends UIElement {
+    #generatedLink;
+    static get observedAttributes() {
+        return ["href", "data-current"];
+    }
+    connectedCallback() {
+        this.updateLink();
+        super.connectedCallback();
+    }
+    mount() {
+        this.updateLink();
+        this.updateDriver();
+    }
+    attributeChangedCallback() {
+        if (this.isMounted) {
+            this.updateLink();
+            this.updateDriver();
+        }
+    }
+    updateLink() {
+        const href = this.getAttribute("href");
+        if (href === null) {
+            this.#generatedLink?.removeAttribute("href");
+            return;
+        }
+        let link = this.querySelector("a");
+        if (!link) {
+            link = this.#generatedLink = this.ownerDocument.createElement("a");
+            link.append(...Array.from(this.childNodes));
+            this.append(link);
+        }
+        link.setAttribute("href", href);
+    }
+    updateDriver() {
+        applyDriverPart(this, "breadcrumbs", "item", {
+            current: this.hasAttribute("data-current")
+        });
+    }
+}
+export function registerBreadcrumbs() {
+    registerElement("fuzor-breadcrumbs", UIBreadcrumbs);
+    registerElement("fuzor-breadcrumb-item", UIBreadcrumbItem);
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/ui/components/navigation/breadcrumbs.js.map

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

package/dist/ui/components/navigation/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./sidebar.js";
+export * from "./breadcrumbs.js";
+export { UITableOfContents } from "./toc.js";
+export * from "./prose.js";
+export { registerToc } from "../toc/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/components/navigation/index.js

@@ -0,0 +1,6 @@
+export * from "./sidebar.js";
+export * from "./breadcrumbs.js";
+export { UITableOfContents } from "./toc.js";
+export * from "./prose.js";
+export { registerToc } from "../toc/index.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/components/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/components/navigation/prose.d.ts

@@ -0,0 +1,6 @@
+import { UIElement } from "../../core/element.js";
+export declare class UIProse extends UIElement {
+    protected mount(): void;
+}
+export declare function registerProse(): void;
+//# sourceMappingURL=prose.d.ts.map

package/dist/ui/components/navigation/prose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/navigation/prose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAGnE,qBAAa,OAAQ,SAAQ,SAAS;IACpC,SAAS,CAAC,KAAK,IAAI,IAAI;CAGxB;AAED,wBAAgB,aAAa,IAAI,IAAI,CAEpC"}

package/dist/ui/components/navigation/prose.js

@@ -0,0 +1,11 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UIProse extends UIElement {
+    mount() {
+        applyDriverPart(this, "prose", "root", {});
+    }
+}
+export function registerProse() {
+    registerElement("fuzor-prose", UIProse);
+}
+//# sourceMappingURL=prose.js.map

package/dist/ui/components/navigation/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../../../src/ui/components/navigation/prose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,OAAO,OAAQ,SAAQ,SAAS;IAC1B,KAAK;QACb,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7C,CAAC;CACF;AAED,MAAM,UAAU,aAAa;IAC3B,eAAe,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AAC1C,CAAC"}

package/dist/ui/components/navigation/sidebar.d.ts

@@ -0,0 +1,10 @@
+import { UIElement } from "../../core/element.js";
+export declare class UISidebar extends UIElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    protected mount(): void;
+    attributeChangedCallback(): void;
+    private updateState;
+}
+export declare function registerSidebar(): void;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/ui/components/navigation/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/navigation/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAGnE,qBAAa,SAAU,SAAQ,SAAS;IACtC,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB,IAAI,IAAI;IAQzB,SAAS,CAAC,KAAK,IAAI,IAAI;IAOvB,wBAAwB,IAAI,IAAI;IAMhC,OAAO,CAAC,WAAW;CAMpB;AAED,wBAAgB,eAAe,IAAI,IAAI,CAEtC"}

package/dist/ui/components/navigation/sidebar.js

@@ -0,0 +1,35 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UISidebar extends UIElement {
+    static get observedAttributes() {
+        return ["collapsible", "open"];
+    }
+    connectedCallback() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "complementary");
+        }
+        this.updateState();
+        super.connectedCallback();
+    }
+    mount() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "complementary");
+        }
+        this.updateState();
+    }
+    attributeChangedCallback() {
+        if (this.isMounted) {
+            this.updateState();
+        }
+    }
+    updateState() {
+        const collapsible = this.hasAttribute("collapsible");
+        const open = this.hasAttribute("open");
+        this.setAttribute("data-state", open ? "open" : "closed");
+        applyDriverPart(this, "sidebar", "root", { collapsible, open });
+    }
+}
+export function registerSidebar() {
+    registerElement("fuzor-sidebar", UISidebar);
+}
+//# sourceMappingURL=sidebar.js.map

package/dist/ui/components/navigation/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../src/ui/components/navigation/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,OAAO,SAAU,SAAQ,SAAS;IACtC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QAC7C,CAAC;QACD,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAES,KAAK;QACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QAC7C,CAAC;QACD,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC1D,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;CACF;AAED,MAAM,UAAU,eAAe;IAC7B,eAAe,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAC9C,CAAC"}

package/dist/ui/components/navigation/toc.d.ts

@@ -0,0 +1,11 @@
+import { UIElement } from "../../core/element.js";
+export declare class UITableOfContents extends UIElement {
+    static get observedAttributes(): string[];
+    private observer?;
+    protected mount(): void;
+    protected unmount(): void;
+    private setupToc;
+    private setupScrollspy;
+}
+export declare function registerToc(): void;
+//# sourceMappingURL=toc.d.ts.map

package/dist/ui/components/navigation/toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/navigation/toc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAGnE,qBAAa,iBAAkB,SAAQ,SAAS;IAC9C,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,QAAQ,CAAC,CAAuB;IAExC,SAAS,CAAC,KAAK,IAAI,IAAI;IAYvB,SAAS,CAAC,OAAO,IAAI,IAAI;IAIzB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,cAAc;CAkCvB;AAED,wBAAgB,WAAW,IAAI,IAAI,CAElC"}

package/dist/ui/components/navigation/toc.js

@@ -0,0 +1,82 @@
+import { UIElement, registerElement } from "../../core/element.js";
+import { applyDriverPart } from "../../drivers/registry.js";
+export class UITableOfContents extends UIElement {
+    static get observedAttributes() {
+        return ["target"];
+    }
+    observer;
+    mount() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "navigation");
+        }
+        if (!this.hasAttribute("aria-label")) {
+            this.setAttribute("aria-label", "Table of contents");
+        }
+        this.setupToc();
+        applyDriverPart(this, "toc", "root", {});
+    }
+    unmount() {
+        this.observer?.disconnect();
+    }
+    setupToc() {
+        const targetSelector = this.getAttribute("target") ?? "article, main, #docs-content";
+        const container = document.querySelector(targetSelector);
+        // If the element has no child links yet, auto-populate from headings
+        if (!this.querySelector("a") && container) {
+            const headings = Array.from(container.querySelectorAll("h2, h3"));
+            if (headings.length > 0) {
+                const nav = document.createElement("ul");
+                nav.className = "toc-list";
+                headings.forEach(heading => {
+                    const id = heading.id || heading.textContent?.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+                    if (id) {
+                        heading.id = id;
+                        const li = document.createElement("li");
+                        li.className = `toc-item toc-level-${heading.tagName.toLowerCase()}`;
+                        const a = document.createElement("a");
+                        a.href = `#${id}`;
+                        a.textContent = heading.textContent;
+                        li.appendChild(a);
+                        nav.appendChild(li);
+                    }
+                });
+                this.replaceChildren(nav);
+            }
+        }
+        this.setupScrollspy(container ?? document);
+    }
+    setupScrollspy(container) {
+        if (typeof IntersectionObserver === "undefined")
+            return;
+        const links = Array.from(this.querySelectorAll("a"));
+        const headingIds = links.map(a => a.getAttribute("href")?.replace(/^#/, "")).filter(Boolean);
+        const headings = headingIds.map(id => document.getElementById(id)).filter(Boolean);
+        if (!headings.length)
+            return;
+        this.observer?.disconnect();
+        this.observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    const id = entry.target.id;
+                    links.forEach(link => {
+                        if (link.getAttribute("href") === `#${id}`) {
+                            link.setAttribute("aria-current", "location");
+                            link.setAttribute("data-active", "true");
+                        }
+                        else {
+                            link.removeAttribute("aria-current");
+                            link.removeAttribute("data-active");
+                        }
+                    });
+                    break;
+                }
+            }
+        }, { rootMargin: "0px 0px -70% 0px", threshold: 0.1 });
+        headings.forEach(heading => this.observer?.observe(heading));
+        this.addCleanup(() => this.observer?.disconnect());
+    }
+}
+export function registerToc() {
+    registerElement("fuzor-toc", UITableOfContents);
+}
+//# sourceMappingURL=toc.js.map

package/dist/ui/components/navigation/toc.js.map

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