@refrakt-md/behaviors 0.5.0

package/dist/behaviors/accordion.d.ts

@@ -0,0 +1,11 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * Accordion behavior for `[data-rune="accordion"]`.
+ *
+ * Enhances native `<details>/<summary>` elements with:
+ * - Exclusive mode: only one item open at a time (when `data-multiple` is absent)
+ * - ARIA attributes: `aria-expanded` on triggers, `aria-controls`/`aria-labelledby` wiring
+ * - Keyboard navigation: ArrowUp/Down between triggers, Home/End to first/last
+ */
+export declare function accordionBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=accordion.d.ts.map

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

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

package/dist/behaviors/accordion.js

@@ -0,0 +1,85 @@
+import { uniqueId } from '../utils.js';
+/**
+ * Accordion behavior for `[data-rune="accordion"]`.
+ *
+ * Enhances native `<details>/<summary>` elements with:
+ * - Exclusive mode: only one item open at a time (when `data-multiple` is absent)
+ * - ARIA attributes: `aria-expanded` on triggers, `aria-controls`/`aria-labelledby` wiring
+ * - Keyboard navigation: ArrowUp/Down between triggers, Home/End to first/last
+ */
+export function accordionBehavior(el) {
+    const details = Array.from(el.querySelectorAll('details'));
+    if (details.length === 0)
+        return () => { };
+    const allowMultiple = el.hasAttribute('data-multiple');
+    const cleanups = [];
+    // Wire up ARIA and event listeners for each item
+    for (const item of details) {
+        const summary = item.querySelector('summary');
+        if (!summary)
+            continue;
+        // Generate IDs for ARIA wiring
+        const panelId = uniqueId('rf-accordion-panel');
+        const triggerId = uniqueId('rf-accordion-trigger');
+        summary.id = triggerId;
+        summary.setAttribute('aria-expanded', String(item.open));
+        // Find the content panel (first non-summary child element)
+        const panel = Array.from(item.children).find((child) => child instanceof HTMLElement && child.tagName !== 'SUMMARY');
+        if (panel) {
+            panel.id = panelId;
+            panel.setAttribute('role', 'region');
+            panel.setAttribute('aria-labelledby', triggerId);
+            summary.setAttribute('aria-controls', panelId);
+        }
+        // Toggle handler for exclusive mode
+        const onToggle = () => {
+            summary.setAttribute('aria-expanded', String(item.open));
+            if (!allowMultiple && item.open) {
+                for (const other of details) {
+                    if (other !== item && other.open) {
+                        other.open = false;
+                        const otherSummary = other.querySelector('summary');
+                        otherSummary?.setAttribute('aria-expanded', 'false');
+                    }
+                }
+            }
+        };
+        item.addEventListener('toggle', onToggle);
+        cleanups.push(() => item.removeEventListener('toggle', onToggle));
+    }
+    // Keyboard navigation across all summaries
+    const summaries = details
+        .map((d) => d.querySelector('summary'))
+        .filter((s) => s !== null);
+    const onKeydown = (e) => {
+        const target = e.target;
+        const index = summaries.indexOf(target);
+        if (index === -1)
+            return;
+        let next = null;
+        switch (e.key) {
+            case 'ArrowDown':
+                next = (index + 1) % summaries.length;
+                break;
+            case 'ArrowUp':
+                next = (index - 1 + summaries.length) % summaries.length;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = summaries.length - 1;
+                break;
+            default:
+                return;
+        }
+        if (next !== null) {
+            e.preventDefault();
+            summaries[next].focus();
+        }
+    };
+    el.addEventListener('keydown', onKeydown);
+    cleanups.push(() => el.removeEventListener('keydown', onKeydown));
+    return () => cleanups.forEach((fn) => fn());
+}
+//# sourceMappingURL=accordion.js.map

