@xtyle/core 0.5.0

package/dist/elements/tooltip.js

@@ -0,0 +1,227 @@
+import { XtyleElement, define } from "./base.js";
+import { placeOverlay, tooltipTetherShift } from "./overlay-position.js";
+import { tooltipHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/tooltip/source.generated.js";
+const HIDE_DELAY = 100;
+export class XtyleTooltip extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    contentId = `xtyle-tooltip-${Math.random().toString(36).slice(2, 8)}`;
+    hideTimer = 0;
+    wiredTriggers = new Set();
+    wiredContent = null;
+    rootWired = false;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "tooltip", {
+        applyIntent: () => { },
+    });
+    static get observedAttributes() {
+        return ["text", "placement", "open", "tone", "variant", "mode", "size"];
+    }
+    get text() {
+        return this.getAttribute("text");
+    }
+    set text(value) {
+        this.setAttribute("text", value);
+    }
+    get placement() {
+        return this.getAttribute("placement") ?? "top";
+    }
+    set placement(value) {
+        this.setAttribute("placement", value);
+    }
+    get tone() {
+        return this.getAttribute("tone");
+    }
+    set tone(value) {
+        this.setAttribute("tone", value);
+    }
+    get variant() {
+        return this.getAttribute("variant");
+    }
+    set variant(value) {
+        this.setAttribute("variant", value);
+    }
+    get mode() {
+        return this.getAttribute("mode");
+    }
+    set mode(value) {
+        this.setAttribute("mode", value);
+    }
+    get size() {
+        return this.getAttribute("size");
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get open() {
+        return this.hasAttribute("open");
+    }
+    set open(value) {
+        this.reflectBoolean("open", value);
+    }
+    get triggerSlot() {
+        return this.root.querySelector("slot:not([name])");
+    }
+    get content() {
+        return this.root.querySelector(".xtyle-tooltip__content");
+    }
+    attributeChangedCallback(name) {
+        if (!this.root.firstChild)
+            return;
+        if (name === "open") {
+            this.syncOpen();
+            return;
+        }
+        this.render();
+    }
+    get bindings() {
+        return {
+            text: this.text,
+            placement: this.placement,
+            contentId: this.contentId,
+            open: this.open,
+            tone: this.tone,
+            variant: this.variant,
+            mode: this.mode,
+            size: this.size,
+        };
+    }
+    /** Structural state ops can't patch incrementally: whether the tip body is bound `text` or a
+     * `content` slot. A change here rebuilds; placement and `open` are cheap `setAttr` patches. */
+    shapeSignature() {
+        return `${this.text != null}`;
+    }
+    /** The trigger element(s) wrapped by the tooltip. In shadow DOM the trigger is projected through
+     * the default `<slot>`, so read its `assignedElements`. In light DOM the scaffold's `<slot>` was
+     * replaced by the trigger at compose time, so it's a direct child of `[data-root]` — every element
+     * child except the content panel. */
+    triggerEls() {
+        const slot = this.triggerSlot;
+        if (slot) {
+            return slot.assignedElements({ flatten: true }).filter((el) => el instanceof HTMLElement);
+        }
+        const root = this.root.querySelector("[data-root]");
+        if (!root)
+            return [];
+        // The content panel is the trigger's sibling; non-rendering nodes (a binding's hydration
+        // `<script>`, a `<style>`, etc.) can ride along in the composed slot and have no box — anchoring
+        // to one collapses placement to a zero rect, so keep only real, layout-bearing trigger elements.
+        const nonVisual = new Set(["SCRIPT", "STYLE", "TEMPLATE", "LINK"]);
+        return [...root.children].filter((el) => el instanceof HTMLElement && !el.hasAttribute("data-content") && !nonVisual.has(el.tagName));
+    }
+    show = () => {
+        window.clearTimeout(this.hideTimer);
+        this.open = true;
+        this.reposition();
+    };
+    /** Flip to the placement that fits the viewport, then clamp the cross-axis so the tip never
+     * spills past a viewport edge — shifting the content via `--xtyle-tt-shift` and counter-shifting
+     * the arrow via `--xtyle-tt-arrow` so it keeps pointing at the anchor. Keeps the CSS-absolute
+     * model and the arrow (the chosen side's modifier class drives both); with the vars unset the
+     * scaffold's centered no-JS/SSR layout is unchanged. */
+    reposition() {
+        const trigger = this.triggerEls()[0];
+        const content = this.content;
+        const root = this.root.querySelector("[data-root]");
+        if (!trigger || !content || !root)
+            return;
+        const anchor = trigger.getBoundingClientRect();
+        const size = { width: content.offsetWidth, height: content.offsetHeight };
+        const placed = placeOverlay({
+            anchor,
+            content: size,
+            viewport: { width: window.innerWidth, height: window.innerHeight },
+            preferred: this.placement,
+            align: "center",
+            gap: 8,
+        });
+        for (const side of ["top", "bottom", "left", "right"])
+            root.classList.remove(`xtyle-tooltip--${side}`);
+        root.classList.add(`xtyle-tooltip--${placed.placement}`);
+        const shift = tooltipTetherShift({
+            placement: placed.placement,
+            placedLeft: placed.left,
+            placedTop: placed.top,
+            anchor,
+            content: size,
+        });
+        content.style.setProperty("--xtyle-tt-shift", `${shift.content}px`);
+        content.style.setProperty("--xtyle-tt-arrow", `${shift.arrow}px`);
+    }
+    scheduleHide = () => {
+        window.clearTimeout(this.hideTimer);
+        this.hideTimer = window.setTimeout(() => this.hide(), HIDE_DELAY);
+    };
+    hide = () => {
+        window.clearTimeout(this.hideTimer);
+        this.open = false;
+    };
+    onKeydown = (event) => {
+        if (event.key === "Escape" && this.open) {
+            event.stopPropagation();
+            this.hide();
+        }
+    };
+    syncOpen() {
+        const content = this.content;
+        if (content)
+            content.setAttribute("data-open", String(this.open));
+    }
+    /** Wire the trigger and content listeners the fragment scaffold can't express as shadow-DOM
+     * handlers: hover/focus on the slotted light-DOM trigger and on the content panel itself. Guarded
+     * per element so re-renders don't double-bind; a remount-rebuilt content panel re-attaches. */
+    wireTriggers() {
+        for (const el of this.triggerEls()) {
+            if (this.wiredTriggers.has(el))
+                continue;
+            this.wiredTriggers.add(el);
+            el.setAttribute("aria-describedby", this.contentId);
+            el.addEventListener("pointerenter", this.show);
+            el.addEventListener("pointerleave", this.scheduleHide);
+            el.addEventListener("focusin", this.show);
+            el.addEventListener("focusout", this.scheduleHide);
+        }
+        const content = this.content;
+        if (content && content !== this.wiredContent) {
+            this.wiredContent = content;
+            content.addEventListener("pointerenter", this.show);
+            content.addEventListener("pointerleave", this.scheduleHide);
+        }
+        if (!this.rootWired) {
+            this.rootWired = true;
+            this.addEventListener("keydown", this.onKeydown);
+        }
+    }
+    /** A tip is "empty" only when it has neither bound `text` nor `content`. Read the live panel rather
+     * than `[slot="content"]` — SSR composition strips the `slot` attribute as it folds the content in,
+     * so the attribute check would false-warn on every composed content tooltip. Anything in the panel
+     * beyond the arrow and the (empty) bound-text node counts as content. */
+    warnIfEmpty() {
+        if (this.text)
+            return;
+        const content = this.content;
+        const hasContent = !!content &&
+            [...content.childNodes].some((node) => node instanceof Element
+                ? !node.classList.contains("xtyle-tooltip__arrow") && !node.hasAttribute("data-text")
+                : (node.textContent ?? "").trim() !== "");
+        if (!hasContent) {
+            console.warn("xtyle-tooltip: no tip text. Provide a `text` attribute or a `content` slot so the tooltip describes its trigger.");
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(tooltipHostCss);
+        this.fragment.reshapeIfChanged(this.shapeSignature());
+        this.fragment.update(this.bindings);
+        this.wireTriggers();
+        this.warnIfEmpty();
+        this.syncOpen();
+    }
+}
+define("xtyle-tooltip", XtyleTooltip);
+//# sourceMappingURL=tooltip.js.map

package/dist/elements/tooltip.js.map

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

package/dist/elements/tree.d.ts

@@ -0,0 +1,33 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size } from "../index.js";
+import { type TreeNode } from "../markup/index.js";
+export type { TreeNode };
+export declare class XtyleTree extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    private itemsProp;
+    private selectedValue;
+    private expandedKeys;
+    private rovingValue;
+    private fragment;
+    static get observedAttributes(): string[];
+    get items(): TreeNode[];
+    set items(value: TreeNode[]);
+    get size(): Size;
+    set size(value: Size);
+    attributeChangedCallback(name: string): void;
+    private nodeKey;
+    private hasChildren;
+    /** The expanded-key set, seeded once from each branch's `expanded`/`locked` flags, then host-owned. */
+    private ensureExpanded;
+    private ensureSelected;
+    private get bindings();
+    /** A pre-order flatten of the currently-visible rows: the keyboard handler's nav surface. */
+    private navContext;
+    private setExpanded;
+    private toggleKey;
+    private applyIntent;
+    private warnIfUnnamed;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/elements/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAIpF,YAAY,EAAE,QAAQ,EAAE,CAAC;AAazB,qBAAa,SAAU,SAAQ,YAAY;IAC1C,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,QAAQ,CAGb;IAEH,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,QAAQ,EAAE,CAWtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,EAK1B;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ5C,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,WAAW;IAInB,uGAAuG;IACvG,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,cAAc;IAMtB,OAAO,KAAK,QAAQ,GAUnB;IAED,6FAA6F;IAC7F,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,aAAa;IAMrB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAMjC"}

