@refrakt-md/behaviors 0.5.0

package/dist/behaviors/preview.js

@@ -0,0 +1,302 @@
+const SVG_NS = 'http://www.w3.org/2000/svg';
+function createIcon(content) {
+    const svg = document.createElementNS(SVG_NS, 'svg');
+    svg.setAttribute('width', '14');
+    svg.setAttribute('height', '14');
+    svg.setAttribute('viewBox', '0 0 24 24');
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.setAttribute('stroke-width', '2');
+    svg.setAttribute('stroke-linecap', 'round');
+    svg.setAttribute('stroke-linejoin', 'round');
+    svg.innerHTML = content;
+    return svg;
+}
+const ICONS = {
+    eye: '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>',
+    code: '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>',
+    mobile: '<rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/>',
+    tablet: '<rect x="4" y="2" width="16" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/>',
+    desktop: '<rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/>',
+    sun: '<circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>',
+    moon: '<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>',
+};
+const VIEWPORT_ICONS = {
+    mobile: ICONS.mobile,
+    tablet: ICONS.tablet,
+    desktop: ICONS.desktop,
+};
+const VIEWPORT_PRESETS = {
+    mobile: { width: 375, label: '375px' },
+    tablet: { width: 768, label: '768px' },
+    desktop: { width: null, label: 'Full' },
+};
+/**
+ * Preview behavior for `[data-rune="preview"]`.
+ *
+ * Creates a toolbar with:
+ * - View toggle: switch between preview and source code views
+ * - Viewport toggle: responsive viewport presets (mobile, tablet, desktop)
+ * - Theme toggle: auto, light, dark theme modes
+ *
+ * Source panel supports up to three tabs:
+ * - Markdoc: original authoring syntax (from source property)
+ * - Rune: pre-engine structural HTML (from htmlSource property)
+ * - HTML: post-engine themed HTML (from themedSource property, generated at build time)
+ *
+ * Reads configuration from data attributes:
+ * - `data-theme`: initial theme mode (default: 'auto')
+ * - `data-responsive`: comma-separated viewport presets
+ */
+export function previewBehavior(el) {
+    const initialTheme = (el.getAttribute('data-theme') || 'auto');
+    const responsiveStr = el.getAttribute('data-responsive') || '';
+    const responsivePresets = responsiveStr
+        .split(',')
+        .map((s) => s.trim())
+        .filter((s) => s in VIEWPORT_PRESETS);
+    const hasResponsive = responsivePresets.length > 0;
+    // Separate source elements from content children
+    const sourceEl = el.querySelector('[property="source"]');
+    const htmlSourceEl = el.querySelector('[property="htmlSource"]');
+    const themedSourceEl = el.querySelector('[property="themedSource"]');
+    const contentChildren = Array.from(el.children).filter((child) => child !== sourceEl &&
+        child !== htmlSourceEl &&
+        child !== themedSourceEl &&
+        !child.matches?.('meta[property]'));
+    const hasSource = sourceEl !== null || htmlSourceEl !== null;
+    // State
+    let view = 'preview';
+    let themeMode = initialTheme;
+    let activeViewport = hasResponsive
+        ? responsivePresets[responsivePresets.length - 1]
+        : null;
+    const cleanups = [];
+    // Build toolbar
+    const toolbar = document.createElement('div');
+    toolbar.className = 'rf-preview__toolbar';
+    const titleEl = document.createElement('span');
+    titleEl.className = 'rf-preview__title';
+    toolbar.appendChild(titleEl);
+    const controls = document.createElement('div');
+    controls.className = 'rf-preview__controls';
+    toolbar.appendChild(controls);
+    // View toggle buttons
+    let viewPreviewBtn = null;
+    let viewCodeBtn = null;
+    if (hasSource) {
+        const viewToggle = document.createElement('div');
+        viewToggle.className = 'rf-preview__view-toggle';
+        viewPreviewBtn = document.createElement('button');
+        viewPreviewBtn.className = 'rf-preview__toggle-btn rf-preview__toggle-btn--active';
+        viewPreviewBtn.setAttribute('aria-label', 'Preview');
+        viewPreviewBtn.setAttribute('title', 'Preview');
+        viewPreviewBtn.appendChild(createIcon(ICONS.eye));
+        viewCodeBtn = document.createElement('button');
+        viewCodeBtn.className = 'rf-preview__toggle-btn';
+        viewCodeBtn.setAttribute('aria-label', 'View source');
+        viewCodeBtn.setAttribute('title', 'View source');
+        viewCodeBtn.appendChild(createIcon(ICONS.code));
+        viewToggle.appendChild(viewPreviewBtn);
+        viewToggle.appendChild(viewCodeBtn);
+        controls.appendChild(viewToggle);
+        const onPreview = () => { view = 'preview'; render(); };
+        const onCode = () => { view = 'code'; render(); };
+        viewPreviewBtn.addEventListener('click', onPreview);
+        viewCodeBtn.addEventListener('click', onCode);
+        cleanups.push(() => {
+            viewPreviewBtn.removeEventListener('click', onPreview);
+            viewCodeBtn.removeEventListener('click', onCode);
+        });
+    }
+    // Viewport toggle buttons
+    const viewportButtons = new Map();
+    if (hasResponsive) {
+        const viewportToggle = document.createElement('div');
+        viewportToggle.className = 'rf-preview__viewport-toggle';
+        for (const preset of responsivePresets) {
+            const btn = document.createElement('button');
+            btn.className = 'rf-preview__toggle-btn';
+            btn.setAttribute('aria-label', `${VIEWPORT_PRESETS[preset].label} viewport`);
+            btn.setAttribute('title', VIEWPORT_PRESETS[preset].label);
+            btn.appendChild(createIcon(VIEWPORT_ICONS[preset] || ICONS.desktop));
+            const onClick = () => { activeViewport = preset; render(); };
+            btn.addEventListener('click', onClick);
+            cleanups.push(() => btn.removeEventListener('click', onClick));
+            viewportToggle.appendChild(btn);
+            viewportButtons.set(preset, btn);
+        }
+        controls.appendChild(viewportToggle);
+    }
+    // Theme toggle buttons
+    const themeToggle = document.createElement('div');
+    themeToggle.className = 'rf-preview__toggle';
+    const themeOptions = [
+        { mode: 'auto', label: 'Auto', title: 'System preference', icon: ICONS.desktop },
+        { mode: 'light', label: 'Light', title: 'Light mode', icon: ICONS.sun },
+        { mode: 'dark', label: 'Dark', title: 'Dark mode', icon: ICONS.moon },
+    ];
+    const themeButtons = new Map();
+    for (const opt of themeOptions) {
+        const btn = document.createElement('button');
+        btn.className = 'rf-preview__toggle-btn';
+        btn.setAttribute('aria-label', `${opt.label} theme`);
+        btn.setAttribute('title', opt.title);
+        btn.appendChild(createIcon(opt.icon));
+        const onClick = () => { themeMode = opt.mode; render(); };
+        btn.addEventListener('click', onClick);
+        cleanups.push(() => btn.removeEventListener('click', onClick));
+        themeToggle.appendChild(btn);
+        themeButtons.set(opt.mode, btn);
+    }
+    controls.appendChild(themeToggle);
+    // Wrap content in canvas
+    const canvas = document.createElement('div');
+    canvas.className = 'rf-preview__canvas';
+    // Viewport frame (if responsive)
+    let viewportFrame = null;
+    let viewportLabel = null;
+    if (hasResponsive) {
+        viewportFrame = document.createElement('div');
+        viewportFrame.className = 'rf-preview__viewport-frame';
+        viewportLabel = document.createElement('span');
+        viewportLabel.className = 'rf-preview__viewport-label';
+        viewportLabel.hidden = true;
+        viewportFrame.appendChild(viewportLabel);
+        for (const child of contentChildren) {
+            viewportFrame.appendChild(child);
+        }
+        canvas.appendChild(viewportFrame);
+    }
+    else {
+        for (const child of contentChildren) {
+            canvas.appendChild(child);
+        }
+    }
+    const sourceTabs = [];
+    let sourcePanel = null;
+    let sourceTabButtons = null;
+    let activeSourceTab = '';
+    if (hasSource) {
+        sourcePanel = document.createElement('div');
+        sourcePanel.className = 'rf-preview__source';
+        if (sourceEl) {
+            const panel = document.createElement('div');
+            panel.appendChild(sourceEl);
+            sourceTabs.push({ key: 'markdoc', label: 'Markdoc', panel });
+        }
+        if (htmlSourceEl) {
+            const panel = document.createElement('div');
+            panel.appendChild(htmlSourceEl);
+            sourceTabs.push({ key: 'rune', label: 'Rune', panel });
+        }
+        // Themed HTML tab (generated at build time by engine postTransform, with Shiki highlighting)
+        if (themedSourceEl) {
+            const panel = document.createElement('div');
+            panel.appendChild(themedSourceEl);
+            sourceTabs.push({ key: 'html', label: 'HTML', panel });
+        }
+        activeSourceTab = sourceTabs[0]?.key ?? '';
+        // Create tab bar when multiple sources exist
+        if (sourceTabs.length > 1) {
+            const tabBar = document.createElement('div');
+            tabBar.className = 'rf-preview__source-tabs';
+            sourceTabButtons = new Map();
+            for (const tab of sourceTabs) {
+                const btn = document.createElement('button');
+                btn.className = 'rf-preview__source-tab';
+                if (tab.key === activeSourceTab)
+                    btn.classList.add('rf-preview__source-tab--active');
+                btn.textContent = tab.label;
+                const onClick = () => { activeSourceTab = tab.key; render(); };
+                btn.addEventListener('click', onClick);
+                cleanups.push(() => btn.removeEventListener('click', onClick));
+                tabBar.appendChild(btn);
+                sourceTabButtons.set(tab.key, btn);
+            }
+            sourcePanel.appendChild(tabBar);
+        }
+        // Add all source panels
+        for (const tab of sourceTabs) {
+            tab.panel.hidden = tab.key !== activeSourceTab;
+            sourcePanel.appendChild(tab.panel);
+        }
+    }
+    // Insert into DOM
+    el.appendChild(toolbar);
+    if (sourcePanel)
+        el.appendChild(sourcePanel);
+    el.appendChild(canvas);
+    function render() {
+        // View toggle
+        if (viewPreviewBtn && viewCodeBtn) {
+            viewPreviewBtn.classList.toggle('rf-preview__toggle-btn--active', view === 'preview');
+            viewCodeBtn.classList.toggle('rf-preview__toggle-btn--active', view === 'code');
+        }
+        if (sourcePanel) {
+            sourcePanel.hidden = view !== 'code';
+        }
+        canvas.hidden = view === 'code' && hasSource;
+        // Source tab toggle
+        if (sourceTabButtons) {
+            for (const [key, btn] of sourceTabButtons) {
+                btn.classList.toggle('rf-preview__source-tab--active', activeSourceTab === key);
+            }
+        }
+        for (const tab of sourceTabs) {
+            tab.panel.hidden = tab.key !== activeSourceTab;
+        }
+        // Viewport toggle
+        for (const [preset, btn] of viewportButtons) {
+            btn.classList.toggle('rf-preview__toggle-btn--active', activeViewport === preset);
+        }
+        if (viewportFrame) {
+            const width = activeViewport && VIEWPORT_PRESETS[activeViewport]
+                ? VIEWPORT_PRESETS[activeViewport].width
+                : null;
+            viewportFrame.classList.toggle('rf-preview__viewport-frame--constrained', !!width);
+            viewportFrame.style.maxWidth = width ? `${width}px` : '';
+            if (viewportLabel) {
+                if (width && activeViewport) {
+                    viewportLabel.textContent = VIEWPORT_PRESETS[activeViewport].label;
+                    viewportLabel.hidden = false;
+                }
+                else {
+                    viewportLabel.hidden = true;
+                }
+            }
+        }
+        // Theme toggle
+        for (const [mode, btn] of themeButtons) {
+            btn.classList.toggle('rf-preview__toggle-btn--active', themeMode === mode);
+        }
+        const resolvedTheme = themeMode === 'auto' ? undefined : themeMode;
+        if (resolvedTheme) {
+            canvas.setAttribute('data-theme', resolvedTheme);
+        }
+        else {
+            canvas.removeAttribute('data-theme');
+        }
+    }
+    // Initial render
+    render();
+    return () => {
+        cleanups.forEach((fn) => fn());
+        // Restore DOM: move children back to el, remove toolbar/canvas/source wrappers
+        if (sourceEl)
+            el.appendChild(sourceEl);
+        if (htmlSourceEl)
+            el.appendChild(htmlSourceEl);
+        if (themedSourceEl)
+            el.appendChild(themedSourceEl);
+        for (const child of Array.from(viewportFrame?.children ?? canvas.children)) {
+            if (child !== viewportLabel) {
+                el.appendChild(child);
+            }
+        }
+        toolbar.remove();
+        canvas.remove();
+        sourcePanel?.remove();
+    };
+}
+//# sourceMappingURL=preview.js.map

