@rivetjs/cdk 0.0.0-stage → 0.1.0-alpha.1

package/table/intl.d.ts

@@ -0,0 +1,2 @@
+import type { LocalizedStrings } from "../_adapters/intl.js";
+export declare const strings: LocalizedStrings;

package/table/intl.js

@@ -0,0 +1,36 @@
+export const strings = {
+    "ar-AE": { "ascending": "تصاعدي", "ascendingSort": "ترتيب حسب العمود {columnName} بترتيب تصاعدي", "collapse": "طي", "columnSize": "{value} بالبكسل", "descending": "تنازلي", "descendingSort": "ترتيب حسب العمود {columnName} بترتيب تنازلي", "expand": "تمديد", "resizerDescription": "اضغط على مفتاح Enter لبدء تغيير الحجم", "select": "تحديد", "selectAll": "تحديد الكل", "sortable": "عمود قابل للترتيب" },
+    "bg-BG": { "ascending": "възходящ", "ascendingSort": "сортирано по колона {columnName} във възходящ ред", "collapse": "Свиване", "columnSize": "{value} пиксела", "descending": "низходящ", "descendingSort": "сортирано по колона {columnName} в низходящ ред", "expand": "Разширяване", "resizerDescription": "Натиснете „Enter“, за да започнете да преоразмерявате", "select": "Изберете", "selectAll": "Изберете всичко", "sortable": "сортираща колона" },
+    "cs-CZ": { "ascending": "vzestupně", "ascendingSort": "řazeno vzestupně podle sloupce {columnName}", "collapse": "Sbalit", "columnSize": "{value} pixelů", "descending": "sestupně", "descendingSort": "řazeno sestupně podle sloupce {columnName}", "expand": "Roztáhnout", "resizerDescription": "Stisknutím klávesy Enter začnete měnit velikost", "select": "Vybrat", "selectAll": "Vybrat vše", "sortable": "sloupec s možností řazení" },
+    "da-DK": { "ascending": "stigende", "ascendingSort": "sorteret efter kolonne {columnName} i stigende rækkefølge", "collapse": "Skjul", "columnSize": "{value} pixels", "descending": "faldende", "descendingSort": "sorteret efter kolonne {columnName} i faldende rækkefølge", "expand": "Udvid", "resizerDescription": "Tryk på Enter for at ændre størrelse", "select": "Vælg", "selectAll": "Vælg alle", "sortable": "sorterbar kolonne" },
+    "de-DE": { "ascending": "aufsteigend", "ascendingSort": "sortiert nach Spalte {columnName} in aufsteigender Reihenfolge", "collapse": "Reduzieren", "columnSize": "{value} Pixel", "descending": "absteigend", "descendingSort": "sortiert nach Spalte {columnName} in absteigender Reihenfolge", "expand": "Erweitern", "resizerDescription": "Eingabetaste zum Starten der Größenänderung drücken", "select": "Auswählen", "selectAll": "Alles auswählen", "sortable": "sortierbare Spalte" },
+    "el-GR": { "ascending": "αύξουσα", "ascendingSort": "διαλογή ανά στήλη {columnName} σε αύξουσα σειρά", "collapse": "Σύμπτυξη", "columnSize": "{value} pixel", "descending": "φθίνουσα", "descendingSort": "διαλογή ανά στήλη {columnName} σε φθίνουσα σειρά", "expand": "Ανάπτυξη", "resizerDescription": "Πατήστε Enter για έναρξη της αλλαγής μεγέθους", "select": "Επιλογή", "selectAll": "Επιλογή όλων", "sortable": "Στήλη διαλογής" },
+    "en-US": { "select": "Select", "selectAll": "Select All", "sortable": "sortable column", "ascending": "ascending", "descending": "descending", "ascendingSort": "sorted by column {columnName} in ascending order", "descendingSort": "sorted by column {columnName} in descending order", "columnSize": "{value} pixels", "resizerDescription": "Press Enter to start resizing", "expand": "Expand", "collapse": "Collapse" },
+    "es-ES": { "ascending": "ascendente", "ascendingSort": "ordenado por columna {columnName} en sentido ascendente", "collapse": "Contraer", "columnSize": "{value} píxeles", "descending": "descendente", "descendingSort": "ordenado por columna {columnName} en orden descendente", "expand": "Ampliar", "resizerDescription": "Pulse Intro para empezar a redimensionar", "select": "Seleccionar", "selectAll": "Seleccionar todos", "sortable": "columna ordenable" },
+    "et-EE": { "ascending": "tõusev järjestus", "ascendingSort": "sorditud veeru järgi {columnName} tõusvas järjestuses", "collapse": "Ahenda", "columnSize": "{value} pikslit", "descending": "laskuv järjestus", "descendingSort": "sorditud veeru järgi {columnName} laskuvas järjestuses", "expand": "Laienda", "resizerDescription": "Suuruse muutmise alustamiseks vajutage klahvi Enter", "select": "Vali", "selectAll": "Vali kõik", "sortable": "sorditav veerg" },
+    "fi-FI": { "ascending": "nouseva", "ascendingSort": "lajiteltu sarakkeen {columnName} mukaan nousevassa järjestyksessä", "collapse": "Pienennä", "columnSize": "{value} pikseliä", "descending": "laskeva", "descendingSort": "lajiteltu sarakkeen {columnName} mukaan laskevassa järjestyksessä", "expand": "Laajenna", "resizerDescription": "Aloita koon muutos painamalla Enter-näppäintä", "select": "Valitse", "selectAll": "Valitse kaikki", "sortable": "lajiteltava sarake" },
+    "fr-FR": { "ascending": "croissant", "ascendingSort": "trié en fonction de la colonne {columnName} par ordre croissant", "collapse": "Réduire", "columnSize": "{value} pixels", "descending": "décroissant", "descendingSort": "trié en fonction de la colonne {columnName} par ordre décroissant", "expand": "Développer", "resizerDescription": "Appuyez sur Entrée pour commencer le redimensionnement.", "select": "Sélectionner", "selectAll": "Sélectionner tout", "sortable": "colonne triable" },
+    "he-IL": { "ascending": "עולה", "ascendingSort": "מוין לפי עמודה {columnName} בסדר עולה", "collapse": "כווץ", "columnSize": "{value} פיקסלים", "descending": "יורד", "descendingSort": "מוין לפי עמודה {columnName} בסדר יורד", "expand": "הרחב", "resizerDescription": "הקש Enter כדי לשנות את הגודל", "select": "בחר", "selectAll": "בחר הכול", "sortable": "עמודה שניתן למיין" },
+    "hr-HR": { "ascending": "rastući", "ascendingSort": "razvrstano po stupcima {columnName} rastućem redoslijedom", "collapse": "Sažmi", "columnSize": "{value} piksela", "descending": "padajući", "descendingSort": "razvrstano po stupcima {columnName} padajućim redoslijedom", "expand": "Proširi", "resizerDescription": "Pritisnite Enter da biste započeli promenu veličine", "select": "Odaberite", "selectAll": "Odaberite sve", "sortable": "stupac koji se može razvrstati" },
+    "hu-HU": { "ascending": "növekvő", "ascendingSort": "rendezve a(z) {columnName} oszlop szerint, növekvő sorrendben", "collapse": "Összecsukás", "columnSize": "{value} képpont", "descending": "csökkenő", "descendingSort": "rendezve a(z) {columnName} oszlop szerint, csökkenő sorrendben", "expand": "Kibontás", "resizerDescription": "Nyomja le az Enter billentyűt az átméretezés megkezdéséhez", "select": "Kijelölés", "selectAll": "Összes kijelölése", "sortable": "rendezendő oszlop" },
+    "it-IT": { "ascending": "crescente", "ascendingSort": "in ordine crescente in base alla colonna {columnName}", "collapse": "Comprimi", "columnSize": "{value} pixel", "descending": "decrescente", "descendingSort": "in ordine decrescente in base alla colonna {columnName}", "expand": "Espandi", "resizerDescription": "Premi Invio per iniziare a ridimensionare", "select": "Seleziona", "selectAll": "Seleziona tutto", "sortable": "colonna ordinabile" },
+    "ja-JP": { "ascending": "昇順", "ascendingSort": "列 {columnName} を昇順で並べ替え", "collapse": "折りたたむ", "columnSize": "{value} ピクセル", "descending": "降順", "descendingSort": "列 {columnName} を降順で並べ替え", "expand": "展開", "resizerDescription": "Enter キーを押してサイズ変更を開始", "select": "選択", "selectAll": "すべて選択", "sortable": "並べ替え可能な列" },
+    "ko-KR": { "ascending": "오름차순", "ascendingSort": "{columnName} 열을 기준으로 오름차순으로 정렬됨", "collapse": "접기", "columnSize": "{value} 픽셀", "descending": "내림차순", "descendingSort": "{columnName} 열을 기준으로 내림차순으로 정렬됨", "expand": "펼치기", "resizerDescription": "크기 조정을 시작하려면 Enter를 누르세요.", "select": "선택", "selectAll": "모두 선택", "sortable": "정렬 가능한 열" },
+    "lt-LT": { "ascending": "didėjančia tvarka", "ascendingSort": "surikiuota pagal stulpelį {columnName} didėjančia tvarka", "collapse": "Sutraukti", "columnSize": "{value} piks.", "descending": "mažėjančia tvarka", "descendingSort": "surikiuota pagal stulpelį {columnName} mažėjančia tvarka", "expand": "Išskleisti", "resizerDescription": "Paspauskite „Enter“, kad pradėtumėte keisti dydį", "select": "Pasirinkti", "selectAll": "Pasirinkti viską", "sortable": "rikiuojamas stulpelis" },
+    "lv-LV": { "ascending": "augošā secībā", "ascendingSort": "kārtots pēc kolonnas {columnName} augošā secībā", "collapse": "Sakļaut", "columnSize": "{value} pikseļi", "descending": "dilstošā secībā", "descendingSort": "kārtots pēc kolonnas {columnName} dilstošā secībā", "expand": "Izvērst", "resizerDescription": "Nospiediet Enter, lai sāktu izmēru mainīšanu", "select": "Atlasīt", "selectAll": "Atlasīt visu", "sortable": "kārtojamā kolonna" },
+    "nb-NO": { "ascending": "stigende", "ascendingSort": "sortert etter kolonne {columnName} i stigende rekkefølge", "collapse": "Skjul", "columnSize": "{value} piksler", "descending": "synkende", "descendingSort": "sortert etter kolonne {columnName} i synkende rekkefølge", "expand": "Utvid", "resizerDescription": "Trykk på Enter for å starte størrelsesendring", "select": "Velg", "selectAll": "Velg alle", "sortable": "kolonne som kan sorteres" },
+    "nl-NL": { "ascending": "oplopend", "ascendingSort": "gesorteerd in oplopende volgorde in kolom {columnName}", "collapse": "Samenvouwen", "columnSize": "{value} pixels", "descending": "aflopend", "descendingSort": "gesorteerd in aflopende volgorde in kolom {columnName}", "expand": "Uitvouwen", "resizerDescription": "Druk op Enter om het formaat te wijzigen", "select": "Selecteren", "selectAll": "Alles selecteren", "sortable": "sorteerbare kolom" },
+    "pl-PL": { "ascending": "rosnąco", "ascendingSort": "posortowano według kolumny {columnName} w porządku rosnącym", "collapse": "Zwiń", "columnSize": "Liczba pikseli: {value}", "descending": "malejąco", "descendingSort": "posortowano według kolumny {columnName} w porządku malejącym", "expand": "Rozwiń", "resizerDescription": "Naciśnij Enter, aby rozpocząć zmienianie rozmiaru", "select": "Zaznacz", "selectAll": "Zaznacz wszystko", "sortable": "kolumna z możliwością sortowania" },
+    "pt-BR": { "ascending": "crescente", "ascendingSort": "classificado pela coluna {columnName} em ordem crescente", "collapse": "Recolher", "columnSize": "{value} pixels", "descending": "decrescente", "descendingSort": "classificado pela coluna {columnName} em ordem decrescente", "expand": "Expandir", "resizerDescription": "Pressione Enter para começar a redimensionar", "select": "Selecionar", "selectAll": "Selecionar tudo", "sortable": "coluna classificável" },
+    "pt-PT": { "ascending": "ascendente", "ascendingSort": "Ordenar por coluna {columnName} em ordem ascendente", "collapse": "Colapsar", "columnSize": "{value} pixels", "descending": "descendente", "descendingSort": "Ordenar por coluna {columnName} em ordem descendente", "expand": "Expandir", "resizerDescription": "Prima Enter para iniciar o redimensionamento", "select": "Selecionar", "selectAll": "Selecionar tudo", "sortable": "Coluna ordenável" },
+    "ro-RO": { "ascending": "crescătoare", "ascendingSort": "sortate după coloana {columnName} în ordine crescătoare", "collapse": "Restrângeți", "columnSize": "{value} pixeli", "descending": "descrescătoare", "descendingSort": "sortate după coloana {columnName} în ordine descrescătoare", "expand": "Extindeți", "resizerDescription": "Apăsați pe Enter pentru a începe redimensionarea", "select": "Selectare", "selectAll": "Selectare totală", "sortable": "coloană sortabilă" },
+    "ru-RU": { "ascending": "возрастание", "ascendingSort": "сортировать столбец {columnName} в порядке возрастания", "collapse": "Свернуть", "columnSize": "{value} пикс.", "descending": "убывание", "descendingSort": "сортировать столбец {columnName} в порядке убывания", "expand": "Развернуть", "resizerDescription": "Нажмите клавишу Enter для начала изменения размеров", "select": "Выбрать", "selectAll": "Выбрать все", "sortable": "сортируемый столбец" },
+    "sk-SK": { "ascending": "vzostupne", "ascendingSort": "zoradené zostupne podľa stĺpca {columnName}", "collapse": "Zbaliť", "columnSize": "Počet pixelov: {value}", "descending": "zostupne", "descendingSort": "zoradené zostupne podľa stĺpca {columnName}", "expand": "Rozbaliť", "resizerDescription": "Stlačením klávesu Enter začnete zmenu veľkosti", "select": "Vybrať", "selectAll": "Vybrať všetko", "sortable": "zoraditeľný stĺpec" },
+    "sl-SI": { "ascending": "naraščajoče", "ascendingSort": "razvrščeno po stolpcu {columnName} v naraščajočem vrstnem redu", "collapse": "Strni", "columnSize": "{value} slikovnih pik", "descending": "padajoče", "descendingSort": "razvrščeno po stolpcu {columnName} v padajočem vrstnem redu", "expand": "Razširi", "resizerDescription": "Pritisnite tipko Enter da začnete spreminjati velikost", "select": "Izberite", "selectAll": "Izberite vse", "sortable": "razvrstljivi stolpec" },
+    "sr-SP": { "ascending": "rastući", "ascendingSort": "sortirano po kolonama {columnName} rastućim redosledom", "collapse": "Skupi", "columnSize": "{value} piksela", "descending": "padajući", "descendingSort": "sortirano po kolonama {columnName} padajućim redosledom", "expand": "Proširi", "resizerDescription": "Pritisnite Enter da biste započeli promenu veličine", "select": "Izaberite", "selectAll": "Izaberite sve", "sortable": "kolona koja se može sortirati" },
+    "sv-SE": { "ascending": "stigande", "ascendingSort": "sorterat på kolumn {columnName} i stigande ordning", "collapse": "Dölj", "columnSize": "{value} pixlar", "descending": "fallande", "descendingSort": "sorterat på kolumn {columnName} i fallande ordning", "expand": "Expandera", "resizerDescription": "Tryck på Retur för att börja ändra storlek", "select": "Markera", "selectAll": "Markera allt", "sortable": "sorterbar kolumn" },
+    "tr-TR": { "ascending": "artan sırada", "ascendingSort": "{columnName} sütuna göre artan düzende sırala", "collapse": "Daralt", "columnSize": "{value} piksel", "descending": "azalan sırada", "descendingSort": "{columnName} sütuna göre azalan düzende sırala", "expand": "Genişlet", "resizerDescription": "Yeniden boyutlandırmak için Enter'a basın", "select": "Seç", "selectAll": "Tümünü Seç", "sortable": "Sıralanabilir sütun" },
+    "uk-UA": { "ascending": "висхідний", "ascendingSort": "відсортовано за стовпцем {columnName} у висхідному порядку", "collapse": "Згорнути", "columnSize": "{value} пікс.", "descending": "низхідний", "descendingSort": "відсортовано за стовпцем {columnName} у низхідному порядку", "expand": "Розгорнути", "resizerDescription": "Натисніть Enter, щоб почати зміну розміру", "select": "Вибрати", "selectAll": "Вибрати все", "sortable": "сортувальний стовпець" },
+    "zh-CN": { "ascending": "升序", "ascendingSort": "按列 {columnName} 升序排序", "collapse": "折叠", "columnSize": "{value} 像素", "descending": "降序", "descendingSort": "按列 {columnName} 降序排序", "expand": "扩展", "resizerDescription": "按 Enter 开始调整大小。", "select": "选择", "selectAll": "全选", "sortable": "可排序的列" },
+    "zh-TW": { "ascending": "遞增", "ascendingSort": "已依據「{columnName}」欄遞增排序", "collapse": "收合", "columnSize": "{value} 像素", "descending": "遞減", "descendingSort": "已依據「{columnName}」欄遞減排序", "expand": "展開", "resizerDescription": "按 Enter 鍵以開始調整大小", "select": "選取", "selectAll": "全選", "sortable": "可排序的欄" },
+};

