@xtyle/core 0.5.0

package/dist/elements/kbd.d.ts

@@ -0,0 +1,16 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import { type KbdSize, type KbdTone } from "../markup/index.js";
+export declare class XtyleKbd extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get size(): KbdSize;
+    set size(value: KbdSize);
+    get tone(): KbdTone | null;
+    set tone(value: KbdTone | null);
+    attributeChangedCallback(): void;
+    private get bindings();
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=kbd.d.ts.map

package/dist/elements/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/elements/kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAc,KAAK,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAI5E,qBAAa,QAAS,SAAQ,YAAY;IACzC,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED,IAAI,IAAI,IAAI,OAAO,GAAG,IAAI,CAEzB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAG7B;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAKjC"}

package/dist/elements/kbd.js

@@ -0,0 +1,47 @@
+import { XtyleElement, define } from "./base.js";
+import { kbdHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/kbd/source.generated.js";
+export class XtyleKbd extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "kbd", {
+        applyIntent: () => { },
+    });
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["size", "tone"];
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get tone() {
+        return this.getAttribute("tone");
+    }
+    set tone(value) {
+        if (value)
+            this.setAttribute("tone", value);
+        else
+            this.removeAttribute("tone");
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return { size: this.size, tone: this.tone };
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(kbdHostCss);
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-kbd", XtyleKbd);
+//# sourceMappingURL=kbd.js.map

package/dist/elements/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../src/elements/kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,UAAU,EAA8B,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEhF,MAAM,OAAO,QAAS,SAAQ,YAAY;IACjC,QAAQ,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE;QAChF,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB,CAAC,CAAC;IAEH,IAAuB,SAAS;QAC/B,OAAO,MAAM,CAAC;IACf,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,IAAI;QACP,OAAQ,IAAI,CAAC,YAAY,CAAC,MAAM,CAAa,IAAI,IAAI,CAAC;IACvD,CAAC;IACD,IAAI,IAAI,CAAC,KAAc;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAmB,CAAC;IACpD,CAAC;IACD,IAAI,IAAI,CAAC,KAAqB;QAC7B,IAAI,KAAK;YAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;;YACvC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,wBAAwB;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IAED,IAAY,QAAQ;QACnB,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC7C,CAAC;IAES,QAAQ;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IAEkB,MAAM;QACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;CACD;AAED,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC"}

package/dist/elements/link.d.ts

@@ -0,0 +1,27 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import { type LinkVariant } from "../markup/index.js";
+export type { LinkVariant };
+export declare class XtyleLink extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get variant(): LinkVariant;
+    set variant(value: LinkVariant);
+    get href(): string | null;
+    set href(value: string | null | undefined);
+    get target(): string | null;
+    set target(value: string | null | undefined);
+    get external(): boolean;
+    private get showExternalIcon();
+    attributeChangedCallback(): void;
+    private warnIfHrefless;
+    private get bindings();
+    /** A signature of the state ops can't express incrementally — the tag (`href` → `<a>` vs `<span>`),
+     * the presence of structural children (the external icon and the new-tab screen-reader hint), and the
+     * `target`/`rel` values (the update hook can only set attributes, never remove them, so a dropped
+     * `target`/`rel` must rebuild). When it changes, the structure is rebuilt rather than patched. */
+    private shapeSignature;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=link.d.ts.map

package/dist/elements/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/elements/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAInE,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,qBAAa,SAAU,SAAQ,YAAY;IAC1C,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,OAAO,IAAI,WAAW,CAEzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,WAAW,EAE7B;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,IAAI,CAExB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAExC;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAE1B;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAE1C;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,OAAO,KAAK,gBAAgB,GAK3B;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,cAAc;IAQtB,OAAO,KAAK,QAAQ,GAQnB;IAED;;;sGAGkG;IAClG,OAAO,CAAC,cAAc;IAItB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAOjC"}

package/dist/elements/link.js

@@ -0,0 +1,81 @@
+import { XtyleElement, define } from "./base.js";
+import { linkHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/link/source.generated.js";
+export class XtyleLink extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "link", {
+        applyIntent: () => { },
+    });
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["variant", "href", "target", "rel", "external-icon"];
+    }
+    get variant() {
+        return this.getAttribute("variant") ?? "default";
+    }
+    set variant(value) {
+        this.setAttribute("variant", value);
+    }
+    get href() {
+        return this.getAttribute("href");
+    }
+    set href(value) {
+        this.reflectString("href", value);
+    }
+    get target() {
+        return this.getAttribute("target");
+    }
+    set target(value) {
+        this.reflectString("target", value);
+    }
+    get external() {
+        return this.target === "_blank";
+    }
+    get showExternalIcon() {
+        const attr = this.getAttribute("external-icon");
+        if (attr === "false")
+            return false;
+        if (attr === "true" || attr === "")
+            return true;
+        return this.external;
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    warnIfHrefless() {
+        if (this.href === null) {
+            console.warn("xtyle-link: no `href` provided. Rendering inert text — set an `href` so it behaves and announces as a link.");
+        }
+    }
+    get bindings() {
+        return {
+            variant: this.variant,
+            href: this.href,
+            target: this.target,
+            rel: this.getAttribute("rel"),
+            showExternalIcon: this.showExternalIcon,
+        };
+    }
+    /** A signature of the state ops can't express incrementally — the tag (`href` → `<a>` vs `<span>`),
+     * the presence of structural children (the external icon and the new-tab screen-reader hint), and the
+     * `target`/`rel` values (the update hook can only set attributes, never remove them, so a dropped
+     * `target`/`rel` must rebuild). When it changes, the structure is rebuilt rather than patched. */
+    shapeSignature() {
+        return `${this.href != null}|${this.showExternalIcon}|${this.external}|${this.target}|${this.getAttribute("rel")}`;
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(linkHostCss);
+        this.fragment.reshapeIfChanged(this.shapeSignature());
+        this.fragment.update(this.bindings);
+        this.warnIfHrefless();
+    }
+}
+define("xtyle-link", XtyleLink);
+//# sourceMappingURL=link.js.map

