@xtyle/core 0.5.0

package/dist/elements/progress.js

@@ -0,0 +1,187 @@
+import { XtyleElement, define } from "./base.js";
+import { progressHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/progress/source.generated.js";
+export class XtyleProgress extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "progress", {
+        applyIntent: () => { },
+    });
+    static get observedAttributes() {
+        return ["variant", "tone", "size", "value", "min", "max", "indeterminate", "show-value", "value-format", "colorize-value", "value-position", "meter", "aria-label"];
+    }
+    get variant() {
+        return this.getAttribute("variant") ?? "linear";
+    }
+    set variant(value) {
+        this.setAttribute("variant", value);
+    }
+    get tone() {
+        return this.getAttribute("tone") ?? "accent";
+    }
+    set tone(value) {
+        this.setAttribute("tone", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get min() {
+        return Number(this.getAttribute("min") ?? 0);
+    }
+    set min(value) {
+        this.setAttribute("min", String(value));
+    }
+    get max() {
+        return Number(this.getAttribute("max") ?? 100);
+    }
+    set max(value) {
+        this.setAttribute("max", String(value));
+    }
+    get value() {
+        return Number(this.getAttribute("value") ?? 0);
+    }
+    set value(value) {
+        this.setAttribute("value", String(value));
+    }
+    get indeterminate() {
+        return this.hasAttribute("indeterminate");
+    }
+    set indeterminate(value) {
+        this.reflectBoolean("indeterminate", value);
+    }
+    get showValue() {
+        return this.hasAttribute("show-value");
+    }
+    set showValue(value) {
+        this.reflectBoolean("show-value", value);
+    }
+    get valueFormat() {
+        const raw = this.getAttribute("value-format");
+        return raw === "value" || raw === "value-max" ? raw : "percent";
+    }
+    set valueFormat(value) {
+        this.setAttribute("value-format", value);
+    }
+    get colorizeValue() {
+        return this.hasAttribute("colorize-value");
+    }
+    set colorizeValue(value) {
+        this.reflectBoolean("colorize-value", value);
+    }
+    get valuePosition() {
+        return this.getAttribute("value-position") === "inset" ? "inset" : "end";
+    }
+    set valuePosition(value) {
+        this.setAttribute("value-position", value);
+    }
+    /** Report as a `meter` (a measurement against a capacity, e.g. disk used) rather than the default
+     * `progressbar` (a task advancing). Flips the ARIA role; the visual treatment is unchanged. */
+    get meter() {
+        return this.hasAttribute("meter");
+    }
+    set meter(value) {
+        this.reflectBoolean("meter", value);
+    }
+    get ariaRole() {
+        return this.meter ? "meter" : "progressbar";
+    }
+    /** The `<threshold>` config elements — direct children of the host, never displayed. Read live off
+     * the host (`:scope > threshold`): they sit there as hidden direct children under SSR-light and as
+     * unprojected light children under a shadow render alike. The captured-group read is a fallback for
+     * a forced-light host whose scaffold paint relocated them out of the element. */
+    thresholdEls() {
+        const live = Array.from(this.querySelectorAll(":scope > threshold"));
+        if (live.length)
+            return live;
+        return this.fragment.slottedNodes("").filter((n) => n instanceof Element && n.tagName === "THRESHOLD");
+    }
+    /** Declarative `<threshold below tone pulse>` children, sorted by their ceiling. The active band is the
+     * first whose `below` percent the current value falls under; it overrides the tone and may pulse. */
+    thresholds() {
+        return this.thresholdEls()
+            .map((el) => {
+            const belowRaw = el.getAttribute("below");
+            const below = belowRaw === null || belowRaw === "" ? Number.POSITIVE_INFINITY : Number(belowRaw);
+            const pulseRaw = el.getAttribute("pulse");
+            return {
+                below: Number.isNaN(below) ? Number.POSITIVE_INFINITY : below,
+                tone: el.getAttribute("tone") ?? null,
+                pulse: (pulseRaw === "fast" || pulseRaw === "slow" ? pulseRaw : null),
+            };
+        })
+            .sort((a, b) => a.below - b.below);
+    }
+    activeThreshold() {
+        const bands = this.thresholds();
+        if (bands.length === 0)
+            return null;
+        const span = this.max - this.min;
+        const pct = span > 0 ? ((Math.min(Math.max(this.value, this.min), this.max) - this.min) / span) * 100 : 0;
+        return bands.find((band) => pct < band.below) ?? bands[bands.length - 1] ?? null;
+    }
+    get effectiveTone() {
+        return this.activeThreshold()?.tone ?? this.tone;
+    }
+    effectivePulse() {
+        if (this.indeterminate)
+            return null;
+        return this.activeThreshold()?.pulse ?? null;
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return {
+            variant: this.variant,
+            tone: this.effectiveTone,
+            size: this.size,
+            value: this.value,
+            min: this.min,
+            max: this.max,
+            indeterminate: this.indeterminate,
+            showValue: this.showValue,
+            valueFormat: this.valueFormat,
+            colorizeValue: this.colorizeValue,
+            valuePosition: this.valuePosition,
+            pulse: this.effectivePulse(),
+            role: this.ariaRole,
+            ariaLabel: this.getAttribute("aria-label"),
+            ariaLabelledby: this.getAttribute("aria-labelledby"),
+        };
+    }
+    /** A signature of the state ops can't patch incrementally — the variant (linear vs circular
+     * are entirely different element trees), the indeterminate flag (it drops `aria-valuenow` and the
+     * indicator's inline size, which `setAttr` can't remove), `show-value` (it adds/removes the
+     * readout node), and the accessible name (switching between `aria-label` and `aria-labelledby`,
+     * or dropping the name entirely, requires removing an attribute, which `setAttr` can't do). When
+     * it changes, the structure is rebuilt rather than patched. */
+    shapeSignature() {
+        const label = this.getAttribute("aria-label");
+        const labelledby = this.getAttribute("aria-labelledby");
+        const name = label !== null ? `l:${label}` : labelledby !== null ? `b:${labelledby}` : "";
+        return `${this.variant}|${this.indeterminate}|${this.showValue}|${name}`;
+    }
+    warnIfUnnamed() {
+        if (!this.getAttribute("aria-label") && !this.getAttribute("aria-labelledby")) {
+            console.warn(`xtyle-progress: a ${this.ariaRole} has no accessible name. Provide an \`aria-label\` so it is announced.`);
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(progressHostCss);
+        this.fragment.reshapeIfChanged(this.shapeSignature());
+        this.fragment.update(this.bindings);
+        this.warnIfUnnamed();
+    }
+}
+define("xtyle-progress", XtyleProgress);
+//# sourceMappingURL=progress.js.map

package/dist/elements/progress.js.map

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

package/dist/elements/radio.d.ts

@@ -0,0 +1,67 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size, FullTone } from "../index.js";
+export declare class XtyleRadio extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    static formAssociated: boolean;
+    private internals;
+    private fragment;
+    constructor();
+    static get observedAttributes(): string[];
+    get tone(): FullTone;
+    set tone(value: FullTone);
+    get size(): Size;
+    set size(value: Size);
+    get name(): string | null;
+    set name(value: string | null | undefined);
+    get value(): string;
+    set value(value: string | null | undefined);
+    get checked(): boolean;
+    set checked(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get invalid(): boolean;
+    set invalid(value: boolean);
+    /** The inner native `<input type="radio">` the group drives for roving focus. */
+    get control(): HTMLInputElement | null;
+    set tabIndex(value: number);
+    focus(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onHostClick;
+    attributeChangedCallback(): void;
+    private get bindings();
+    /** Structural state ops can't patch incrementally: the `disabled` / `invalid` boolean attrs, the
+     * accessible name attrs, and whether a `name` is present. A change here rebuilds; a `checked` flip
+     * is a cheap host-side property patch that keeps the input (and its focus) in place. */
+    private shapeSignature;
+    private syncForm;
+    private warnIfUnnamed;
+    private applyIntent;
+    protected template(): string;
+    protected render(): void;
+    /** Name the shadow `<input>` from the visible slotted text when present — the light-DOM
+     * label sibling can't be referenced across the shadow boundary. An explicit `labelledby`
+     * (consumer-owned) or `label`-only case is left to the SSR markup. */
+    private nameControl;
+}
+export declare class XtyleRadioGroup extends XtyleElement {
+    static get observedAttributes(): string[];
+    get orientation(): "vertical" | "horizontal";
+    set orientation(value: "vertical" | "horizontal");
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private radios;
+    private onChange;
+    private updateRovingTabindex;
+    private onKeydown;
+    private warnIfUnnamed;
+    protected render(): void;
+    private labelId;
+    private get markupProps();
+    protected styles(): string;
+    protected template(): string;
+}
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/elements/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAUlD,qBAAa,UAAW,SAAQ,YAAY;IAC3C,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,QAAQ,CAEb;;IASH,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,IAAI,IAAI,QAAQ,CAEnB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,EAEvB;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,IAAI,CAExB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAExC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAEzC;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,iFAAiF;IACjF,IAAI,OAAO,IAAI,gBAAgB,GAAG,IAAI,CAErC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAEQ,KAAK,IAAI,IAAI;IAIb,iBAAiB,IAAI,IAAI;IAKlC,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,WAAW,CAGjB;IAEF,wBAAwB,IAAI,IAAI;IAKhC,OAAO,KAAK,QAAQ,GAYnB;IAED;;4FAEwF;IACxF,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAQnB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;IAcjC;;0EAEsE;IACtE,OAAO,CAAC,WAAW;CAKnB;AAED,qBAAa,eAAgB,SAAQ,YAAY;IAChD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,WAAW,IAAI,UAAU,GAAG,YAAY,CAE3C;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,EAE/C;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAOlC,oBAAoB,IAAI,IAAI;IAK5B,wBAAwB,IAAI,IAAI;IAKhC,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,QAAQ,CAWd;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,SAAS,CAcf;IAEF,OAAO,CAAC,aAAa;cAQF,MAAM,IAAI,IAAI;IAKjC,OAAO,CAAC,OAAO,CAAuE;IAEtF,OAAO,KAAK,WAAW,GAQtB;IAED,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,QAAQ,IAAI,MAAM;CAG5B"}

package/dist/elements/radio.js

@@ -0,0 +1,268 @@
+import { XtyleElement, define } from "./base.js";
+import { radioHostCss, radioGroupMarkup, radioGroupHostCss, } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/radio/source.generated.js";
+export class XtyleRadio extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    static formAssociated = true;
+    internals = null;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "radio", {
+        applyIntent: (intent, event) => this.applyIntent(intent, event),
+    });
+    constructor() {
+        super();
+        if (typeof this.attachInternals === "function") {
+            this.internals = this.attachInternals();
+        }
+    }
+    static get observedAttributes() {
+        return ["tone", "size", "name", "value", "checked", "disabled", "invalid", "label", "labelledby"];
+    }
+    get tone() {
+        return this.getAttribute("tone") ?? "accent";
+    }
+    set tone(value) {
+        this.setAttribute("tone", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get name() {
+        return this.getAttribute("name");
+    }
+    set name(value) {
+        this.reflectString("name", value);
+    }
+    get value() {
+        return this.getAttribute("value") ?? "on";
+    }
+    set value(value) {
+        this.reflectString("value", value);
+    }
+    get checked() {
+        return this.hasAttribute("checked");
+    }
+    set checked(value) {
+        this.reflectBoolean("checked", value);
+    }
+    get disabled() {
+        return this.hasAttribute("disabled");
+    }
+    set disabled(value) {
+        this.reflectBoolean("disabled", value);
+    }
+    get invalid() {
+        return this.hasAttribute("invalid");
+    }
+    set invalid(value) {
+        this.reflectBoolean("invalid", value);
+    }
+    /** The inner native `<input type="radio">` the group drives for roving focus. */
+    get control() {
+        return this.root.querySelector("input");
+    }
+    set tabIndex(value) {
+        const control = this.control;
+        if (control)
+            control.tabIndex = value;
+    }
+    focus() {
+        this.control?.focus();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("click", this.onHostClick);
+    }
+    disconnectedCallback() {
+        this.removeEventListener("click", this.onHostClick);
+    }
+    onHostClick = (event) => {
+        if (this.disabled)
+            return;
+        this.forwardSlottedLabelClick(event, this.control);
+    };
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+        this.syncForm();
+    }
+    get bindings() {
+        return {
+            tone: this.tone,
+            size: this.size,
+            name: this.name,
+            value: this.value,
+            checked: this.checked,
+            disabled: this.disabled,
+            invalid: this.invalid,
+            label: this.getAttribute("label"),
+            labelledby: this.getAttribute("labelledby"),
+        };
+    }
+    /** Structural state ops can't patch incrementally: the `disabled` / `invalid` boolean attrs, the
+     * accessible name attrs, and whether a `name` is present. A change here rebuilds; a `checked` flip
+     * is a cheap host-side property patch that keeps the input (and its focus) in place. */
+    shapeSignature() {
+        return [
+            this.disabled,
+            this.invalid,
+            this.name != null,
+            this.getAttribute("label") ?? "",
+            this.getAttribute("labelledby") ?? "",
+        ].join("|");
+    }
+    syncForm() {
+        this.internals?.setFormValue(this.checked ? this.value : null);
+    }
+    warnIfUnnamed() {
+        const hasLabel = this.getAttribute("label") || this.getAttribute("labelledby") || this.textContent?.trim();
+        if (!hasLabel && !this.getAttribute("aria-label")) {
+            console.warn("xtyle-radio: no accessible name. Provide label text in the default slot, or a `label` / `labelledby` attribute.");
+        }
+    }
+    applyIntent(intent, event) {
+        if (intent.preventDefault)
+            event.preventDefault();
+        if (!intent.selectRadio || this.disabled)
+            return;
+        this.checked = true;
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+        this.syncForm();
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(radioHostCss);
+        this.fragment.reshapeIfChanged(this.shapeSignature());
+        this.fragment.update(this.bindings);
+        const control = this.control;
+        if (control) {
+            control.checked = this.checked;
+            this.nameControl(control);
+        }
+        this.warnIfUnnamed();
+        this.syncForm();
+    }
+    /** Name the shadow `<input>` from the visible slotted text when present — the light-DOM
+     * label sibling can't be referenced across the shadow boundary. An explicit `labelledby`
+     * (consumer-owned) or `label`-only case is left to the SSR markup. */
+    nameControl(control) {
+        if (this.getAttribute("labelledby"))
+            return;
+        const slotText = this.textContent?.trim() ?? "";
+        if (slotText)
+            control.setAttribute("aria-label", slotText);
+    }
+}
+export class XtyleRadioGroup extends XtyleElement {
+    static get observedAttributes() {
+        return ["orientation", "label", "labelledby", "disabled"];
+    }
+    get orientation() {
+        return this.getAttribute("orientation") ?? "vertical";
+    }
+    set orientation(value) {
+        this.setAttribute("orientation", value);
+    }
+    get disabled() {
+        return this.hasAttribute("disabled");
+    }
+    set disabled(value) {
+        this.reflectBoolean("disabled", value);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("keydown", this.onKeydown);
+        this.addEventListener("change", this.onChange);
+        queueMicrotask(() => this.updateRovingTabindex());
+    }
+    disconnectedCallback() {
+        this.removeEventListener("keydown", this.onKeydown);
+        this.removeEventListener("change", this.onChange);
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+        this.updateRovingTabindex();
+    }
+    radios() {
+        const all = Array.from(this.querySelectorAll("xtyle-radio"));
+        return all.filter((r) => !r.disabled);
+    }
+    onChange = (event) => {
+        // Each radio lives in its own shadow root, so the native `name`-based mutual
+        // exclusion never engages across the group — enforce single-selection here when a
+        // radio reports it became checked (click and keyboard both route through `change`).
+        const target = event.target?.closest("xtyle-radio");
+        if (target?.checked) {
+            for (const radio of Array.from(this.querySelectorAll("xtyle-radio"))) {
+                if (radio !== target && radio.checked)
+                    radio.checked = false;
+            }
+        }
+        this.updateRovingTabindex();
+    };
+    updateRovingTabindex = () => {
+        const radios = this.radios();
+        if (radios.length === 0)
+            return;
+        const checked = radios.find((r) => r.checked);
+        const focusable = checked ?? radios[0];
+        for (const r of radios)
+            r.tabIndex = r === focusable ? 0 : -1;
+    };
+    onKeydown = (event) => {
+        const keys = ["ArrowDown", "ArrowRight", "ArrowUp", "ArrowLeft"];
+        if (!keys.includes(event.key))
+            return;
+        const radios = this.radios();
+        if (radios.length === 0)
+            return;
+        const current = event.target?.closest("xtyle-radio");
+        const index = current ? radios.indexOf(current) : -1;
+        const forward = event.key === "ArrowDown" || event.key === "ArrowRight";
+        const next = radios[(index + (forward ? 1 : radios.length - 1) + radios.length) % radios.length];
+        if (!next)
+            return;
+        event.preventDefault();
+        for (const r of radios)
+            r.checked = r === next;
+        next.focus();
+        next.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+    };
+    warnIfUnnamed() {
+        if (!this.getAttribute("label") && !this.getAttribute("labelledby") && !this.getAttribute("aria-label")) {
+            console.warn("xtyle-radio-group: no accessible name. Provide a `label`, `labelledby`, or `aria-label` so the group is announced.");
+        }
+    }
+    render() {
+        super.render();
+        this.warnIfUnnamed();
+    }
+    labelId = `xtyle-radio-group-${Math.random().toString(36).slice(2, 8)}-label`;
+    get markupProps() {
+        return {
+            orientation: this.orientation,
+            label: this.getAttribute("label"),
+            labelledby: this.getAttribute("labelledby"),
+            disabled: this.disabled,
+            labelId: this.labelId,
+        };
+    }
+    styles() {
+        return radioGroupHostCss;
+    }
+    template() {
+        return radioGroupMarkup(this.markupProps);
+    }
+}
+define("xtyle-radio", XtyleRadio);
+define("xtyle-radio-group", XtyleRadioGroup);
+//# sourceMappingURL=radio.js.map

package/dist/elements/radio.js.map

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

package/dist/elements/section.d.ts

@@ -0,0 +1,33 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { FullTone } from "../vocab.js";
+type SectionTag = "section" | "div" | "header" | "footer";
+type SectionVariant = "band" | "stage";
+type SectionTone = "plain" | "quiet" | FullTone;
+type SectionPadding = "none" | "sm" | "md" | "lg";
+export declare class XtyleSection extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get as(): SectionTag;
+    set as(value: SectionTag);
+    get variant(): SectionVariant;
+    set variant(value: SectionVariant);
+    get tone(): SectionTone;
+    set tone(value: SectionTone);
+    get bordered(): boolean;
+    set bordered(value: boolean);
+    get padding(): SectionPadding;
+    set padding(value: SectionPadding);
+    get label(): string | null;
+    set label(value: string | null | undefined);
+    attributeChangedCallback(): void;
+    private get bindings();
+    /** A signature of the state ops can't express incrementally — the tag (`as`) and whether the
+     * stage label node exists (a `<span>` a `setAttr`/`setText` can't add or remove). When it
+     * changes, the structure is rebuilt rather than patched. */
+    private shapeSignature;
+    protected template(): string;
+    protected render(): void;
+}
+export {};
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/elements/section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAIjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,KAAK,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1D,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AACvC,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,qBAAa,YAAa,SAAQ,YAAY;IAC7C,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,EAAE,IAAI,UAAU,CAEnB;IACD,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAEvB;IAED,IAAI,OAAO,IAAI,cAAc,CAE5B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,EAEhC;IAED,IAAI,IAAI,IAAI,WAAW,CAEtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,EAE1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,OAAO,IAAI,cAAc,CAE5B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,EAEhC;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAEzC;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GASnB;IAED;;gEAE4D;IAC5D,OAAO,CAAC,cAAc;IAKtB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAMjC"}