package/dist/elements/tree.js

@@ -0,0 +1,180 @@
+import { XtyleElement, define } from "./base.js";
+import { treeHostCss, firstSelectedValue } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/tree/source.generated.js";
+export class XtyleTree extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    itemsProp = null;
+    selectedValue = null;
+    expandedKeys = null;
+    rovingValue = null;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "tree", {
+        context: (handler) => (handler === "navKeydown" ? this.navContext() : undefined),
+        applyIntent: (intent, event) => this.applyIntent(intent, event),
+    });
+    static get observedAttributes() {
+        return ["items", "size", "label", "labelledby"];
+    }
+    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;
+        this.expandedKeys = null;
+        this.selectedValue = null;
+        if (this.root.firstChild)
+            this.render();
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    attributeChangedCallback(name) {
+        if (name === "items") {
+            this.expandedKeys = null;
+            this.selectedValue = null;
+        }
+        if (this.root.firstChild)
+            this.render();
+    }
+    nodeKey(node) {
+        return node.value ?? node.label;
+    }
+    hasChildren(node) {
+        return !!(node.children && node.children.length);
+    }
+    /** The expanded-key set, seeded once from each branch's `expanded`/`locked` flags, then host-owned. */
+    ensureExpanded() {
+        if (this.expandedKeys)
+            return this.expandedKeys;
+        const expanded = new Set();
+        const seed = (nodes) => {
+            for (const node of nodes) {
+                if (this.hasChildren(node)) {
+                    const locked = (node.locked ?? false) && this.hasChildren(node);
+                    if (locked || node.expanded)
+                        expanded.add(this.nodeKey(node));
+                    seed(node.children);
+                }
+            }
+        };
+        seed(this.items);
+        this.expandedKeys = expanded;
+        return expanded;
+    }
+    ensureSelected() {
+        if (this.selectedValue !== null)
+            return this.selectedValue;
+        this.selectedValue = firstSelectedValue(this.items);
+        return this.selectedValue;
+    }
+    get bindings() {
+        return {
+            items: this.items,
+            size: this.size,
+            label: this.getAttribute("label"),
+            labelledby: this.getAttribute("labelledby"),
+            selectedValue: this.ensureSelected(),
+            expandedKeys: [...this.ensureExpanded()],
+            rovingValue: this.rovingValue,
+        };
+    }
+    /** A pre-order flatten of the currently-visible rows: the keyboard handler's nav surface. */
+    navContext() {
+        const expanded = this.ensureExpanded();
+        const rows = [];
+        const walk = (nodes, level, parent) => {
+            for (const node of nodes) {
+                const key = this.nodeKey(node);
+                const expandable = this.hasChildren(node);
+                const locked = (node.locked ?? false) && expandable;
+                const isOpen = locked || expanded.has(key);
+                rows.push({
+                    key,
+                    parent,
+                    level,
+                    expandable,
+                    expanded: isOpen,
+                    disabled: node.disabled ?? false,
+                    isLink: !!node.href,
+                    locked,
+                });
+                if (expandable && isOpen)
+                    walk(node.children, level + 1, key);
+            }
+        };
+        walk(this.items, 1, null);
+        return { rows };
+    }
+    setExpanded(key, expanded) {
+        const open = this.ensureExpanded();
+        if (expanded)
+            open.add(key);
+        else
+            open.delete(key);
+        this.dispatchEvent(new CustomEvent("toggle", { bubbles: true, composed: true, detail: { value: key, expanded } }));
+    }
+    toggleKey(key) {
+        const open = this.ensureExpanded();
+        this.setExpanded(key, !open.has(key));
+    }
+    applyIntent(intent, event) {
+        if (intent.preventDefault)
+            event.preventDefault();
+        if (intent.stopPropagation)
+            event.stopPropagation();
+        if (intent.emit) {
+            this.dispatchEvent(new CustomEvent(intent.emit.type, { bubbles: true, composed: true, detail: intent.emit.detail }));
+        }
+        if (intent.select !== undefined) {
+            this.selectedValue = intent.select;
+            this.dispatchEvent(new CustomEvent("select", { bubbles: true, composed: true, detail: { value: intent.select } }));
+        }
+        if (intent.expand !== undefined && intent.expandKey !== undefined)
+            this.setExpanded(intent.expandKey, intent.expand);
+        else if (intent.expandKey !== undefined)
+            this.toggleKey(intent.expandKey);
+        if (intent.focus !== undefined)
+            this.rovingValue = intent.focus;
+        this.render();
+        if (intent.activate !== undefined) {
+            const link = this.root.querySelector(`[role="treeitem"][data-value="${CSS.escape(intent.activate)}"] > a.xtyle-tree__row`);
+            link?.click();
+        }
+        if (intent.focus !== undefined) {
+            const item = this.root.querySelector(`[role="treeitem"][data-value="${CSS.escape(intent.focus)}"]`);
+            item?.focus();
+        }
+    }
+    warnIfUnnamed() {
+        if (!this.getAttribute("label") && !this.getAttribute("labelledby")) {
+            console.warn("xtyle-tree: no accessible name. Provide a `label` or `labelledby` so the tree is announced.");
+        }
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(treeHostCss);
+        this.fragment.update(this.bindings);
+        this.warnIfUnnamed();
+    }
+}
+define("xtyle-tree", XtyleTree);
+//# sourceMappingURL=tree.js.map