package/dist/elements/link.js.map

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

package/dist/elements/live-register.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Reads the given theme tokens off an element's live cascade into a register for the elements that
+ * resolve a palette from `getComputedStyle`. When none resolve, the theme isn't on the cascade yet
+ * (a scoped `apply()` on a subtree that landed after the element mounted, or a first render before
+ * connection), so it schedules `reresolve` once on the next frame, letting the element re-resolve
+ * instead of sticking on the currentColor fallback. A theme present at `:root` resolves on the first
+ * read, so `reresolve` never fires and there is no recolor flash. The one-shot guard is per element,
+ * so a genuinely tokenless page retries once and then rests.
+ */
+export declare function readLiveRegister(el: HTMLElement, tokens: readonly string[], reresolve: () => void): Record<string, string>;
+//# sourceMappingURL=live-register.d.ts.map

package/dist/elements/live-register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-register.d.ts","sourceRoot":"","sources":["../../src/elements/live-register.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAY1H"}

package/dist/elements/live-register.js

@@ -0,0 +1,25 @@
+const reresolved = new WeakSet();
+/**
+ * Reads the given theme tokens off an element's live cascade into a register for the elements that
+ * resolve a palette from `getComputedStyle`. When none resolve, the theme isn't on the cascade yet
+ * (a scoped `apply()` on a subtree that landed after the element mounted, or a first render before
+ * connection), so it schedules `reresolve` once on the next frame, letting the element re-resolve
+ * instead of sticking on the currentColor fallback. A theme present at `:root` resolves on the first
+ * read, so `reresolve` never fires and there is no recolor flash. The one-shot guard is per element,
+ * so a genuinely tokenless page retries once and then rests.
+ */
+export function readLiveRegister(el, tokens, reresolve) {
+    const styles = getComputedStyle(el);
+    const register = {};
+    for (const token of tokens) {
+        const value = styles.getPropertyValue(token).trim();
+        if (value)
+            register[token] = value;
+    }
+    if (Object.keys(register).length === 0 && !reresolved.has(el) && typeof requestAnimationFrame === "function") {
+        reresolved.add(el);
+        requestAnimationFrame(reresolve);
+    }
+    return register;
+}
+//# sourceMappingURL=live-register.js.map

package/dist/elements/live-register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-register.js","sourceRoot":"","sources":["../../src/elements/live-register.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,IAAI,OAAO,EAAe,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAe,EAAE,MAAyB,EAAE,SAAqB;IACjG,MAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACpC,MAAM,QAAQ,GAA2B,EAAE,CAAC;IAC5C,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QACpD,IAAI,KAAK;YAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;IACpC,CAAC;IACD,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,qBAAqB,KAAK,UAAU,EAAE,CAAC;QAC9G,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACnB,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/dist/elements/menu.d.ts