package/dist/behaviors/preview.js.map

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

package/dist/behaviors/reveal.d.ts

@@ -0,0 +1,9 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * Reveal behavior for `[data-rune="reveal"]`.
+ *
+ * Shows steps one at a time with Continue/Start Over controls.
+ * Steps are shown/hidden via `rf-reveal-step--visible` / `rf-reveal-step--hidden` classes.
+ */
+export declare function revealBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=reveal.d.ts.map

package/dist/behaviors/reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal.d.ts","sourceRoot":"","sources":["../../src/behaviors/reveal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,CAuEzD"}

package/dist/behaviors/reveal.js

@@ -0,0 +1,70 @@
+/**
+ * Reveal behavior for `[data-rune="reveal"]`.
+ *
+ * Shows steps one at a time with Continue/Start Over controls.
+ * Steps are shown/hidden via `rf-reveal-step--visible` / `rf-reveal-step--hidden` classes.
+ */
+export function revealBehavior(el) {
+    // Find steps — look in data-name="steps" container or direct children
+    const stepsContainer = el.querySelector('[data-name="steps"]') || el;
+    const steps = Array.from(stepsContainer.querySelectorAll('[data-rune="revealstep"], [typeof="RevealStep"]'));
+    if (steps.length === 0)
+        return () => { };
+    let visibleCount = 1;
+    // Create Continue button
+    const nextBtn = document.createElement('button');
+    nextBtn.className = 'rf-reveal__next';
+    nextBtn.textContent = 'Continue';
+    // Create Start Over button
+    const resetBtn = document.createElement('button');
+    resetBtn.className = 'rf-reveal__reset';
+    resetBtn.textContent = 'Start over';
+    function render() {
+        for (let i = 0; i < steps.length; i++) {
+            const visible = i < visibleCount;
+            steps[i].classList.toggle('rf-reveal-step--visible', visible);
+            steps[i].classList.toggle('rf-reveal-step--hidden', !visible);
+        }
+        // Show Continue button if more steps to reveal
+        if (visibleCount < steps.length) {
+            if (!nextBtn.parentNode)
+                el.appendChild(nextBtn);
+            resetBtn.remove();
+        }
+        else if (steps.length > 1) {
+            // All steps visible and more than one — show Start Over
+            nextBtn.remove();
+            if (!resetBtn.parentNode)
+                el.appendChild(resetBtn);
+        }
+        else {
+            nextBtn.remove();
+            resetBtn.remove();
+        }
+    }
+    const onNext = () => {
+        if (visibleCount < steps.length) {
+            visibleCount++;
+            render();
+        }
+    };
+    const onReset = () => {
+        visibleCount = 1;
+        render();
+    };
+    nextBtn.addEventListener('click', onNext);
+    resetBtn.addEventListener('click', onReset);
+    // Initial render
+    render();
+    return () => {
+        nextBtn.removeEventListener('click', onNext);
+        resetBtn.removeEventListener('click', onReset);
+        nextBtn.remove();
+        resetBtn.remove();
+        // Remove visibility classes
+        for (const step of steps) {
+            step.classList.remove('rf-reveal-step--visible', 'rf-reveal-step--hidden');
+        }
+    };
+}
+//# sourceMappingURL=reveal.js.map