package/dist/elements/tree.js.map

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

package/dist/emit/css.d.ts

@@ -0,0 +1,3 @@
+import type { TokenRegister } from "../types.js";
+export declare function emitCss(register: TokenRegister): string;
+//# sourceMappingURL=css.d.ts.map

package/dist/emit/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/emit/css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,CAOvD"}

package/dist/emit/css.js

@@ -0,0 +1,13 @@
+import { schemeOf } from "../color.js";
+export function emitCss(register) {
+    const lines = Object.keys(register)
+        .sort()
+        .map((name) => `\t${normalizeName(name)}: ${register[name]};`);
+    const bg = register["--bg-0"] ?? register["bg-0"];
+    const scheme = bg ? `\tcolor-scheme: ${schemeOf(bg)};\n` : "";
+    return `:root {\n${scheme}${lines.join("\n")}\n}\n`;
+}
+function normalizeName(name) {
+    return name.startsWith("--") ? name : `--${name}`;
+}
+//# sourceMappingURL=css.js.map

package/dist/emit/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../src/emit/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,UAAU,OAAO,CAAC,QAAuB;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;SACjC,IAAI,EAAE;SACN,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,aAAa,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE,MAAM,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,mBAAmB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9D,OAAO,YAAY,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AACrD,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;AACnD,CAAC"}