package/table/keyboard-delegate.d.ts

@@ -0,0 +1,21 @@
+import { GridKeyboardDelegate, type GridKeyboardDelegateOptions } from "../grid/keyboard-delegate.js";
+import type { ITableCollection } from "../collections/table.js";
+import type { Key, Node } from "../collections/types.js";
+export declare class TableKeyboardDelegate<T> extends GridKeyboardDelegate<T, ITableCollection<T>> {
+    private ref;
+    constructor(options: GridKeyboardDelegateOptions<ITableCollection<T>>);
+    /** `node.textValue`, else the rendered text of the cell element with the node's key (see header). */
+    private textOf;
+    protected isCell(node: Node<T>): boolean;
+    getKeyBelow(key: Key, options?: {
+        includeDisabled?: boolean;
+    }): Key | null;
+    getKeyAbove(key: Key, options?: {
+        includeDisabled?: boolean;
+    }): Key | null;
+    private findNextColumnKey;
+    private findPreviousColumnKey;
+    getKeyRightOf(key: Key): Key | null;
+    getKeyLeftOf(key: Key): Key | null;
+    getKeyForSearch(search: string, fromKey?: Key | null): Key | null;
+}

package/table/keyboard-delegate.js

@@ -0,0 +1,166 @@
+// Ported from @react-aria/table (TableKeyboardDelegate.ts), Apache-2.0, © Adobe.
+//
+// Rivet: construct per event from the table collection + the table element (class instance: never
+// captured in a resumable closure).
+// Deviation: typeahead falls back to the cell element's text when a cell has no build-time `textValue`
+// (dynamic JSX children are lazy compiler slots, never evaluated at build time: B5 rule); RAC reads the
+// rendered string children.
+import { getChildNodes, getFirstItem } from "../collections/nodes.js";
+import { domKey, domTextValue } from "../collections/dom.js";
+import { GridKeyboardDelegate } from "../grid/keyboard-delegate.js";
+import { refElement } from "../selection/utils.js";
+export class TableKeyboardDelegate extends GridKeyboardDelegate {
+    ref;
+    constructor(options) {
+        super(options);
+        this.ref = options.ref;
+    }
+    /** `node.textValue`, else the rendered text of the cell element with the node's key (see header). */
+    textOf(node) {
+        if (node.textValue)
+            return node.textValue;
+        const root = refElement(this.ref);
+        if (!root)
+            return "";
+        for (const el of root.querySelectorAll("[data-key]")) {
+            if (domKey(el) === node.key && (el.getAttribute("role") === "rowheader" || el.getAttribute("role") === "gridcell"))
+                return domTextValue(el);
+        }
+        return "";
+    }
+    isCell(node) {
+        return node.type === "cell" || node.type === "rowheader" || node.type === "column";
+    }
+    getKeyBelow(key, options) {
+        const startItem = this.collection.getItem(key);
+        if (!startItem)
+            return null;
+        // If focus was on a column, then focus the first child column if any,
+        // or find the corresponding cell in the first row.
+        if (startItem.type === "column") {
+            const child = getFirstItem(getChildNodes(startItem, this.collection));
+            if (child)
+                return child.key;
+            const firstKey = this.getFirstKey();
+            if (firstKey == null)
+                return null;
+            const firstItem = this.collection.getItem(firstKey);
+            if (!firstItem)
+                return null;
+            return super.getKeyForItemInRowByIndex(firstKey, startItem.index);
+        }
+        return super.getKeyBelow(key, options);
+    }
+    getKeyAbove(key, options) {
+        const startItem = this.collection.getItem(key);
+        if (!startItem)
+            return null;
+        // If focus was on a column, focus the parent column if any
+        if (startItem.type === "column") {
+            const parent = startItem.parentKey != null ? this.collection.getItem(startItem.parentKey) : null;
+            if (parent && parent.type === "column")
+                return parent.key;
+            return null;
+        }
+        // only return above row key if not header row
+        const superKey = super.getKeyAbove(key, options);
+        const superItem = superKey != null ? this.collection.getItem(superKey) : null;
+        if (superItem && superItem.type !== "headerrow")
+            return superKey;
+        // If no item was found, and focus was on a cell, then focus the
+        // corresponding column header.
+        if (this.isCell(startItem))
+            return this.collection.columns[startItem.index].key;
+        // If focus was on a row, then focus the first column header.
+        return this.collection.columns[0].key;
+    }
+    findNextColumnKey(column) {
+        // Search following columns
+        const key = this.findNextKey(column.key, (item) => item.type === "column");
+        if (key != null)
+            return key;
+        // Wrap around to the first column
+        const row = this.collection.headerRows[column.level];
+        for (const item of getChildNodes(row, this.collection)) {
+            if (item.type === "column")
+                return item.key;
+        }
+        return null;
+    }
+    findPreviousColumnKey(column) {
+        // Search previous columns
+        const key = this.findPreviousKey(column.key, (item) => item.type === "column");
+        if (key != null)
+            return key;
+        // Wrap around to the last column
+        const row = this.collection.headerRows[column.level];
+        const childNodes = [...getChildNodes(row, this.collection)];
+        for (let i = childNodes.length - 1; i >= 0; i--) {
+            const item = childNodes[i];
+            if (item.type === "column")
+                return item.key;
+        }
+        return null;
+    }
+    getKeyRightOf(key) {
+        const item = this.collection.getItem(key);
+        if (!item)
+            return null;
+        // If focus was on a column, then focus the next column
+        if (item.type === "column")
+            return this.direction === "rtl" ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
+        return super.getKeyRightOf(key);
+    }
+    getKeyLeftOf(key) {
+        const item = this.collection.getItem(key);
+        if (!item)
+            return null;
+        // If focus was on a column, then focus the previous column
+        if (item.type === "column")
+            return this.direction === "rtl" ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
+        return super.getKeyLeftOf(key);
+    }
+    getKeyForSearch(search, fromKey) {
+        if (!this.collator)
+            return null;
+        const collection = this.collection;
+        let key = fromKey ?? this.getFirstKey();
+        if (key == null)
+            return null;
+        // If the starting key is a cell, search from its parent row.
+        const startItem = collection.getItem(key);
+        if (startItem?.type === "cell")
+            key = startItem.parentKey ?? null;
+        let hasWrapped = false;
+        while (key != null) {
+            const item = collection.getItem(key);
+            if (!item)
+                return null;
+            if (item.textValue) {
+                const substring = item.textValue.slice(0, search.length);
+                if (this.collator.compare(substring, search) === 0)
+                    return item.key;
+            }
+            // Check each of the row header cells in this row for a match
+            for (const cell of getChildNodes(item, this.collection)) {
+                const column = collection.columns[cell.index];
+                const cellText = collection.rowHeaderColumnKeys.has(column.key) ? this.textOf(cell) : "";
+                if (cellText) {
+                    const substring = cellText.slice(0, search.length);
+                    if (this.collator.compare(substring, search) === 0) {
+                        // If we started on a cell, end on the matching cell. Otherwise, end on the row.
+                        const fromItem = fromKey != null ? collection.getItem(fromKey) : startItem;
+                        return fromItem?.type === "cell" ? cell.key : item.key;
+                    }
+                }
+            }
+            key = this.getKeyBelow(key);
+            // Wrap around when reaching the end of the collection
+            if (key == null && !hasWrapped) {
+                key = this.getFirstKey();
+                hasWrapped = true;
+            }
+        }
+        return null;
+    }
+}