package/dist/behaviors/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/behaviors/accordion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAe;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAqB,SAAS,CAAC,CAAC,CAAC;IAC/E,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAsB,EAAE,CAAC;IAEvC,iDAAiD;IACjD,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO;YAAE,SAAS;QAEvB,+BAA+B;QAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC;QAEnD,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;QACvB,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAEzD,2DAA2D;QAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC3C,CAAC,KAAK,EAAwB,EAAE,CAAC,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAC5F,CAAC;QACF,IAAI,KAAK,EAAE,CAAC;YACX,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;YACnB,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrC,KAAK,CAAC,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;YACjD,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QAChD,CAAC;QAED,oCAAoC;QACpC,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAEzD,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACjC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC7B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;wBAClC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;wBACnB,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;wBACpD,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;oBACtD,CAAC;gBACF,CAAC;YACF,CAAC;QACF,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,2CAA2C;IAC3C,MAAM,SAAS,GAAG,OAAO;SACvB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SACtC,MAAM,CAAC,CAAC,CAAC,EAAoB,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACxC,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,OAAO;QAEzB,IAAI,IAAI,GAAkB,IAAI,CAAC;QAE/B,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACf,KAAK,WAAW;gBACf,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;gBACtC,MAAM;YACP,KAAK,SAAS;gBACb,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;gBACzD,MAAM;YACP,KAAK,MAAM;gBACV,IAAI,GAAG,CAAC,CAAC;gBACT,MAAM;YACP,KAAK,KAAK;gBACT,IAAI,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5B,MAAM;YACP;gBACC,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;IACF,CAAC,CAAC;IAEF,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC1C,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAElE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7C,CAAC"}

package/dist/behaviors/copy.d.ts

@@ -0,0 +1,9 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * Copy-to-clipboard behavior for code blocks.
+ *
+ * Finds all `<pre>` elements within the container and injects a copy button.
+ * Works on standalone code blocks and code blocks inside rune containers.
+ */
+export declare function copyBehavior(container: HTMLElement | Document): CleanupFn;
+//# sourceMappingURL=copy.d.ts.map

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

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

package/dist/behaviors/copy.js

@@ -0,0 +1,53 @@
+/**
+ * Copy-to-clipboard behavior for code blocks.
+ *
+ * Finds all `<pre>` elements within the container and injects a copy button.
+ * Works on standalone code blocks and code blocks inside rune containers.
+ */
+export function copyBehavior(container) {
+    const pres = container.querySelectorAll('pre');
+    const cleanups = [];
+    for (const pre of pres) {
+        // Skip if already wrapped with a copy button (by this behavior or by a framework component)
+        if (pre.parentElement?.classList.contains('rf-code-wrapper'))
+            continue;
+        if (pre.parentElement?.classList.contains('rf-codeblock'))
+            continue;
+        const btn = document.createElement('button');
+        btn.className = 'rf-copy-btn';
+        btn.type = 'button';
+        btn.setAttribute('aria-label', 'Copy code');
+        btn.textContent = 'Copy';
+        let timeout;
+        const handler = () => {
+            const text = pre.textContent ?? '';
+            navigator.clipboard.writeText(text).then(() => {
+                btn.textContent = 'Copied!';
+                btn.setAttribute('aria-label', 'Copied');
+                if (timeout)
+                    clearTimeout(timeout);
+                timeout = setTimeout(() => {
+                    btn.textContent = 'Copy';
+                    btn.setAttribute('aria-label', 'Copy code');
+                }, 2000);
+            });
+        };
+        btn.addEventListener('click', handler);
+        // Wrap pre in a relative container for positioning if not already wrapped
+        const wrapper = document.createElement('div');
+        wrapper.className = 'rf-code-wrapper';
+        pre.parentNode?.insertBefore(wrapper, pre);
+        wrapper.appendChild(pre);
+        wrapper.appendChild(btn);
+        cleanups.push(() => {
+            btn.removeEventListener('click', handler);
+            if (timeout)
+                clearTimeout(timeout);
+            // Unwrap: move pre back out, remove wrapper and button
+            wrapper.parentNode?.insertBefore(pre, wrapper);
+            wrapper.remove();
+        });
+    }
+    return () => cleanups.forEach((fn) => fn());
+}
+//# sourceMappingURL=copy.js.map

package/dist/behaviors/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../src/behaviors/copy.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,SAAiC;IAC7D,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAc,KAAK,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAsB,EAAE,CAAC;IAEvC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,4FAA4F;QAC5F,IAAI,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC;YAAE,SAAS;QACvE,IAAI,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC;YAAE,SAAS;QAEpE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7C,GAAG,CAAC,SAAS,GAAG,aAAa,CAAC;QAC9B,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC;QACpB,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC5C,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC;QAEzB,IAAI,OAAkD,CAAC;QAEvD,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,MAAM,IAAI,GAAG,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC;YACnC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC7C,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;gBAC5B,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;gBACzC,IAAI,OAAO;oBAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBACnC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACzB,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC;oBACzB,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;gBAC7C,CAAC,EAAE,IAAI,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEvC,0EAA0E;QAC1E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAC;QACtC,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC3C,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACzB,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEzB,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;YAClB,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC1C,IAAI,OAAO;gBAAE,YAAY,CAAC,OAAO,CAAC,CAAC;YACnC,uDAAuD;YACvD,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAC/C,OAAO,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7C,CAAC"}