package/dist/emit/index.d.ts

@@ -0,0 +1,10 @@
+import type { Emitter, EmitFormat, TokenRegister } from "../types.js";
+import { emitCss } from "./css.js";
+import { emitJson } from "./json.js";
+import { emitMonaco } from "./monaco.js";
+import { emitPrism } from "./prism.js";
+export declare function registerEmitter(format: string, emitter: Emitter): void;
+export declare function emitters(): string[];
+export declare function emit(register: TokenRegister, format: EmitFormat | string): string;
+export { emitCss, emitJson, emitMonaco, emitPrism };
+//# sourceMappingURL=index.d.ts.map

package/dist/emit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/emit/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAEtE;AAED,wBAAgB,QAAQ,IAAI,MAAM,EAAE,CAEnC;AAED,wBAAgB,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAQjF;AAED,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/emit/index.js

@@ -0,0 +1,25 @@
+import { emitCss } from "./css.js";
+import { emitJson } from "./json.js";
+import { emitMonaco } from "./monaco.js";
+import { emitPrism } from "./prism.js";
+const registry = new Map([
+    ["css", emitCss],
+    ["json", emitJson],
+    ["prism", emitPrism],
+    ["monaco", emitMonaco],
+]);
+export function registerEmitter(format, emitter) {
+    registry.set(format, emitter);
+}
+export function emitters() {
+    return [...registry.keys()];
+}
+export function emit(register, format) {
+    const emitter = registry.get(format);
+    if (!emitter) {
+        throw new Error(`xtyle: no emitter for format "${format}" (known: ${emitters().join(", ")})`);
+    }
+    return emitter(register);
+}
+export { emitCss, emitJson, emitMonaco, emitPrism };
+//# sourceMappingURL=index.js.map