package/table/rac-intl.d.ts

@@ -0,0 +1,2 @@
+import type { LocalizedStrings } from "../_adapters/intl.js";
+export declare const strings: LocalizedStrings;

package/table/rac-intl.js

@@ -0,0 +1,36 @@
+export const strings = {
+    "ar-AE": { "tableResizer": "أداة تغيير الحجم" },
+    "bg-BG": { "tableResizer": "Преоразмерител" },
+    "cs-CZ": { "tableResizer": "Změna velikosti" },
+    "da-DK": { "tableResizer": "Størrelsesændring" },
+    "de-DE": { "tableResizer": "Größenanpassung" },
+    "el-GR": { "tableResizer": "Αλλαγή μεγέθους" },
+    "en-US": { "tableResizer": "Resizer" },
+    "es-ES": { "tableResizer": "Cambiador de tamaño" },
+    "et-EE": { "tableResizer": "Suuruse muutja" },
+    "fi-FI": { "tableResizer": "Koon muuttaja" },
+    "fr-FR": { "tableResizer": "Redimensionneur" },
+    "he-IL": { "tableResizer": "שינוי גודל" },
+    "hr-HR": { "tableResizer": "Promjena veličine" },
+    "hu-HU": { "tableResizer": "Átméretező" },
+    "it-IT": { "tableResizer": "Ridimensionamento" },
+    "ja-JP": { "tableResizer": "サイズ変更ツール" },
+    "ko-KR": { "tableResizer": "크기 조정기" },
+    "lt-LT": { "tableResizer": "Dydžio keitiklis" },
+    "lv-LV": { "tableResizer": "Izmēra mainītājs" },
+    "nb-NO": { "tableResizer": "Størrelsesendrer" },
+    "nl-NL": { "tableResizer": "Resizer" },
+    "pl-PL": { "tableResizer": "Zmiana rozmiaru" },
+    "pt-BR": { "tableResizer": "Redimensionador" },
+    "pt-PT": { "tableResizer": "Redimensionador" },
+    "ro-RO": { "tableResizer": "Instrument de redimensionare" },
+    "ru-RU": { "tableResizer": "Средство изменения размера" },
+    "sk-SK": { "tableResizer": "Nástroj na zmenu veľkosti" },
+    "sl-SI": { "tableResizer": "Spreminjanje velikosti" },
+    "sr-SP": { "tableResizer": "Promena veličine" },
+    "sv-SE": { "tableResizer": "Storleksändrare" },
+    "tr-TR": { "tableResizer": "Yeniden boyutlandırıcı" },
+    "uk-UA": { "tableResizer": "Засіб змінення розміру" },
+    "zh-CN": { "tableResizer": "尺寸调整器" },
+    "zh-TW": { "tableResizer": "大小調整器" },
+};