package/dist/behaviors/datatable.d.ts

@@ -0,0 +1,17 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * DataTable behavior for `[data-rune="datatable"]`.
+ *
+ * Enhances a rendered `<table>` element with:
+ * - Search/filter: input that filters rows by cell text
+ * - Column sorting: clickable headers with sort indicators
+ * - Pagination: page navigation with prev/next buttons
+ *
+ * Reads configuration from data attributes set by the identity transform:
+ * - `data-searchable`: "true" to enable search
+ * - `data-sortable`: comma-separated column names
+ * - `data-pagesize`: number of rows per page (0 = no pagination)
+ * - `data-defaultsort`: column name to sort by initially
+ */
+export declare function datatableBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=datatable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../src/behaviors/datatable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,CAqO5D"}

package/dist/behaviors/datatable.js

@@ -0,0 +1,210 @@
+/**
+ * DataTable behavior for `[data-rune="datatable"]`.
+ *
+ * Enhances a rendered `<table>` element with:
+ * - Search/filter: input that filters rows by cell text
+ * - Column sorting: clickable headers with sort indicators
+ * - Pagination: page navigation with prev/next buttons
+ *
+ * Reads configuration from data attributes set by the identity transform:
+ * - `data-searchable`: "true" to enable search
+ * - `data-sortable`: comma-separated column names
+ * - `data-pagesize`: number of rows per page (0 = no pagination)
+ * - `data-defaultsort`: column name to sort by initially
+ */
+export function datatableBehavior(el) {
+    const table = el.querySelector('table');
+    if (!table)
+        return () => { };
+    // Read configuration from data attributes
+    const searchable = el.getAttribute('data-searchable') === 'true';
+    const sortableStr = el.getAttribute('data-sortable') || '';
+    const sortable = sortableStr.split(',').map((s) => s.trim()).filter(Boolean);
+    const pageSize = parseInt(el.getAttribute('data-pagesize') || '0', 10);
+    const defaultSort = el.getAttribute('data-defaultsort') || '';
+    // Parse table structure
+    const thEls = Array.from(table.querySelectorAll('th'));
+    const headers = thEls.map((th) => th.textContent?.trim() || '');
+    const bodyRows = table.querySelectorAll('tbody tr');
+    const rows = Array.from(bodyRows.length > 0 ? bodyRows : table.querySelectorAll('tr:not(:first-child)')).map((tr) => ({
+        el: tr,
+        cells: Array.from(tr.querySelectorAll('td')).map((td) => td.textContent?.trim() || ''),
+    }));
+    // Save original row order for cleanup
+    const originalOrder = rows.map((r) => r.el);
+    // State
+    let searchQuery = '';
+    let sortColumn = defaultSort;
+    let sortDirection = 'asc';
+    let currentPage = 0;
+    const cleanups = [];
+    // Inject search toolbar
+    let toolbar = null;
+    let searchInput = null;
+    if (searchable) {
+        toolbar = document.createElement('div');
+        toolbar.className = 'rf-datatable__toolbar';
+        searchInput = document.createElement('input');
+        searchInput.type = 'search';
+        searchInput.placeholder = 'Filter rows...';
+        searchInput.className = 'rf-datatable__input';
+        toolbar.appendChild(searchInput);
+        table.before(toolbar);
+        const onInput = () => {
+            searchQuery = searchInput.value;
+            currentPage = 0;
+            render();
+        };
+        searchInput.addEventListener('input', onInput);
+        cleanups.push(() => searchInput.removeEventListener('input', onInput));
+    }
+    // Make sortable headers clickable
+    for (const th of thEls) {
+        const name = th.textContent?.trim() || '';
+        if (!sortable.includes(name))
+            continue;
+        th.style.cursor = 'pointer';
+        th.style.userSelect = 'none';
+        const onClick = () => {
+            if (sortColumn === name) {
+                sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';
+            }
+            else {
+                sortColumn = name;
+                sortDirection = 'asc';
+            }
+            currentPage = 0;
+            render();
+        };
+        th.addEventListener('click', onClick);
+        cleanups.push(() => {
+            th.removeEventListener('click', onClick);
+            th.style.cursor = '';
+            th.style.userSelect = '';
+        });
+    }
+    // Inject pagination controls
+    let pagination = null;
+    let prevBtn = null;
+    let nextBtn = null;
+    let pageInfo = null;
+    if (pageSize > 0) {
+        pagination = document.createElement('div');
+        pagination.className = 'rf-datatable__pagination';
+        prevBtn = document.createElement('button');
+        prevBtn.className = 'rf-datatable__page-btn';
+        prevBtn.innerHTML = '&larr; Prev';
+        pageInfo = document.createElement('span');
+        pageInfo.className = 'rf-datatable__page-info';
+        nextBtn = document.createElement('button');
+        nextBtn.className = 'rf-datatable__page-btn';
+        nextBtn.innerHTML = 'Next &rarr;';
+        pagination.appendChild(prevBtn);
+        pagination.appendChild(pageInfo);
+        pagination.appendChild(nextBtn);
+        table.after(pagination);
+        const onPrev = () => {
+            if (currentPage > 0) {
+                currentPage--;
+                render();
+            }
+        };
+        const onNext = () => {
+            currentPage++;
+            render();
+        };
+        prevBtn.addEventListener('click', onPrev);
+        nextBtn.addEventListener('click', onNext);
+        cleanups.push(() => {
+            prevBtn.removeEventListener('click', onPrev);
+            nextBtn.removeEventListener('click', onNext);
+        });
+    }
+    function render() {
+        let filtered = [...rows];
+        // Filter
+        if (searchQuery) {
+            const q = searchQuery.toLowerCase();
+            filtered = filtered.filter((r) => r.cells.some((c) => c.toLowerCase().includes(q)));
+        }
+        // Sort
+        if (sortColumn) {
+            const idx = headers.indexOf(sortColumn);
+            if (idx >= 0) {
+                filtered.sort((a, b) => {
+                    const cmp = a.cells[idx].localeCompare(b.cells[idx], undefined, { numeric: true });
+                    return sortDirection === 'asc' ? cmp : -cmp;
+                });
+            }
+        }
+        const totalFiltered = filtered.length;
+        const totalPages = pageSize > 0 ? Math.ceil(totalFiltered / pageSize) : 1;
+        // Clamp current page
+        if (currentPage >= totalPages)
+            currentPage = Math.max(0, totalPages - 1);
+        // Determine visible rows
+        const visible = pageSize > 0
+            ? filtered.slice(currentPage * pageSize, (currentPage + 1) * pageSize)
+            : filtered;
+        const tbody = table.querySelector('tbody') || table;
+        // Hide all, then show and reorder visible
+        for (const r of rows)
+            r.el.style.display = 'none';
+        for (const r of visible) {
+            r.el.style.display = '';
+            tbody.appendChild(r.el);
+        }
+        // Update sort indicators on headers
+        for (const th of thEls) {
+            const name = th.textContent?.replace(/[▲▼]/g, '').trim() || '';
+            const indicator = th.querySelector('.rf-datatable__sort-indicator');
+            if (sortable.includes(name)) {
+                if (sortColumn === name) {
+                    if (indicator) {
+                        indicator.textContent = sortDirection === 'asc' ? ' ▲' : ' ▼';
+                    }
+                    else {
+                        const span = document.createElement('span');
+                        span.className = 'rf-datatable__sort-indicator';
+                        span.textContent = sortDirection === 'asc' ? ' ▲' : ' ▼';
+                        th.appendChild(span);
+                    }
+                }
+                else {
+                    indicator?.remove();
+                }
+            }
+        }
+        // Update pagination
+        if (pagination && prevBtn && nextBtn && pageInfo) {
+            prevBtn.disabled = currentPage === 0;
+            nextBtn.disabled = currentPage >= totalPages - 1;
+            pageInfo.textContent = `${currentPage + 1} / ${totalPages}`;
+            if (totalPages <= 1) {
+                pagination.hidden = true;
+            }
+            else {
+                pagination.hidden = false;
+            }
+        }
+    }
+    // Initial render
+    render();
+    return () => {
+        cleanups.forEach((fn) => fn());
+        // Remove injected elements
+        toolbar?.remove();
+        pagination?.remove();
+        // Remove sort indicators
+        for (const th of thEls) {
+            th.querySelector('.rf-datatable__sort-indicator')?.remove();
+        }
+        // Restore original row order and visibility
+        const tbody = table.querySelector('tbody') || table;
+        for (const row of originalOrder) {
+            row.style.display = '';
+            tbody.appendChild(row);
+        }
+    };
+}
+//# sourceMappingURL=datatable.js.map

