fuzor 0.4.0 → 0.5.0

package/dist/ui/behaviors/menu.js

@@ -0,0 +1,162 @@
+import { currentBehavior, cachedBehavior } from "./ownership.js";
+import * as menu from "@zag-js/menu";
+import { DOMBehavior } from "./lifecycle.js";
+import { bindMachine } from "../core/machine.js";
+import { emitEvent } from "../core/events.js";
+import { findPart, findParts } from "../core/parts.js";
+import { applyDriverPart } from "../drivers/registry.js";
+let menuCount = 0;
+const menuBindings = new WeakMap();
+export class UIMenuController extends DOMBehavior {
+    #binding = null;
+    static get observedAttributes() {
+        return ["open"];
+    }
+    get isOpen() {
+        return this.#binding?.getApi().open ?? this.element.hasAttribute("open");
+    }
+    setOpen(open) {
+        if (this.#binding)
+            this.#binding.getApi().setOpen(open);
+        else
+            this.element.toggleAttribute("open", open);
+    }
+    open() {
+        this.setOpen(true);
+    }
+    close() {
+        this.setOpen(false);
+    }
+    mount() {
+        const id = this.element.getAttribute("id") || `fuzor-menu-${++menuCount}`;
+        if (!this.element.hasAttribute("id")) {
+            this.element.setAttribute("id", id);
+        }
+        const parentRoot = this.element.parentElement?.closest('fuzor-menu,[data-fuzor-ui="menu"],[data-ui-component="menu"]');
+        if (parentRoot && !menuBindings.has(parentRoot))
+            enhanceMenu(parentRoot);
+        const getParentBinding = () => parentRoot ? menuBindings.get(parentRoot) : undefined;
+        const parentBinding = getParentBinding();
+        const defaultOpen = this.element.hasAttribute("open");
+        let previousOpen = defaultOpen;
+        const binding = this.#binding = bindMachine({
+            componentName: "menu",
+            root: this.element,
+            machine: menu.machine,
+            userProps: {
+                id,
+                defaultOpen,
+                onSelect: (details) => {
+                    emitEvent(this.element, "ui:select", details);
+                },
+                getRootNode: () => this.element.ownerDocument || document
+            },
+            connect: menu.connect,
+            getState: (api) => ({
+                open: api.open
+            }),
+            getParts: (api) => {
+                const parts = [];
+                const trigger = findPart(this.element, "trigger", "fuzor-menu-trigger");
+                if (trigger) {
+                    parts.push({
+                        element: trigger,
+                        partName: "trigger",
+                        getProps: () => getParentBinding() ? getParentBinding().getApi().getTriggerItemProps(api) : api.getTriggerProps()
+                    });
+                }
+                const contextTrigger = findPart(this.element, "context-trigger", "fuzor-menu-context-trigger");
+                if (contextTrigger)
+                    parts.push({ element: contextTrigger, partName: "context-trigger", getProps: () => api.getContextTriggerProps() });
+                for (const [part, getter] of [["positioner", "getPositionerProps"], ["arrow", "getArrowProps"], ["arrow-tip", "getArrowTipProps"], ["indicator", "getIndicatorProps"], ["separator", "getSeparatorProps"]])
+                    for (const element of findParts(this.element, part, `fuzor-menu-${part}`))
+                        parts.push({ element, partName: part, getProps: () => api[getter]() });
+                const content = findPart(this.element, "content", "fuzor-menu-content");
+                if (content) {
+                    parts.push({
+                        element: content,
+                        partName: "content",
+                        getProps: () => api.getContentProps()
+                    });
+                }
+                const items = findParts(this.element, "item", "fuzor-menu-item");
+                for (const item of items) {
+                    const val = item.getAttribute("value") || item.getAttribute("data-value") || item.textContent?.trim() || "";
+                    const disabled = item.hasAttribute("disabled");
+                    const itemState = api.getItemState({ value: val });
+                    parts.push({
+                        element: item,
+                        partName: "item",
+                        getProps: () => api.getItemProps({ value: val, disabled }),
+                        getState: () => ({ highlighted: itemState.highlighted, disabled: itemState.disabled })
+                    });
+                    applyDriverPart(item, "menu", "item", {
+                        highlighted: itemState.highlighted,
+                        disabled: itemState.disabled
+                    });
+                }
+                return parts;
+            },
+            onStateChange: (state, api) => {
+                applyDriverPart(this.element, "menu", "root", state);
+                if (api.open) {
+                    this.element.setAttribute("data-state", "open");
+                }
+                else {
+                    this.element.setAttribute("data-state", "closed");
+                }
+                this.element.toggleAttribute("open", api.open);
+                if (api.open !== previousOpen) {
+                    previousOpen = api.open;
+                    emitEvent(this.element, "ui:open-change", { open: api.open });
+                }
+            }
+        });
+        menuBindings.set(this.element, binding);
+        if (parentBinding) {
+            binding.getApi().setParent(parentBinding.machine.service);
+            parentBinding.getApi().setChild(binding.machine.service);
+            binding.update();
+        }
+        for (const childRoot of this.element.querySelectorAll('fuzor-menu,[data-fuzor-ui="menu"]')) {
+            const child = menuBindings.get(childRoot);
+            if (child && childRoot.parentElement?.closest('fuzor-menu,[data-fuzor-ui="menu"],[data-ui-component="menu"]') === this.element) {
+                child.getApi().setParent(binding.machine.service);
+                binding.getApi().setChild(child.machine.service);
+                child.update();
+            }
+        }
+        this.addCleanup(() => {
+            const parentBinding = getParentBinding();
+            if (parentBinding) {
+                const refs = parentBinding.machine.service.refs;
+                const children = { ...refs.get("children") };
+                delete children[id];
+                refs.set("children", children);
+            }
+            menuBindings.delete(this.element);
+            binding.destroy();
+            if (this.#binding === binding)
+                this.#binding = null;
+        });
+    }
+    attributeChangedCallback(name, _oldValue, newValue) {
+        if (name === "open" && this.#binding) {
+            const shouldBeOpen = newValue !== null;
+            if (this.isOpen !== shouldBeOpen) {
+                this.setOpen(shouldBeOpen);
+            }
+        }
+    }
+    update() { this.#binding?.machine.updateProps({}); this.#binding?.update(); }
+}
+export function enhanceMenu(root) {
+    const current = currentBehavior(root) ?? cachedBehavior(root);
+    if (current && !(current instanceof UIMenuController))
+        throw new Error("Incompatible UI behavior owner");
+    const behavior = current ?? new UIMenuController(root);
+    behavior.prepare();
+    behavior.start(UIMenuController.observedAttributes);
+    return behavior;
+}
+//# sourceMappingURL=menu.js.map

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

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

package/dist/ui/behaviors/ownership.d.ts

@@ -0,0 +1,7 @@
+import type { UiBehavior } from "./types.js";
+export declare const cachedBehavior: (root: HTMLElement) => UiBehavior | undefined;
+export declare const rememberBehavior: (root: HTMLElement, behavior: UiBehavior) => void;
+export declare const currentBehavior: (root: HTMLElement) => UiBehavior | undefined;
+export declare function ownBehavior(root: HTMLElement, behavior: UiBehavior): void;
+export declare function releaseBehavior(root: HTMLElement, behavior: UiBehavior): void;
+//# sourceMappingURL=ownership.d.ts.map

package/dist/ui/behaviors/ownership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownership.d.ts","sourceRoot":"","sources":["../../../src/ui/behaviors/ownership.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,eAAO,MAAM,cAAc,GAAI,MAAM,WAAW,KAAG,UAAU,GAAG,SAA6B,CAAC;AAC9F,eAAO,MAAM,gBAAgB,GAAI,MAAM,WAAW,EAAE,UAAU,UAAU,KAAG,IAAuC,CAAC;AAEnH,eAAO,MAAM,eAAe,GAAI,MAAM,WAAW,KAAG,UAAU,GAAG,SAAgC,CAAC;AAClG,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAIzE;AACD,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAE7E"}

package/dist/ui/behaviors/ownership.js

@@ -0,0 +1,16 @@
+const cached = new WeakMap();
+export const cachedBehavior = (root) => cached.get(root);
+export const rememberBehavior = (root, behavior) => { cached.set(root, behavior); };
+const behaviors = new WeakMap();
+export const currentBehavior = (root) => behaviors.get(root);
+export function ownBehavior(root, behavior) {
+    const current = behaviors.get(root);
+    if (current && current !== behavior)
+        throw new Error("Element already has UI behavior");
+    behaviors.set(root, behavior);
+}
+export function releaseBehavior(root, behavior) {
+    if (behaviors.get(root) === behavior)
+        behaviors.delete(root);
+}
+//# sourceMappingURL=ownership.js.map

package/dist/ui/behaviors/ownership.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownership.js","sourceRoot":"","sources":["../../../src/ui/behaviors/ownership.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,GAAG,IAAI,OAAO,EAA2B,CAAC;AACtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAiB,EAA0B,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,QAAoB,EAAQ,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACnH,MAAM,SAAS,GAAG,IAAI,OAAO,EAA2B,CAAC;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAiB,EAA0B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAClG,MAAM,UAAU,WAAW,CAAC,IAAiB,EAAE,QAAoB;IACjE,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,OAAO,IAAI,OAAO,KAAK,QAAQ;QAAE,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACxF,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAChC,CAAC;AACD,MAAM,UAAU,eAAe,CAAC,IAAiB,EAAE,QAAoB;IACrE,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,QAAQ;QAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC/D,CAAC"}

package/dist/ui/behaviors/popover.d.ts

@@ -0,0 +1,16 @@
+import { DOMBehavior } from "./lifecycle.js";
+import type { DisclosureBehavior } from "./types.js";
+export declare class UIPopoverController extends DOMBehavior implements DisclosureBehavior {
+    #private;
+    static observedAttributes: string[];
+    get isOpen(): boolean;
+    setOpen(open: boolean): void;
+    open(): void;
+    close(): void;
+    connectedCallback(): void;
+    protected mount(): void;
+    attributeChangedCallback(name: string): void;
+    update(): void;
+}
+export declare function enhancePopover(root: HTMLElement): DisclosureBehavior;
+//# sourceMappingURL=popover.d.ts.map

package/dist/ui/behaviors/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/ui/behaviors/popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAMrD,qBAAa,mBAAoB,SAAQ,WAAY,YAAW,kBAAkB;;IAEhF,MAAM,CAAC,kBAAkB,WAAyB;IAClD,IAAI,MAAM,IAAI,OAAO,CAA8E;IACnG,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAC5B,IAAI,IAAI,IAAI;IACZ,KAAK,IAAI,IAAI;IACb,iBAAiB,IAAI,IAAI;IAIzB,SAAS,CAAC,KAAK,IAAI,IAAI;IAyCvB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5C,MAAM,IAAI,IAAI;CACf;AACD,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,kBAAkB,CAMpE"}

package/dist/ui/behaviors/popover.js

@@ -0,0 +1,90 @@
+import * as backend from "@zag-js/popover";
+import { DOMBehavior } from "./lifecycle.js";
+import { currentBehavior, cachedBehavior } from "./ownership.js";
+import { bindMachine } from "../core/machine.js";
+import { findPart, findParts } from "../core/parts.js";
+import { emitEvent } from "../core/events.js";
+let count = 0;
+export class UIPopoverController extends DOMBehavior {
+    #binding = null;
+    static observedAttributes = ["open", "placement"];
+    get isOpen() { return this.#binding?.getApi().open ?? this.element.hasAttribute("open"); }
+    setOpen(open) { if (this.#binding)
+        this.#binding.getApi().setOpen(open);
+    else
+        this.element.toggleAttribute("open", open); }
+    open() { this.setOpen(true); }
+    close() { this.setOpen(false); }
+    connectedCallback() {
+        const content = findPart(this.element, "content", "fuzor-popover-content");
+        if (content)
+            content.hidden = !this.element.hasAttribute("open");
+    }
+    mount() {
+        const id = this.element.id || `fuzor-popover-${++count}`;
+        this.element.id = id;
+        let previousOpen = this.element.hasAttribute("open");
+        const placement = () => {
+            const value = this.element.getAttribute("placement") ?? "bottom";
+            return /^(top|bottom|left|right)(-(start|end))?$/.test(value) ? value : "bottom";
+        };
+        const binding = this.#binding = bindMachine({
+            componentName: "popover", root: this.element, machine: backend.machine,
+            userProps: () => ({
+                id, defaultOpen: previousOpen,
+                portalled: false,
+                positioning: { placement: placement() },
+                getRootNode: () => this.element.ownerDocument
+            }),
+            connect: backend.connect, getState: api => ({ open: api.open }),
+            getParts: api => {
+                const parts = [{ element: this.element, partName: "root", getProps: () => ({}) }];
+                const add = (part, props) => {
+                    const element = findPart(this.element, part, `fuzor-popover-${part}`);
+                    if (element)
+                        parts.push({ element, partName: part, getProps: props });
+                };
+                add("trigger", () => api.getTriggerProps());
+                add("positioner", () => api.getPositionerProps());
+                add("content", () => api.getContentProps());
+                add("arrow", () => api.getArrowProps());
+                add("arrow-tip", () => api.getArrowTipProps());
+                add("title", () => api.getTitleProps());
+                add("description", () => api.getDescriptionProps());
+                for (const element of findParts(this.element, "close-trigger", "fuzor-popover-close"))
+                    parts.push({ element, partName: "close-trigger", getProps: () => api.getCloseTriggerProps() });
+                return parts;
+            },
+            onStateChange: (_state, api) => {
+                this.element.toggleAttribute("open", api.open);
+                this.element.setAttribute("data-state", api.open ? "open" : "closed");
+                if (previousOpen !== api.open) {
+                    previousOpen = api.open;
+                    emitEvent(this.element, "ui:open-change", { open: api.open });
+                }
+            }
+        });
+        this.addCleanup(() => { binding.destroy(); if (this.#binding === binding)
+            this.#binding = null; });
+    }
+    attributeChangedCallback(name) {
+        if (name === "open") {
+            const open = this.element.hasAttribute("open");
+            if (open !== this.isOpen)
+                this.setOpen(open);
+        }
+        else
+            this.update();
+    }
+    update() { this.#binding?.machine.updateProps({}); this.#binding?.update(); }
+}
+export function enhancePopover(root) {
+    const current = currentBehavior(root) ?? cachedBehavior(root);
+    if (current && !(current instanceof UIPopoverController))
+        throw new Error("Incompatible UI behavior owner");
+    const behavior = current ?? new UIPopoverController(root);
+    behavior.prepare();
+    behavior.start(UIPopoverController.observedAttributes);
+    return behavior;
+}
+//# sourceMappingURL=popover.js.map

package/dist/ui/behaviors/popover.js.map

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

package/dist/ui/behaviors/select.d.ts

@@ -0,0 +1,37 @@
+import { DOMBehavior } from "./lifecycle.js";
+import type { SelectBehavior, SelectOption } from "./types.js";
+/**
+ * Listbox select with optional groups, driven by its own DOM:
+ *
+ * ```html
+ * <fuzor-select value="opus" name="model">
+ *   <fuzor-select-label>Model</fuzor-select-label>
+ *   <fuzor-select-trigger><fuzor-select-value placeholder="Choose…"></fuzor-select-value></fuzor-select-trigger>
+ *   <fuzor-select-content>
+ *     <fuzor-select-group label="Anthropic">
+ *       <fuzor-select-item value="opus">Opus 5</fuzor-select-item>
+ *     </fuzor-select-group>
+ *   </fuzor-select-content>
+ * </fuzor-select>
+ * ```
+ *
+ * Items may be added or replaced at any time; the collection follows the DOM.
+ * With `name`, a hidden native select carries the value in forms.
+ * Emits `ui:value-change` with `{ value, values }`.
+ */
+export declare class UISelectController extends DOMBehavior {
+    #private;
+    static get observedAttributes(): string[];
+    /** First selected value ("" when empty); use `values` for multiple. */
+    get value(): string;
+    set value(next: string);
+    get values(): string[];
+    setValue(value: string | string[]): void;
+    /** Options read from the current DOM, in document order. */
+    get options(): SelectOption[];
+    protected mount(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    update(): void;
+}
+export declare function enhanceSelect(root: HTMLElement): SelectBehavior;
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/behaviors/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/ui/behaviors/select.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAG,YAAY,EAAE,MAAM,YAAY,CAAC;AAUhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;;IAKjD,MAAM,KAAK,kBAAkB,aAE5B;IAED,uEAAuE;IACvE,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,EAErB;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;IAKxC,4DAA4D;IAC5D,IAAI,OAAO,IAAI,YAAY,EAAE,CAM5B;IAiBD,SAAS,CAAC,KAAK,IAAI,IAAI;IAoKvB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAW/F,MAAM,IAAI,IAAI;CACf;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,cAAc,CAO/D"}

package/dist/ui/behaviors/select.js

@@ -0,0 +1,261 @@
+import { currentBehavior, cachedBehavior } from "./ownership.js";
+import * as select from "@zag-js/select";
+import { DOMBehavior } from "./lifecycle.js";
+import { bindMachine } from "../core/machine.js";
+import { emitEvent } from "../core/events.js";
+import { findPart, findParts } from "../core/parts.js";
+import { applyDriverPart } from "../drivers/registry.js";
+let selectCount = 0;
+/**
+ * Listbox select with optional groups, driven by its own DOM:
+ *
+ * ```html
+ * <fuzor-select value="opus" name="model">
+ *   <fuzor-select-label>Model</fuzor-select-label>
+ *   <fuzor-select-trigger><fuzor-select-value placeholder="Choose…"></fuzor-select-value></fuzor-select-trigger>
+ *   <fuzor-select-content>
+ *     <fuzor-select-group label="Anthropic">
+ *       <fuzor-select-item value="opus">Opus 5</fuzor-select-item>
+ *     </fuzor-select-group>
+ *   </fuzor-select-content>
+ * </fuzor-select>
+ * ```
+ *
+ * Items may be added or replaced at any time; the collection follows the DOM.
+ * With `name`, a hidden native select carries the value in forms.
+ * Emits `ui:value-change` with `{ value, values }`.
+ */
+export class UISelectController extends DOMBehavior {
+    #binding = null;
+    #observer = null;
+    #hiddenSelect = null;
+    static get observedAttributes() {
+        return ["open", "value", "disabled", "multiple", "name", "required", "invalid", "readonly"];
+    }
+    /** First selected value ("" when empty); use `values` for multiple. */
+    get value() {
+        return this.values[0] ?? "";
+    }
+    set value(next) {
+        this.setValue(next ? [next] : []);
+    }
+    get values() {
+        return this.#binding?.getApi().value ?? this.#defaultValue();
+    }
+    setValue(value) {
+        const next = Array.isArray(value) ? value : value ? [value] : [];
+        if (this.#binding)
+            this.#binding.getApi().setValue(next);
+        else
+            this.element.setAttribute("value", next.join(","));
+    }
+    /** Options read from the current DOM, in document order. */
+    get options() {
+        return Array.from(findParts(this.element, "item", "fuzor-select-item")).map(item => ({
+            value: item.getAttribute("value") ?? item.textContent?.trim() ?? "",
+            label: item.textContent?.trim() ?? "",
+            disabled: item.hasAttribute("disabled")
+        }));
+    }
+    #defaultValue() {
+        const raw = this.element.getAttribute("value") ?? this.element.getAttribute("defaultValue");
+        if (!raw)
+            return [];
+        return this.element.hasAttribute("multiple") ? raw.split(",").map(entry => entry.trim()).filter(Boolean) : [raw];
+    }
+    #collection() {
+        return select.collection({
+            items: this.options,
+            itemToValue: item => item.value,
+            itemToString: item => item.label,
+            isItemDisabled: item => item.disabled
+        });
+    }
+    mount() {
+        const id = this.element.getAttribute("id") || `fuzor-select-${++selectCount}`;
+        if (!this.element.hasAttribute("id"))
+            this.element.setAttribute("id", id);
+        const defaultValue = this.#defaultValue();
+        let previousValue = defaultValue.join(",");
+        const binding = this.#binding = bindMachine({
+            componentName: "select",
+            root: this.element,
+            machine: select.machine,
+            userProps: () => ({
+                id,
+                ids: { root: id },
+                collection: this.#collection(),
+                defaultValue,
+                defaultOpen: this.element.hasAttribute("open"),
+                multiple: this.element.hasAttribute("multiple"),
+                disabled: this.element.hasAttribute("disabled"),
+                readOnly: this.element.hasAttribute("readonly"),
+                required: this.element.hasAttribute("required"),
+                invalid: this.element.hasAttribute("invalid"),
+                name: this.element.getAttribute("name") ?? undefined,
+                getRootNode: () => this.element.ownerDocument || document
+            }),
+            connect: select.connect,
+            getState: (api) => ({
+                open: api.open,
+                value: api.value.join(","),
+                disabled: this.element.hasAttribute("disabled"),
+                invalid: this.element.hasAttribute("invalid")
+            }),
+            getParts: (api) => {
+                const parts = [
+                    { element: this.element, partName: "root", getProps: () => api.getRootProps() }
+                ];
+                const push = (element, partName, getProps, getState) => {
+                    if (element)
+                        parts.push({ element, partName, getProps, ...(getState ? { getState } : {}) });
+                };
+                push(findPart(this.element, "label", "fuzor-select-label"), "label", () => api.getLabelProps());
+                push(findPart(this.element, "control", "fuzor-select-control"), "control", () => api.getControlProps());
+                push(findPart(this.element, "trigger", "fuzor-select-trigger"), "trigger", () => api.getTriggerProps(), () => ({ open: api.open }));
+                push(findPart(this.element, "value", "fuzor-select-value"), "valueText", () => api.getValueTextProps());
+                push(findPart(this.element, "indicator", "fuzor-select-indicator"), "indicator", () => api.getIndicatorProps());
+                push(this.#positioner(), "positioner", () => api.getPositionerProps());
+                push(findPart(this.element, "content", "fuzor-select-content"), "content", () => api.getContentProps(), () => ({ open: api.open }));
+                for (const group of findParts(this.element, "group", "fuzor-select-group")) {
+                    const label = group.getAttribute("label") ?? "";
+                    const groupId = group.getAttribute("id") || `${id}-group-${label.replace(/\s+/g, "-") || parts.length}`;
+                    group.id = groupId;
+                    parts.push({ element: group, partName: "itemGroup", getProps: () => api.getItemGroupProps({ id: groupId }) });
+                    const groupLabel = findPart(group, "group-label", "fuzor-select-group-label");
+                    if (groupLabel) {
+                        parts.push({ element: groupLabel, partName: "itemGroupLabel", getProps: () => api.getItemGroupLabelProps({ htmlFor: groupId }) });
+                    }
+                }
+                for (const element of findParts(this.element, "item", "fuzor-select-item")) {
+                    const item = { value: element.getAttribute("value") ?? element.textContent?.trim() ?? "", label: element.textContent?.trim() ?? "", disabled: element.hasAttribute("disabled") };
+                    parts.push({
+                        element,
+                        partName: "item",
+                        getProps: () => api.getItemProps({ item }),
+                        getState: () => ({ selected: api.value.includes(item.value), disabled: item.disabled })
+                    });
+                }
+                return parts;
+            },
+            onStateChange: (state, api) => {
+                applyDriverPart(this.element, "select", "root", state);
+                this.element.toggleAttribute("open", api.open);
+                const valueText = findPart(this.element, "value", "fuzor-select-value");
+                if (valueText) {
+                    const placeholder = valueText.getAttribute("placeholder") ?? "";
+                    valueText.textContent = api.valueAsString || placeholder;
+                }
+                const next = api.value.join(",");
+                if (next)
+                    this.element.setAttribute("value", next);
+                else
+                    this.element.removeAttribute("value");
+                this.#syncHiddenSelect(api.value);
+                if (next !== previousValue) {
+                    previousValue = next;
+                    emitEvent(this.element, "ui:value-change", { value: api.value[0] ?? "", values: [...api.value] });
+                }
+            }
+        });
+        // Consumers replace item lists at runtime (e.g. options arriving from a server).
+        this.#observer = new MutationObserver(mutations => {
+            // Ignore the hidden <select> this component maintains itself.
+            const relevant = mutations.some(mutation => mutation.type === "childList"
+                && mutation.target !== this.#hiddenSelect
+                && !this.#hiddenSelect?.contains(mutation.target)
+                && ![...mutation.addedNodes, ...mutation.removedNodes].every(node => node === this.#hiddenSelect));
+            if (!relevant)
+                return;
+            binding.update();
+            this.#syncHiddenSelect(this.values);
+        });
+        this.#observer.observe(this.element, { childList: true, subtree: true });
+        this.addCleanup(() => {
+            this.#observer?.disconnect();
+            this.#observer = null;
+            binding.destroy();
+            if (this.#binding === binding)
+                this.#binding = null;
+            // Retain the native form value while behavior is paused.
+        });
+    }
+    /** Zag positions the content through a positioner; create one if the author didn't. */
+    #positioner() {
+        const content = findPart(this.element, "content", "fuzor-select-content");
+        if (!content)
+            return null;
+        const existing = content.parentElement;
+        if (existing && existing.localName === "fuzor-select-positioner")
+            return existing;
+        const positioner = this.element.ownerDocument.createElement("fuzor-select-positioner");
+        content.replaceWith(positioner);
+        positioner.append(content);
+        return positioner;
+    }
+    #syncHiddenSelect(values) {
+        const name = this.element.getAttribute("name");
+        if (!name) {
+            this.#hiddenSelect?.remove();
+            this.#hiddenSelect = null;
+            return;
+        }
+        if (!this.#hiddenSelect) {
+            this.#hiddenSelect = this.element.ownerDocument.createElement("select");
+            this.#hiddenSelect.hidden = true;
+            this.#hiddenSelect.tabIndex = -1;
+            this.#hiddenSelect.setAttribute("aria-hidden", "true");
+            this.element.append(this.#hiddenSelect);
+        }
+        const hidden = this.#hiddenSelect;
+        hidden.name = name;
+        hidden.disabled = this.element.hasAttribute("disabled");
+        const form = this.element.getAttribute("form");
+        if (form)
+            hidden.setAttribute("form", form);
+        else
+            hidden.removeAttribute("form");
+        hidden.required = this.element.hasAttribute("required") && !this.element.hasAttribute("readonly");
+        hidden.multiple = this.element.hasAttribute("multiple");
+        hidden.innerHTML = "";
+        for (const option of this.options) {
+            const element = this.element.ownerDocument.createElement("option");
+            element.value = option.value;
+            element.textContent = option.label;
+            hidden.append(element);
+        }
+        // Selection is applied after every option exists: marking an option before
+        // it is appended does not stick.
+        for (const element of Array.from(hidden.options)) {
+            element.selected = values.includes(element.value);
+        }
+        if (!hidden.multiple)
+            hidden.value = values[0] ?? "";
+    }
+    attributeChangedCallback(name, _oldValue, newValue) {
+        if (name === "open" && this.#binding && this.#binding.getApi().open !== (newValue !== null))
+            this.#binding.getApi().setOpen(newValue !== null);
+        if (!this.#binding)
+            return;
+        if (name === "value") {
+            const next = newValue ? (this.element.hasAttribute("multiple") ? newValue.split(",").map(entry => entry.trim()) : [newValue]) : [];
+            if (next.join(",") !== this.values.join(","))
+                this.setValue(next);
+        }
+        else {
+            this.#binding.machine.updateProps({});
+            this.#syncHiddenSelect(this.values);
+        }
+    }
+    update() { this.#binding?.machine.updateProps({}); this.#binding?.update(); }
+}
+export function enhanceSelect(root) {
+    const current = currentBehavior(root) ?? cachedBehavior(root);
+    if (current && !(current instanceof UISelectController))
+        throw new Error("Incompatible UI behavior owner");
+    const behavior = current ?? new UISelectController(root);
+    behavior.prepare();
+    behavior.start(UISelectController.observedAttributes);
+    return behavior;
+}
+//# sourceMappingURL=select.js.map