@@ -0,0 +1,38 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import { type MenuItem } from "../markup/index.js";
+export type { MenuItem, MenuAction } from "../markup/index.js";
+export declare class XtyleMenu extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    private uid;
+    private itemsProp;
+    private needsWire;
+    private fragment;
+    static get observedAttributes(): string[];
+    get items(): MenuItem[];
+    set items(value: MenuItem[]);
+    get label(): string | null;
+    set label(value: string | null | undefined);
+    get open(): boolean;
+    set open(value: boolean);
+    attributeChangedCallback(name: string): void;
+    disconnectedCallback(): void;
+    private get trigger();
+    private get popup();
+    private menuItems;
+    private enabledItems;
+    private navContext;
+    private get bindings();
+    private syncOpen;
+    private openMenu;
+    private closeMenu;
+    private focusItem;
+    private focusValue;
+    private positionPopup;
+    private afterApply;
+    private teardown;
+    private warnIfUnlabeled;
+    private applyIntent;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/elements/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/elements/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjE,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAIhE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAI/D,qBAAa,SAAU,SAAQ,YAAY;IAC1C,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,OAAO,CAAC,GAAG,CAA6B;IACxC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAIb;IAEH,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,QAAQ,EAAE,CAWtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,EAG1B;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAEzC;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAU5C,oBAAoB,IAAI,IAAI;IAI5B,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAIlB,OAAO,KAAK,QAAQ,GAOnB;IAED,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IA2BnB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAQjC"}

package/dist/elements/menu.js