package/dist/behaviors/datatable.js.map

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

package/dist/behaviors/form.d.ts

@@ -0,0 +1,18 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * Form behavior for `[data-rune="form"]`.
+ *
+ * Enhances a rendered `<form>` element with:
+ * - Async submission via fetch (prevents full page reload)
+ * - Honeypot field for basic spam protection
+ * - Status messages (submitting, success, error) with ARIA roles
+ *
+ * Reads configuration from data attributes:
+ * - `data-action`: form submission URL
+ * - `data-method`: HTTP method (default: POST)
+ * - `data-success`: success message text
+ * - `data-error`: error message text
+ * - `data-honeypot`: "false" to disable honeypot (default: enabled)
+ */
+export declare function formBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=form.d.ts.map

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

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

package/dist/behaviors/form.js

@@ -0,0 +1,88 @@
+/**
+ * Form behavior for `[data-rune="form"]`.
+ *
+ * Enhances a rendered `<form>` element with:
+ * - Async submission via fetch (prevents full page reload)
+ * - Honeypot field for basic spam protection
+ * - Status messages (submitting, success, error) with ARIA roles
+ *
+ * Reads configuration from data attributes:
+ * - `data-action`: form submission URL
+ * - `data-method`: HTTP method (default: POST)
+ * - `data-success`: success message text
+ * - `data-error`: error message text
+ * - `data-honeypot`: "false" to disable honeypot (default: enabled)
+ */
+export function formBehavior(el) {
+    // The element may be a <form> itself or contain one
+    const form = el.tagName === 'FORM' ? el : el.querySelector('form');
+    if (!form)
+        return () => { };
+    const action = el.getAttribute('data-action') || form.getAttribute('action') || '';
+    const method = el.getAttribute('data-method') || form.getAttribute('method') || 'POST';
+    const successMsg = el.getAttribute('data-success') || 'Form submitted successfully.';
+    const errorMsg = el.getAttribute('data-error') || 'Something went wrong. Please try again.';
+    const honeypotEnabled = el.getAttribute('data-honeypot') !== 'false';
+    // Inject honeypot field
+    let honeypotDiv = null;
+    if (honeypotEnabled) {
+        honeypotDiv = document.createElement('div');
+        honeypotDiv.className = 'rf-form__hp';
+        honeypotDiv.setAttribute('aria-hidden', 'true');
+        honeypotDiv.style.display = 'none';
+        const honeypotInput = document.createElement('input');
+        honeypotInput.type = 'text';
+        honeypotInput.name = '_gotcha';
+        honeypotInput.setAttribute('autocomplete', 'off');
+        honeypotInput.tabIndex = -1;
+        honeypotDiv.appendChild(honeypotInput);
+        form.prepend(honeypotDiv);
+    }
+    // Create status element
+    const statusEl = document.createElement('div');
+    statusEl.className = 'rf-form__status';
+    statusEl.hidden = true;
+    form.appendChild(statusEl);
+    function showStatus(type, message) {
+        statusEl.hidden = false;
+        statusEl.className = `rf-form__status rf-form__status--${type}`;
+        statusEl.setAttribute('role', type === 'submitting' ? 'status' : 'alert');
+        statusEl.textContent = message;
+    }
+    function hideStatus() {
+        statusEl.hidden = true;
+        statusEl.className = 'rf-form__status';
+        statusEl.textContent = '';
+    }
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        if (!action)
+            return;
+        showStatus('submitting', 'Submitting...');
+        try {
+            const formData = new FormData(form);
+            const response = await fetch(action, {
+                method,
+                body: formData,
+                headers: { 'Accept': 'application/json' },
+            });
+            if (response.ok) {
+                showStatus('success', successMsg);
+                form.reset();
+            }
+            else {
+                showStatus('error', errorMsg);
+            }
+        }
+        catch {
+            showStatus('error', errorMsg);
+        }
+    };
+    form.addEventListener('submit', onSubmit);
+    return () => {
+        form.removeEventListener('submit', onSubmit);
+        honeypotDiv?.remove();
+        statusEl.remove();
+    };
+}
+//# sourceMappingURL=form.js.map

package/dist/behaviors/form.js.map

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

package/dist/behaviors/preview.d.ts

@@ -0,0 +1,20 @@
+import type { CleanupFn } from '../types.js';
+/**
+ * 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 declare function previewBehavior(el: HTMLElement): CleanupFn;
+//# sourceMappingURL=preview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../src/behaviors/preview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAwC7C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,CAwS1D"}