package/tabs/behaviour.d.ts

@@ -0,0 +1,49 @@
+import type { Key } from "../_adapters/collection.js";
+import { type PressEvent } from "../_adapters/press.js";
+import { type Router } from "../link/router.js";
+import { type MaybeAccessor } from "../interactions/utils.js";
+import { type TabListState } from "../state/tabs.js";
+export { TabsKeyboardDelegate } from "./keyboard-delegate.js";
+export declare const TAB = "[role=\"tab\"]";
+/** Tab id (react-aria generateId(state, key, "tab")); keys are escaped into the id. */
+export declare const tabId: (state: TabListState, key: Key) => string;
+/** Panel id (generateId(state, key, "tabpanel")). */
+export declare const tabPanelId: (state: TabListState, key: Key) => string;
+/** Keys handled on the tablist (`data-rk`, held by the loader while the chunk loads). */
+export declare const tabsKeys: (state: TabListState) => string;
+/** Whether `key` is the selected tab (reads `selectedKey`). */
+export declare const isTabSelected: (state: TabListState, key: Key) => boolean;
+/** `aria-selected` (reads `selectedKey`). */
+export declare const tabSelected: (state: TabListState, key: Key) => "true" | "false";
+/** Whether a tab is disabled (useTab: prop, whole tablist, or disabledKeys); reads a live item / tablist `isDisabled`. */
+export declare const isTabDisabled: (state: TabListState, key: Key, itemDisabled?: MaybeAccessor<boolean | undefined>) => boolean;
+/** Roving tabindex (reads focus state): 0 on the tab stop, -1 elsewhere, none when disabled. */
+export declare function tabTabIndex(state: TabListState, key: Key, disabled?: boolean): number | undefined;
+/** The selected panel gets tabindex 0 only when it has no tabbable content (useTabPanel / useHasTabbableChild). */
+export declare function syncPanelTabIndex(state: TabListState, root?: ParentNode): void;
+/** keydown on the tablist: arrows / Home / End move (and select with automatic activation). Enter / Space are the tab's press. */
+export declare function tabListKeyDown(state: TabListState, event: KeyboardEvent & {
+    currentTarget: Element;
+}, router?: Router): void;
+/** pointerdown on the tablist: pointer modality; a disabled tab's pointerdown is prevented (no focus on the body). */
+export declare function tabListPointerDown(event: PointerEvent & {
+    currentTarget: Element;
+}): void;
+/** onPressStart of a tab: mouse / keyboard presses select (automatic and manual activation). */
+export declare function tabPressStart(state: TabListState, event: PressEvent, router?: Router): void;
+/** onPressUp of a tab. */
+export declare function tabPressUp(state: TabListState, event: PressEvent, router?: Router): void;
+/** onPress of a tab: touch / virtual presses select; link tabs select on press up. */
+export declare function tabPress(state: TabListState, event: PressEvent, router?: Router): void;
+/** click on a tab: link tabs navigate through the router (useLinkProps); a disabled tab's click is prevented. */
+export declare function tabClick(state: TabListState, event: MouseEvent & {
+    currentTarget: Element;
+}, router?: Router): void;
+/** focusin on the tablist (useSelectableCollection onFocus + useSelectableItem onFocus). */
+export declare function tabListFocusIn(state: TabListState, event: FocusEvent & {
+    currentTarget: Element;
+}, router?: Router): void;
+/** focusout on the tablist. */
+export declare function tabListFocusOut(state: TabListState, event: FocusEvent & {
+    currentTarget: Element;
+}): void;