package/dist/behaviors/reveal.js.map

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

package/dist/behaviors/tabs.d.ts

@@ -0,0 +1,13 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * Tabs behavior for `[data-rune="tabgroup"]` and `[data-rune="codegroup"]`.
+ *
+ * Discovers Tab/TabPanel items in the identity-transformed HTML structure,
+ * creates a tablist bar with buttons, and toggles panel visibility.
+ *
+ * - ArrowLeft/ArrowRight keyboard navigation (with wrapping)
+ * - Home/End jump to first/last tab
+ * - ARIA: role="tablist", role="tab", role="tabpanel", aria-selected, aria-controls
+ */
+export declare function tabsBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/behaviors/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/behaviors/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,CAqJvD"}

package/dist/behaviors/tabs.js

@@ -0,0 +1,142 @@
+import { uniqueId } from '../utils.js';
+/**
+ * Tabs behavior for `[data-rune="tabgroup"]` and `[data-rune="codegroup"]`.
+ *
+ * Discovers Tab/TabPanel items in the identity-transformed HTML structure,
+ * creates a tablist bar with buttons, and toggles panel visibility.
+ *
+ * - ArrowLeft/ArrowRight keyboard navigation (with wrapping)
+ * - Home/End jump to first/last tab
+ * - ARIA: role="tablist", role="tab", role="tabpanel", aria-selected, aria-controls
+ */
+export function tabsBehavior(el) {
+    // The rune schema produces two <ul> elements:
+    // <ul data-name="tabs"> for Tab items, <ul data-name="panels"> for TabPanel items.
+    // Fall back to positional lookup for compatibility with single-<ul> structures.
+    const allUls = el.querySelectorAll('ul');
+    const tabsUl = el.querySelector('ul[data-name="tabs"]') || allUls[0];
+    const panelsUl = el.querySelector('ul[data-name="panels"]') || allUls[1] || tabsUl;
+    if (!tabsUl)
+        return () => { };
+    const tabItems = Array.from(tabsUl.children).filter((c) => c instanceof HTMLElement && c.tagName === 'LI' &&
+        c.getAttribute('typeof') === 'Tab');
+    const panelItems = Array.from(panelsUl.children).filter((c) => c instanceof HTMLElement && c.tagName === 'LI' &&
+        c.getAttribute('typeof') === 'TabPanel');
+    if (tabItems.length === 0 || panelItems.length === 0)
+        return () => { };
+    // Extract tab names from Tab items
+    const tabNames = tabItems.map((item) => {
+        const nameEl = item.querySelector('[property="name"]');
+        return nameEl?.textContent?.trim() || item.textContent?.trim() || '';
+    });
+    // Generate IDs for ARIA wiring
+    const tabIds = tabNames.map(() => uniqueId('rf-tab'));
+    const panelIds = panelItems.map(() => uniqueId('rf-tabpanel'));
+    // Create tab bar
+    const tabBar = document.createElement('div');
+    tabBar.setAttribute('role', 'tablist');
+    tabBar.className = el.getAttribute('data-rune') === 'codegroup'
+        ? 'rf-codegroup__tabs'
+        : 'rf-tabs__bar';
+    const buttonClass = el.getAttribute('data-rune') === 'codegroup'
+        ? 'rf-codegroup__tab'
+        : 'rf-tabs__button';
+    const buttons = tabNames.map((name, i) => {
+        const btn = document.createElement('button');
+        btn.className = buttonClass;
+        btn.setAttribute('role', 'tab');
+        btn.setAttribute('aria-selected', String(i === 0));
+        btn.id = tabIds[i];
+        if (panelIds[i])
+            btn.setAttribute('aria-controls', panelIds[i]);
+        btn.textContent = name;
+        tabBar.appendChild(btn);
+        return btn;
+    });
+    // Insert tab bar — for codegroup, after topbar; for tabs, before the tabs ul
+    const topbar = el.querySelector('[data-name="topbar"]');
+    if (topbar) {
+        topbar.after(tabBar);
+    }
+    else {
+        tabsUl.before(tabBar);
+    }
+    // Set up panels with ARIA attributes
+    for (let i = 0; i < panelItems.length; i++) {
+        panelItems[i].setAttribute('role', 'tabpanel');
+        if (panelIds[i])
+            panelItems[i].id = panelIds[i];
+        if (tabIds[i])
+            panelItems[i].setAttribute('aria-labelledby', tabIds[i]);
+    }
+    // Hide Tab label items (replaced by tablist buttons)
+    for (const item of tabItems) {
+        item.hidden = true;
+    }
+    let activeIndex = 0;
+    function setActive(index) {
+        activeIndex = index;
+        for (let i = 0; i < buttons.length; i++) {
+            buttons[i].setAttribute('aria-selected', String(i === activeIndex));
+            buttons[i].classList.toggle(`${buttonClass}--active`, i === activeIndex);
+        }
+        for (let i = 0; i < panelItems.length; i++) {
+            panelItems[i].hidden = i !== activeIndex;
+        }
+    }
+    // Initial state
+    setActive(0);
+    // Click handlers
+    const cleanups = [];
+    for (let i = 0; i < buttons.length; i++) {
+        const handler = () => setActive(i);
+        buttons[i].addEventListener('click', handler);
+        cleanups.push(() => buttons[i].removeEventListener('click', handler));
+    }
+    // Keyboard navigation
+    const onKeydown = (e) => {
+        const target = e.target;
+        const index = buttons.indexOf(target);
+        if (index === -1)
+            return;
+        let next = null;
+        switch (e.key) {
+            case 'ArrowRight':
+                next = (index + 1) % buttons.length;
+                break;
+            case 'ArrowLeft':
+                next = (index - 1 + buttons.length) % buttons.length;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = buttons.length - 1;
+                break;
+            default:
+                return;
+        }
+        if (next !== null) {
+            e.preventDefault();
+            buttons[next].focus();
+            setActive(next);
+        }
+    };
+    tabBar.addEventListener('keydown', onKeydown);
+    cleanups.push(() => tabBar.removeEventListener('keydown', onKeydown));
+    return () => {
+        cleanups.forEach((fn) => fn());
+        // Restore DOM: remove tab bar, unhide items
+        tabBar.remove();
+        for (const item of tabItems) {
+            item.hidden = false;
+        }
+        for (const item of panelItems) {
+            item.hidden = false;
+            item.removeAttribute('role');
+            item.removeAttribute('id');
+            item.removeAttribute('aria-labelledby');
+        }
+    };
+}
+//# sourceMappingURL=tabs.js.map