@@ -0,0 +1,210 @@
+import { XtyleElement, define } from "./base.js";
+import { placeOverlay } from "./overlay-position.js";
+import { menuHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/menu/source.generated.js";
+let menuSeq = 0;
+export class XtyleMenu extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    uid = `xtyle-menu-${menuSeq++}`;
+    itemsProp = null;
+    needsWire = false;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "menu", {
+        context: (handler) => (handler === "itemClick" || handler === "itemKeydown" ? this.navContext() : undefined),
+        applyIntent: (intent, event) => this.applyIntent(intent, event),
+        afterApply: () => this.afterApply(),
+    });
+    static get observedAttributes() {
+        return ["items", "label", "open"];
+    }
+    get items() {
+        if (this.itemsProp)
+            return this.itemsProp;
+        const raw = this.getAttribute("items");
+        if (raw) {
+            try {
+                return JSON.parse(raw);
+            }
+            catch {
+                return [];
+            }
+        }
+        return [];
+    }
+    set items(value) {
+        this.itemsProp = value;
+        if (this.root.firstChild)
+            this.render();
+    }
+    get label() {
+        return this.getAttribute("label");
+    }
+    set label(value) {
+        this.reflectString("label", value);
+    }
+    get open() {
+        return this.hasAttribute("open");
+    }
+    set open(value) {
+        this.reflectBoolean("open", value);
+    }
+    attributeChangedCallback(name) {
+        if (!this.root.firstChild)
+            return;
+        if (name === "open") {
+            this.fragment.update(this.bindings);
+            this.syncOpen();
+            return;
+        }
+        this.render();
+    }
+    disconnectedCallback() {
+        this.teardown();
+    }
+    get trigger() {
+        return this.root.querySelector(".xtyle-menu__trigger");
+    }
+    get popup() {
+        return this.root.querySelector(".xtyle-menu__popup");
+    }
+    menuItems() {
+        return Array.from(this.root.querySelectorAll('[role="menuitem"]'));
+    }
+    enabledItems() {
+        return this.menuItems().filter((el) => el.getAttribute("aria-disabled") !== "true");
+    }
+    navContext() {
+        return { enabledValues: this.enabledItems().map((el) => el.dataset.value ?? "") };
+    }
+    get bindings() {
+        return {
+            items: this.items,
+            label: this.label,
+            open: this.open,
+            popupId: `${this.uid}-popup`,
+        };
+    }
+    syncOpen() {
+        const popup = this.popup;
+        if (!popup || !popup.isConnected)
+            return;
+        const isShown = popup.matches(":popover-open");
+        // `showPopover()` throws if the element isn't in a stable state — which happens when a host
+        // framework sets `open` synchronously during its own mount (e.g. a Svelte `client:only`
+        // island). Swallow it; the next open/close, or the connect-time `afterApply`, settles it.
+        try {
+            if (this.open && !isShown)
+                popup.showPopover();
+            else if (!this.open && isShown)
+                popup.hidePopover();
+        }
+        catch {
+            /* transient mid-mount state */
+        }
+    }
+    openMenu(focus) {
+        this.open = true;
+        const enabled = this.enabledItems();
+        const target = focus === "first" ? enabled[0] : enabled[enabled.length - 1];
+        if (target)
+            this.focusItem(target);
+    }
+    closeMenu(returnFocus) {
+        this.open = false;
+        if (returnFocus)
+            this.trigger?.focus();
+    }
+    focusItem(item) {
+        for (const el of this.menuItems())
+            el.tabIndex = el === item ? 0 : -1;
+        item.focus();
+    }
+    focusValue(value) {
+        const item = this.menuItems().find((el) => el.dataset.value === value);
+        if (item)
+            this.focusItem(item);
+    }
+    positionPopup = (event) => {
+        const trigger = this.trigger;
+        const popup = this.popup;
+        if (!trigger || !popup)
+            return;
+        const state = event.newState;
+        if (state === "closed") {
+            if (this.open)
+                this.open = false;
+            return;
+        }
+        if (state !== "open")
+            return;
+        if (!this.open)
+            this.open = true;
+        const rect = trigger.getBoundingClientRect();
+        const { top, left } = placeOverlay({
+            anchor: rect,
+            content: { width: popup.offsetWidth || 192, height: popup.offsetHeight || 0 },
+            viewport: { width: window.innerWidth, height: window.innerHeight },
+            preferred: "bottom",
+            align: "start",
+        });
+        popup.style.left = `${left}px`;
+        popup.style.top = `${top}px`;
+    };
+    afterApply() {
+        if (this.needsWire) {
+            this.popup?.addEventListener("toggle", this.positionPopup);
+            this.needsWire = false;
+        }
+        this.warnIfUnlabeled();
+        this.syncOpen();
+    }
+    teardown() {
+        this.popup?.removeEventListener("toggle", this.positionPopup);
+    }
+    warnIfUnlabeled() {
+        if (!this.getAttribute("label")) {
+            console.warn("xtyle-menu: no trigger label. Provide a `label` so the menu button is named.");
+        }
+    }
+    applyIntent(intent, event) {
+        if (intent.preventDefault)
+            event.preventDefault();
+        if (intent.stopPropagation)
+            event.stopPropagation();
+        if (intent.openMenu) {
+            this.openMenu(intent.openMenu);
+            return;
+        }
+        if (intent.focusValue !== undefined) {
+            this.focusValue(intent.focusValue);
+            return;
+        }
+        if (intent.activateValue !== undefined) {
+            this.dispatchEvent(new CustomEvent("select", {
+                bubbles: true,
+                composed: true,
+                detail: { value: intent.activateValue, label: intent.activateLabel, index: intent.activateIndex },
+            }));
+            this.closeMenu(true);
+            return;
+        }
+        if (intent.closeMenu) {
+            this.closeMenu(intent.returnFocus ?? false);
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.teardown();
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(menuHostCss);
+        this.needsWire = true;
+        this.fragment.remount();
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-menu", XtyleMenu);
+//# sourceMappingURL=menu.js.map

package/dist/elements/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/elements/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAiB,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAuB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAIjF,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,SAAU,SAAQ,YAAY;IAC1C,IAAuB,SAAS;QAC/B,OAAO,MAAM,CAAC;IACf,CAAC;IAEO,GAAG,GAAG,cAAc,OAAO,EAAE,EAAE,CAAC;IAChC,SAAS,GAAsB,IAAI,CAAC;IACpC,SAAS,GAAG,KAAK,CAAC;IAClB,QAAQ,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE;QACjF,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5G,WAAW,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC;QAC/D,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;KACnC,CAAC,CAAC;IAEH,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,KAAK;QACR,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC,SAAS,CAAC;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,GAAG,EAAE,CAAC;YACT,IAAI,CAAC;gBACJ,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAe,CAAC;YACtC,CAAC;YAAC,MAAM,CAAC;gBACR,OAAO,EAAE,CAAC;YACX,CAAC;QACF,CAAC;QACD,OAAO,EAAE,CAAC;IACX,CAAC;IACD,IAAI,KAAK,CAAC,KAAiB;QAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,KAAK,CAAC,KAAgC;QACzC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,IAAI,CAAC,KAAc;QACtB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,wBAAwB,CAAC,IAAY;QACpC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAClC,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACpC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACR,CAAC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACjB,CAAC;IAED,IAAY,OAAO;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACxD,CAAC;IAED,IAAY,KAAK;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACtD,CAAC;IAEO,SAAS;QAChB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC;IACjF,CAAC;IAEO,YAAY;QACnB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC,CAAC;IACrF,CAAC;IAEO,UAAU;QACjB,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;IACnF,CAAC;IAED,IAAY,QAAQ;QACnB,OAAO;YACN,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ;SAC5B,CAAC;IACH,CAAC;IAEO,QAAQ;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;YAAE,OAAO;QACzC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAC/C,4FAA4F;QAC5F,wFAAwF;QACxF,0FAA0F;QAC1F,IAAI,CAAC;YACJ,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO;gBAAE,KAAK,CAAC,WAAW,EAAE,CAAC;iBAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO;gBAAE,KAAK,CAAC,WAAW,EAAE,CAAC;QACrD,CAAC;QAAC,MAAM,CAAC;YACR,+BAA+B;QAChC,CAAC;IACF,CAAC;IAEO,QAAQ,CAAC,KAAuB;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACpC,MAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5E,IAAI,MAAM;YAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEO,SAAS,CAAC,WAAoB;QACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,WAAW;YAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC;IAEO,SAAS,CAAC,IAAiB;QAClC,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,EAAE,CAAC,QAAQ,GAAG,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAEO,UAAU,CAAC,KAAa;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACvE,IAAI,IAAI;YAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,aAAa,GAAG,CAAC,KAAY,EAAQ,EAAE;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE,OAAO;QAC/B,MAAM,KAAK,GAAI,KAA+B,CAAC,QAAQ,CAAC;QACxD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACjC,OAAO;QACR,CAAC;QACD,IAAI,KAAK,KAAK,MAAM;YAAE,OAAO;QAC7B,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjC,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;YAClC,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,EAAE;YAC7E,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE;YAClE,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,OAAO;SACd,CAAC,CAAC;QACH,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;QAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC9B,CAAC,CAAC;IAEM,UAAU;QACjB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACjB,CAAC;IAEO,QAAQ;QACf,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC;IAEO,eAAe;QACtB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;QAC9F,CAAC;IACF,CAAC;IAEO,WAAW,CAAC,MAAsB,EAAE,KAAY;QACvD,IAAI,MAAM,CAAC,cAAc;YAAE,KAAK,CAAC,cAAc,EAAE,CAAC;QAClD,IAAI,MAAM,CAAC,eAAe;YAAE,KAAK,CAAC,eAAe,EAAE,CAAC;QACpD,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC/B,OAAO;QACR,CAAC;QACD,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,OAAO;QACR,CAAC;QACD,IAAI,MAAM,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACzB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE;aACjG,CAAC,CACF,CAAC;YACF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO;QACR,CAAC;QACD,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;IAES,QAAQ;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IAEkB,MAAM;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;CACD;AAED,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC"}

package/dist/elements/native-input-attrs.d.ts

@@ -0,0 +1,8 @@
+/** Native input attributes a consumer sets for form hygiene (spell-check, IME, autofill, mobile keyboard
+ * hints). They have to be forwarded from the host to the inner `<input>` / `<textarea>` because the
+ * styled control lives in the component's own root, out of the consumer's reach. */
+export declare const NATIVE_INPUT_ATTRS: readonly ["spellcheck", "inputmode", "autocomplete", "autocapitalize", "autocorrect", "enterkeyhint"];
+/** Mirror the allow-listed native attributes from the host onto the inner control, clearing any that
+ * the host no longer carries so a removed attribute doesn't linger. */
+export declare function forwardNativeInputAttrs(host: Element, target: Element): void;
+//# sourceMappingURL=native-input-attrs.d.ts.map

package/dist/elements/native-input-attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-input-attrs.d.ts","sourceRoot":"","sources":["../../src/elements/native-input-attrs.ts"],"names":[],"mappings":"AAAA;;oFAEoF;AACpF,eAAO,MAAM,kBAAkB,uGAOrB,CAAC;AAEX;uEACuE;AACvE,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAM5E"}

package/dist/elements/native-input-attrs.js

@@ -0,0 +1,23 @@
+/** Native input attributes a consumer sets for form hygiene (spell-check, IME, autofill, mobile keyboard
+ * hints). They have to be forwarded from the host to the inner `<input>` / `<textarea>` because the
+ * styled control lives in the component's own root, out of the consumer's reach. */
+export const NATIVE_INPUT_ATTRS = [
+    "spellcheck",
+    "inputmode",
+    "autocomplete",
+    "autocapitalize",
+    "autocorrect",
+    "enterkeyhint",
+];
+/** Mirror the allow-listed native attributes from the host onto the inner control, clearing any that
+ * the host no longer carries so a removed attribute doesn't linger. */
+export function forwardNativeInputAttrs(host, target) {
+    for (const attr of NATIVE_INPUT_ATTRS) {
+        const value = host.getAttribute(attr);
+        if (value === null)
+            target.removeAttribute(attr);
+        else
+            target.setAttribute(attr, value);
+    }
+}
+//# sourceMappingURL=native-input-attrs.js.map

package/dist/elements/native-input-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-input-attrs.js","sourceRoot":"","sources":["../../src/elements/native-input-attrs.ts"],"names":[],"mappings":"AAAA;;oFAEoF;AACpF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,YAAY;IACZ,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,cAAc;CACL,CAAC;AAEX;uEACuE;AACvE,MAAM,UAAU,uBAAuB,CAAC,IAAa,EAAE,MAAe;IACrE,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,KAAK,KAAK,IAAI;YAAE,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;YAC5C,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC;AACF,CAAC"}

package/dist/elements/number-input.d.ts

@@ -0,0 +1,49 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size } from "../index.js";
+export declare class XtyleNumberInput extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    static formAssociated: boolean;
+    private internals;
+    private elementId;
+    private fragment;
+    static get observedAttributes(): string[];
+    constructor();
+    get min(): number | undefined;
+    get max(): number | undefined;
+    /** `step="any"` (the native free-form contract) puts the field in unstepped mode: typed values
+     * commit verbatim with no grid snap and no precision cap, and the steppers fall back to a whole step. */
+    get unstepped(): boolean;
+    get step(): number;
+    get altStep(): number;
+    get altDefault(): boolean;
+    get modifier(): "shift" | "alt" | "ctrl" | "meta";
+    private get snapGrid();
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get size(): Size;
+    set size(value: Size);
+    get value(): string;
+    set value(next: string);
+    private clamp;
+    private get numeric();
+    private get input();
+    private syncStepButtons;
+    private get canDec();
+    private get canInc();
+    attributeChangedCallback(name: string): void;
+    private syncForm;
+    private syncDisplay;
+    private commit;
+    private modifierPressed;
+    private stepFor;
+    private nudge;
+    private warnIfUnnamed;
+    private applyIntent;
+    private get bindings();
+    /** Structural state ops can't patch incrementally: the `disabled` boolean attr and whether
+     * the label span exists. A change here rebuilds; a value or step-availability flip is a cheap patch. */
+    private shapeSignature;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=number-input.d.ts.map

package/dist/elements/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/elements/number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAKxC,qBAAa,gBAAiB,SAAQ,YAAY;IACjD,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAA4D;IAC7E,OAAO,CAAC,QAAQ,CAGb;IAEH,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IAOD,IAAI,GAAG,IAAI,MAAM,GAAG,SAAS,CAG5B;IACD,IAAI,GAAG,IAAI,MAAM,GAAG,SAAS,CAG5B;IACD;6GACyG;IACzG,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,IAAI,IAAI,MAAM,CAIjB;IACD,IAAI,OAAO,IAAI,MAAM,CAGpB;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,QAAQ,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAGhD;IACD,OAAO,KAAK,QAAQ,GAEnB;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IACD,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,EAGrB;IAED,OAAO,CAAC,KAAK;IAIb,OAAO,KAAK,OAAO,GAGlB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,eAAe;IAcvB,OAAO,KAAK,MAAM,GAGjB;IAED,OAAO,KAAK,MAAM,GAGjB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ5C,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,MAAM;IAmBd,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,WAAW;IAUnB,OAAO,KAAK,QAAQ,GAcnB;IAED;4GACwG;IACxG,OAAO,CAAC,cAAc;IAItB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAQjC"}