package/dist/emit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/emit/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAkB;IACzC,CAAC,KAAK,EAAE,OAAO,CAAC;IAChB,CAAC,MAAM,EAAE,QAAQ,CAAC;IAClB,CAAC,OAAO,EAAE,SAAS,CAAC;IACpB,CAAC,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,OAAgB;IAC/D,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,QAAuB,EAAE,MAA2B;IACxE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACd,iCAAiC,MAAM,aAAa,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAC5E,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC1B,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/emit/json.d.ts

@@ -0,0 +1,3 @@
+import type { TokenRegister } from "../types.js";
+export declare function emitJson(register: TokenRegister): string;
+//# sourceMappingURL=json.d.ts.map

package/dist/emit/json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json.d.ts","sourceRoot":"","sources":["../../src/emit/json.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,CAMxD"}

package/dist/emit/json.js

@@ -0,0 +1,8 @@
+export function emitJson(register) {
+    const flat = {};
+    for (const name of Object.keys(register).sort()) {
+        flat[name] = register[name];
+    }
+    return `${JSON.stringify(flat, null, 2)}\n`;
+}
+//# sourceMappingURL=json.js.map

package/dist/emit/json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json.js","sourceRoot":"","sources":["../../src/emit/json.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,QAAuB;IAC/C,MAAM,IAAI,GAAkB,EAAE,CAAC;IAC/B,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAW,CAAC;IACvC,CAAC;IACD,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC;AAC7C,CAAC"}

package/dist/emit/monaco.d.ts

@@ -0,0 +1,9 @@
+import type { TokenRegister } from "../types.js";
+/**
+ * Emit a Monaco `IStandaloneThemeData` object that colours the editor from the
+ * derived `--code-*` family. Monaco wants opaque rule foregrounds as bare 6-digit
+ * hex and workbench `colors` as `#rrggbb[aa]`, so the engine's CSS values (which can
+ * be `rgba(...)`) are normalised through the same OKLCH round-trip the core uses.
+ */
+export declare function emitMonaco(register: TokenRegister): string;
+//# sourceMappingURL=monaco.d.ts.map

package/dist/emit/monaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../../src/emit/monaco.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA+BjD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,CAyC1D"}