package/dist/behaviors/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/behaviors/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAC,EAAe;IAC3C,8CAA8C;IAC9C,mFAAmF;IACnF,gFAAgF;IAChF,MAAM,MAAM,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,EAAE,CAAC,aAAa,CAAc,sBAAsB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;IAClF,MAAM,QAAQ,GAAG,EAAE,CAAC,aAAa,CAAc,wBAAwB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IAChG,IAAI,CAAC,MAAM;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAE7B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAClD,CAAC,CAAC,EAAoB,EAAE,CAAC,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI;QACtE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,KAAK,CACnC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtD,CAAC,CAAC,EAAoB,EAAE,CAAC,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI;QACtE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,UAAU,CACxC,CAAC;IAEF,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAEtE,mCAAmC;IACnC,MAAM,QAAQ,GAAa,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChD,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACvD,OAAO,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/D,iBAAiB;IACjB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,WAAW;QAC9D,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,cAAc,CAAC;IAElB,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,WAAW;QAC/D,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,iBAAiB,CAAC;IAErB,MAAM,OAAO,GAAwB,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC7D,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7C,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC;QAC5B,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAChC,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACnB,IAAI,QAAQ,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAChE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACxB,OAAO,GAAG,CAAC;IACZ,CAAC,CAAC,CAAC;IAEH,6EAA6E;IAC7E,MAAM,MAAM,GAAG,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACxD,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;SAAM,CAAC;QACP,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC;IAED,qCAAqC;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC/C,IAAI,QAAQ,CAAC,CAAC,CAAC;YAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,MAAM,CAAC,CAAC,CAAC;YAAE,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,qDAAqD;IACrD,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC;IAED,IAAI,WAAW,GAAG,CAAC,CAAC;IAEpB,SAAS,SAAS,CAAC,KAAa;QAC/B,WAAW,GAAG,KAAK,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC;YACpE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,WAAW,UAAU,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC;QAC1E,CAAC;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC5C,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,KAAK,WAAW,CAAC;QAC1C,CAAC;IACF,CAAC;IAED,gBAAgB;IAChB,SAAS,CAAC,CAAC,CAAC,CAAC;IAEb,iBAAiB;IACjB,MAAM,QAAQ,GAAsB,EAAE,CAAC;IAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACnC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,sBAAsB;IACtB,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAA2B,CAAC,CAAC;QAC3D,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,OAAO;QAEzB,IAAI,IAAI,GAAkB,IAAI,CAAC;QAE/B,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACf,KAAK,YAAY;gBAChB,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;gBACpC,MAAM;YACP,KAAK,WAAW;gBACf,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;gBACrD,MAAM;YACP,KAAK,MAAM;gBACV,IAAI,GAAG,CAAC,CAAC;gBACT,MAAM;YACP,KAAK,KAAK;gBACT,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1B,MAAM;YACP;gBACC,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YACtB,SAAS,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC9C,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtE,OAAO,GAAG,EAAE;QACX,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAE/B,4CAA4C;QAC5C,MAAM,CAAC,MAAM,EAAE,CAAC;QAChB,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,CAAC;QACD,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QACzC,CAAC;IACF,CAAC,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import type { InitOptions } from './types.js';
+/**
+ * Scan a container for rune elements and attach interactive behaviors.
+ *
+ * Discovers elements with `data-rune` attributes, checks for theme-framework
+ * overrides (Alpine.js, Stimulus), and wires up the appropriate behavior.
+ * Also enhances all `<pre>` elements with copy-to-clipboard buttons.
+ *
+ * Returns a cleanup function that removes all event listeners and injected elements.
+ */
+export declare function initRuneBehaviors(container?: HTMLElement | Document, options?: InitOptions): () => void;
+export { copyBehavior } from './behaviors/copy.js';
+export { accordionBehavior } from './behaviors/accordion.js';
+export { tabsBehavior } from './behaviors/tabs.js';
+export { revealBehavior } from './behaviors/reveal.js';
+export { datatableBehavior } from './behaviors/datatable.js';
+export { formBehavior } from './behaviors/form.js';
+export { previewBehavior } from './behaviors/preview.js';
+export type { BehaviorFn, CleanupFn, InitOptions } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,YAAY,CAAC;AAsB1D;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,WAAW,GAAG,QAAmB,EAC5C,OAAO,CAAC,EAAE,WAAW,GACnB,MAAM,IAAI,CA0BZ;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}