package/tabs/behaviour.js

@@ -0,0 +1,173 @@
+// Tabs behaviour (react-aria useTabList / useTab / useTabPanel): ids, readers for bindings, the
+// tablist's delegated handlers and the tab press callbacks. Ported from react-spectrum (Apache-2.0,
+// © Adobe): packages/react-aria/src/tabs/{useTabList,useTab,useTabPanel,utils}.ts.
+//
+// The tablist handlers run the ported useSelectableCollection (keyboard: TabsKeyboardDelegate,
+// selectOnFocus = automatic activation, disallowEmptySelection, linkBehavior "selection") against the
+// DOM collection of the tablist. Each tab's usePress (`../interactions/press.tsx` in `./index.tsx`)
+// calls `tabPressStart` / `tabPressUp` / `tabPress` (useSelectableItem: select on mouse down / key down;
+// link tabs select on press up) and `tabClick` (link tabs navigate through the router).
+import { untrack } from "@rivetjs/reactivity";
+import { tabbables } from "@rivetjs/cdk/a11y";
+import { direction } from "@rivetjs/cdk/bidi";
+import { navigationKeys } from "@rivetjs/cdk/keys";
+import { keyId } from "@rivetjs/cdk/collections";
+import { DOMCollection, elementKey } from "../_adapters/dom-collection.js";
+import { hasKey, SelectionManager } from "../_adapters/grid-selection.js";
+import { selectableCollectionFocusIn, selectableCollectionKeyDown, selectableItemLinkClick, selectableItemPress, selectableItemPressStart, selectableItemPressUp, } from "../_adapters/selectable.js";
+import { setInteractionModality } from "../_adapters/press.js";
+import { isOpeningLink } from "../link/router.js";
+import { read } from "../interactions/utils.js";
+import { effectiveFocusedKey, isTabsDisabled, setTabFocusedKey, tabsDisabledKeys, tabsKeyboardActivation, tabsOrientation, tabsSelectionState, } from "../state/tabs.js";
+import { TabsKeyboardDelegate } from "./keyboard-delegate.js";
+export { TabsKeyboardDelegate } from "./keyboard-delegate.js";
+export const TAB = '[role="tab"]';
+/** Tab id (react-aria generateId(state, key, "tab")); keys are escaped into the id. */
+export const tabId = (state, key) => keyId(state.id + "-tab", key);
+/** Panel id (generateId(state, key, "tabpanel")). */
+export const tabPanelId = (state, key) => keyId(state.id + "-tabpanel", key);
+/** Keys handled on the tablist (`data-rk`, held by the loader while the chunk loads). */
+export const tabsKeys = (state) => navigationKeys({ orientation: tabsOrientation(state) === "vertical" ? "both" : "horizontal" }) + " Space Enter";
+const same = (a, b) => a != null && b != null && String(a) === String(b);
+/** Whether `key` is the selected tab (reads `selectedKey`). */
+export const isTabSelected = (state, key) => same(state.selectedKey(), key);
+/** `aria-selected` (reads `selectedKey`). */
+export const tabSelected = (state, key) => (isTabSelected(state, key) ? "true" : "false");
+/** Whether a tab is disabled (useTab: prop, whole tablist, or disabledKeys); reads a live item / tablist `isDisabled`. */
+export const isTabDisabled = (state, key, itemDisabled = false) => !!read(itemDisabled) || isTabsDisabled(state) || hasKey(tabsDisabledKeys(state), key);
+/** Roving tabindex (reads focus state): 0 on the tab stop, -1 elsewhere, none when disabled. */
+export function tabTabIndex(state, key, disabled = false) {
+    if (disabled)
+        return undefined;
+    return same(effectiveFocusedKey(state), key) ? 0 : -1;
+}
+// --- handlers -----------------------------------------------------------------------------------
+const tabOf = (event, list) => {
+    const tab = event.target?.closest?.(TAB) ?? null;
+    return tab && list.contains(tab) && tab.closest('[role="tablist"]') === list ? tab : null;
+};
+function collectionOptions(state, list, router) {
+    const collection = new DOMCollection(list);
+    const selection = tabsSelectionState(state);
+    const manager = new SelectionManager(collection, selection);
+    return {
+        manager,
+        delegate: new TabsKeyboardDelegate(collection, direction(list), tabsOrientation(state), tabsDisabledKeys(state)),
+        ref: list,
+        state: selection,
+        direction: direction(list),
+        selectOnFocus: tabsKeyboardActivation(state) === "automatic",
+        disallowEmptySelection: true,
+        scrollRef: list,
+        linkBehavior: "selection",
+        router,
+    };
+}
+function itemOptions(state, list, tab, router) {
+    const o = collectionOptions(state, list, router);
+    const key = elementKey(tab);
+    return {
+        manager: o.manager,
+        key,
+        element: tab,
+        isDisabled: isTabsDisabled(state) || tab.getAttribute("aria-disabled") === "true",
+        // Link tabs behave like native anchors: select / navigate on press up.
+        shouldSelectOnPressUp: tab.hasAttribute("href") || tab.hasAttribute("data-href"),
+        linkBehavior: "selection",
+        router,
+    };
+}
+/** The selected panel gets tabindex 0 only when it has no tabbable content (useTabPanel / useHasTabbableChild). */
+export function syncPanelTabIndex(state, root = document) {
+    const key = untrack(state.selectedKey);
+    if (key == null)
+        return;
+    const panel = root.getElementById?.(tabPanelId(state, key)) ?? document.getElementById(tabPanelId(state, key));
+    if (!panel)
+        return;
+    if (tabbables(panel).length)
+        panel.removeAttribute("tabindex");
+    else
+        panel.setAttribute("tabindex", "0");
+}
+/** keydown on the tablist: arrows / Home / End move (and select with automatic activation). Enter / Space are the tab's press. */
+export function tabListKeyDown(state, event, router) {
+    const list = event.currentTarget;
+    setInteractionModality("keyboard");
+    if (event.key === "Tab")
+        syncPanelTabIndex(state);
+    const o = collectionOptions(state, list, router);
+    selectableCollectionKeyDown(o, event);
+}
+/** pointerdown on the tablist: pointer modality; a disabled tab's pointerdown is prevented (no focus on the body). */
+export function tabListPointerDown(event) {
+    const list = event.currentTarget;
+    setInteractionModality("pointer");
+    const tab = tabOf(event, list);
+    if (tab && event.button === 0 && tab.getAttribute("aria-disabled") === "true")
+        event.preventDefault();
+}
+// --- tab presses (react-aria useTab → useSelectableItem's usePress handlers) ------------------------
+const listOf = (tab) => tab.closest('[role="tablist"]');
+function pressOptions(state, tab, router) {
+    const list = listOf(tab);
+    return list ? itemOptions(state, list, tab, router) : null;
+}
+/** onPressStart of a tab: mouse / keyboard presses select (automatic and manual activation). */
+export function tabPressStart(state, event, router) {
+    const o = pressOptions(state, event.target, router);
+    if (!o || o.isDisabled)
+        return;
+    selectableItemPressStart(o, event);
+    syncPanelTabIndex(state);
+}
+/** onPressUp of a tab. */
+export function tabPressUp(state, event, router) {
+    const o = pressOptions(state, event.target, router);
+    if (o && !o.isDisabled)
+        selectableItemPressUp(o, event);
+}
+/** onPress of a tab: touch / virtual presses select; link tabs select on press up. */
+export function tabPress(state, event, router) {
+    const o = pressOptions(state, event.target, router);
+    if (!o || o.isDisabled)
+        return;
+    selectableItemPress(o, event);
+    syncPanelTabIndex(state);
+}
+/** click on a tab: link tabs navigate through the router (useLinkProps); a disabled tab's click is prevented. */
+export function tabClick(state, event, router) {
+    if (isOpeningLink())
+        return; // openLink's own synthetic click: let the browser / router follow it
+    const o = pressOptions(state, event.currentTarget, router);
+    if (!o)
+        return;
+    if (o.isDisabled) {
+        event.preventDefault();
+        return;
+    }
+    selectableItemLinkClick(o, event);
+}
+/** focusin on the tablist (useSelectableCollection onFocus + useSelectableItem onFocus). */
+export function tabListFocusIn(state, event, router) {
+    const list = event.currentTarget;
+    const o = collectionOptions(state, list, router);
+    const tab = tabOf(event, list);
+    if (tab && event.target === tab && tab.getAttribute("aria-disabled") !== "true") {
+        o.manager.setFocused(true);
+        const key = elementKey(tab);
+        if (!same(untrack(state.focusedKey), key))
+            setTabFocusedKey(state, key);
+        return;
+    }
+    selectableCollectionFocusIn(o, event);
+}
+/** focusout on the tablist. */
+export function tabListFocusOut(state, event) {
+    const list = event.currentTarget;
+    if (!list.contains(event.relatedTarget)) {
+        state.isFocused.set(false);
+        // Keep the tab stop where it was (useTabListState: focusedKey stays until the selection changes).
+        state.focusedSelection.set(untrack(state.selectedKey));
+    }
+}