@kanso-labs/react-native-kanso-ui 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/calendar/index.js +1182 -0
  2. package/dist/calendar/index.js.map +1 -0
  3. package/dist/calendar/styles.js +120 -0
  4. package/dist/calendar/styles.js.map +1 -0
  5. package/dist/components/calendar/index.d.ts +51 -0
  6. package/dist/components/calendar/index.js +82 -0
  7. package/dist/components/calendar/index.js.map +1 -0
  8. package/dist/components/menu/index.js +1 -1
  9. package/dist/components/navigation-bar/index.d.ts +3 -9
  10. package/dist/components/navigation-bar/index.js +10 -34
  11. package/dist/components/navigation-bar/index.js.map +1 -1
  12. package/dist/components/navigation-rail/index.d.ts +68 -0
  13. package/dist/components/navigation-rail/index.js +294 -0
  14. package/dist/components/navigation-rail/index.js.map +1 -0
  15. package/dist/components/popover/index.js +1 -1
  16. package/dist/glyphs/index.js +19 -1
  17. package/dist/glyphs/index.js.map +1 -1
  18. package/dist/i18n/messages.js +374 -0
  19. package/dist/i18n/messages.js.map +1 -1
  20. package/dist/index.d.ts +3 -1
  21. package/dist/index.js +4 -2
  22. package/dist/navigation/index.d.ts +8 -1
  23. package/dist/navigation/index.js +113 -64
  24. package/dist/navigation/index.js.map +1 -1
  25. package/dist/navigation/styles.js +22 -0
  26. package/dist/navigation/styles.js.map +1 -1
  27. package/package.json +3 -2
package/dist/i18n/messages.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"messages.js","names":["LibraryMessages","dragHandle","loading","loadingMore","noResults","results","one","other","select","MESSAGES","Readonly","Record"],"sources":["../../src/i18n/messages.ts"],"sourcesContent":["// The words the library writes itself: the pending ring's name, a bottom\n// sheet's drag handle, a collection's loading-more and empty rows, what\n// selecting a list's row is called, and how many rows a search leaves. Each\n// but the last stands behind a prop that names it otherwise: `pendingLabel`\n// for the ring, `aria-label` for the handle, `label` for the loading-more\n// row, `renderEmptyState` for the empty one and `selectLabel` for the\n// selection.\n//\n// Copied from kanso-ui's src/i18n/messages.ts, one entry per locale React\n// Aria ships, and kept in step with it by hand: the web library publishes no\n// copy of its table, and a word that differs between the two would name the\n// same ring two ways. The handle's name is this table's alone, since web's\n// sheet draws its handle as decoration and names nothing. `select` is React\n// Aria's own word for a grid list row's checkbox, which web's List takes\n// from React Aria's tables rather than its own, copied here so the two read\n// the same. `results` is React Aria's too, the count its ComboBox announces,\n// which Autocomplete announces as a search narrows a list. The others were\n// drafted for kanso-ui's table rather than taken from a translation service,\n// and each one wants a native speaker's eye before it is trusted; a call\n// site can always pass its own words through the prop.\n\ntype LibraryMessages = {\n /** What a bottom sheet's handle is called, where it is a control. */\n readonly dragHandle: string\n /** What a pending button's ring is called. */\n readonly loading: string\n /** What a collection's row says while more items are on their way. */\n readonly loadingMore: string\n /** What a collection with nothing in it says. */\n readonly noResults: string\n /**\n * How many rows a search leaves, for a screen reader, in the plural\n * forms React Aria's table gives the locale; `{count}` is the number.\n */\n readonly results: {\n readonly one: string\n readonly other: string\n }\n /** What selecting a list's row is called, beside its checkbox. */\n readonly select: string\n}\n\nconst MESSAGES: Readonly<Record<string, LibraryMessages>> = {\n 'ar-AE': {\n dragHandle: 'مقبض السحب',\n loading: 'جارٍ التحميل',\n loadingMore: 'جارٍ تحميل المزيد',\n noResults: 'لا توجد نتائج',\n results: {\n one: '{count} خيار متاحة.',\n other: '{count} خيارات متاحة.',\n },\n select: 'تحديد',\n },\n 'bg-BG': {\n dragHandle: 'Манипулатор за плъзгане',\n loading: 'Зареждане',\n loadingMore: 'Зареждане на още',\n noResults: 'Няма резултати',\n results: {\n one: '{count} опция на разположение.',\n other: '{count} опции на разположение.',\n },\n select: 'Изберете',\n },\n 'cs-CZ': {\n dragHandle: 'Úchyt pro přetažení',\n loading: 'Načítání',\n loadingMore: 'Načítání dalších',\n noResults: 'Žádné výsledky',\n results: {\n one: 'K dispozici je {count} možnost.',\n other: 'K dispozici jsou/je {count} možnosti/-í.',\n },\n select: 'Vybrat',\n },\n 'da-DK': {\n dragHandle: 'Trækhåndtag',\n loading: 'Indlæser',\n loadingMore: 'Indlæser flere',\n noResults: 'Ingen resultater',\n results: {\n one: '{count} mulighed tilgængelig.',\n other: '{count} muligheder tilgængelige.',\n },\n select: 'Vælg',\n },\n 'de-DE': {\n dragHandle: 'Ziehpunkt',\n loading: 'Wird geladen',\n loadingMore: 'Weitere werden geladen',\n noResults: 'Keine Ergebnisse',\n results: {\n one: '{count} Option verfügbar.',\n other: '{count} Optionen verfügbar.',\n },\n select: 'Auswählen',\n },\n 'el-GR': {\n dragHandle: 'Λαβή μεταφοράς',\n loading: 'Φόρτωση',\n loadingMore: 'Φόρτωση περισσότερων',\n noResults: 'Δεν υπάρχουν αποτελέσματα',\n results: {\n one: '{count} επιλογή διαθέσιμες.',\n other: '{count} επιλογές διαθέσιμες.',\n },\n select: 'Επιλογή',\n },\n 'en-US': {\n dragHandle: 'Drag handle',\n loading: 'Loading',\n loadingMore: 'Loading more',\n noResults: 'No results',\n results: {\n one: '{count} option available.',\n other: '{count} options available.',\n },\n select: 'Select',\n },\n 'es-ES': {\n dragHandle: 'Control de arrastre',\n loading: 'Cargando',\n loadingMore: 'Cargando más',\n noResults: 'No hay resultados',\n results: {\n one: '{count} opción disponible(s).',\n other: '{count} opciones disponible(s).',\n },\n select: 'Seleccionar',\n },\n 'et-EE': {\n dragHandle: 'Lohistamispide',\n loading: 'Laadimine',\n loadingMore: 'Laaditakse veel',\n noResults: 'Tulemusi pole',\n results: {\n one: '{count} valik saadaval.',\n other: '{count} valikud saadaval.',\n },\n select: 'Vali',\n },\n 'fi-FI': {\n dragHandle: 'Vetokahva',\n loading: 'Ladataan',\n loadingMore: 'Ladataan lisää',\n noResults: 'Ei tuloksia',\n results: {\n one: '{count} vaihtoehto saatavilla.',\n other: '{count} vaihtoehtoa saatavilla.',\n },\n select: 'Valitse',\n },\n 'fr-FR': {\n dragHandle: 'Poignée de déplacement',\n loading: 'Chargement',\n loadingMore: 'Chargement de la suite',\n noResults: 'Aucun résultat',\n results: {\n one: '{count} option disponible(s).',\n other: '{count} options disponible(s).',\n },\n select: 'Sélectionner',\n },\n 'he-IL': {\n dragHandle: 'ידית גרירה',\n loading: 'טוען',\n loadingMore: 'טוען עוד',\n noResults: 'אין תוצאות',\n results: {\n one: 'אפשרות {count} במצב זמין.',\n other: '{count} אפשרויות במצב זמין.',\n },\n select: 'בחר',\n },\n 'hr-HR': {\n dragHandle: 'Ručica za povlačenje',\n loading: 'Učitavanje',\n loadingMore: 'Učitava se još',\n noResults: 'Nema rezultata',\n results: {\n one: 'Dostupno još: {count} opcija.',\n other: 'Dostupno još: {count} opcije/a.',\n },\n select: 'Odaberite',\n },\n 'hu-HU': {\n dragHandle: 'Húzófogantyú',\n loading: 'Betöltés',\n loadingMore: 'Továbbiak betöltése',\n noResults: 'Nincs találat',\n results: {\n one: '{count} lehetőség áll rendelkezésre.',\n other: '{count} lehetőség áll rendelkezésre.',\n },\n select: 'Kijelölés',\n },\n 'it-IT': {\n dragHandle: 'Punto di trascinamento',\n loading: 'Caricamento',\n loadingMore: 'Caricamento di altri elementi',\n noResults: 'Nessun risultato',\n results: {\n one: '{count} opzione disponibile.',\n other: '{count} opzioni disponibili.',\n },\n select: 'Seleziona',\n },\n 'ja-JP': {\n dragHandle: 'ドラッグハンドル',\n loading: '読み込み中',\n loadingMore: 'さらに読み込み中',\n noResults: '結果がありません',\n results: {\n one: '{count} 個のオプションを利用できます。',\n other: '{count} 個のオプションを利用できます。',\n },\n select: '選択',\n },\n 'ko-KR': {\n dragHandle: '드래그 핸들',\n loading: '로드 중',\n loadingMore: '더 로드하는 중',\n noResults: '결과 없음',\n results: {\n one: '{count}개 옵션을 사용할 수 있습니다.',\n other: '{count}개 옵션을 사용할 수 있습니다.',\n },\n select: '선택',\n },\n 'lt-LT': {\n dragHandle: 'Vilkimo rankenėlė',\n loading: 'Įkeliama',\n loadingMore: 'Įkeliama daugiau',\n noResults: 'Rezultatų nėra',\n results: {\n one: 'Yra {count} parinktis.',\n other: 'Yra {count} parinktys (-ių).',\n },\n select: 'Pasirinkti',\n },\n 'lv-LV': {\n dragHandle: 'Vilkšanas turis',\n loading: 'Notiek ielāde',\n loadingMore: 'Notiek papildu ielāde',\n noResults: 'Nav rezultātu',\n results: {\n one: 'Pieejamo opciju skaits: {count} opcija.',\n other: 'Pieejamo opciju skaits: {count} opcijas.',\n },\n select: 'Atlasīt',\n },\n 'nb-NO': {\n dragHandle: 'Drahåndtak',\n loading: 'Laster inn',\n loadingMore: 'Laster inn flere',\n noResults: 'Ingen resultater',\n results: {\n one: '{count} alternativ finnes.',\n other: '{count} alternativer finnes.',\n },\n select: 'Velg',\n },\n 'nl-NL': {\n dragHandle: 'Sleepgreep',\n loading: 'Laden',\n loadingMore: 'Meer laden',\n noResults: 'Geen resultaten',\n results: {\n one: '{count} optie beschikbaar.',\n other: '{count} opties beschikbaar.',\n },\n select: 'Selecteren',\n },\n 'pl-PL': {\n dragHandle: 'Uchwyt do przeciągania',\n loading: 'Ładowanie',\n loadingMore: 'Ładowanie kolejnych',\n noResults: 'Brak wyników',\n results: {\n one: 'dostępna/dostępne(-nych) {count} opcja.',\n other: 'dostępna/dostępne(-nych) {count} opcje(-i).',\n },\n select: 'Zaznacz',\n },\n 'pt-BR': {\n dragHandle: 'Alça de arrastar',\n loading: 'Carregando',\n loadingMore: 'Carregando mais',\n noResults: 'Nenhum resultado',\n results: {\n one: '{count} opção disponível.',\n other: '{count} opções disponível.',\n },\n select: 'Selecionar',\n },\n 'pt-PT': {\n dragHandle: 'Pega para arrastar',\n loading: 'A carregar',\n loadingMore: 'A carregar mais',\n noResults: 'Nenhum resultado',\n results: {\n one: '{count} opção disponível.',\n other: '{count} opções disponível.',\n },\n select: 'Selecionar',\n },\n 'ro-RO': {\n dragHandle: 'Mâner de tragere',\n loading: 'Se încarcă',\n loadingMore: 'Se încarcă mai multe',\n noResults: 'Niciun rezultat',\n results: {\n one: '{count} opțiune disponibile.',\n other: '{count} opțiuni disponibile.',\n },\n select: 'Selectare',\n },\n 'ru-RU': {\n dragHandle: 'Маркер перемещения',\n loading: 'Загрузка',\n loadingMore: 'Загрузка ещё',\n noResults: 'Нет результатов',\n results: {\n one: '{count} параметр доступно.',\n other: '{count} параметров доступно.',\n },\n select: 'Выбрать',\n },\n 'sk-SK': {\n dragHandle: 'Úchyt na presúvanie',\n loading: 'Načítava sa',\n loadingMore: 'Načítavajú sa ďalšie',\n noResults: 'Žiadne výsledky',\n results: {\n one: '{count} možnosť k dispozícii.',\n other: '{count} možnosti/-í k dispozícii.',\n },\n select: 'Vybrať',\n },\n 'sl-SI': {\n dragHandle: 'Ročica za vlečenje',\n loading: 'Nalaganje',\n loadingMore: 'Nalaganje več',\n noResults: 'Ni rezultatov',\n results: {\n one: 'Na voljo je {count} opcija.',\n other: 'Na voljo je {count} opcije.',\n },\n select: 'Izberite',\n },\n 'sr-SP': {\n dragHandle: 'Ručica za prevlačenje',\n loading: 'Učitavanje',\n loadingMore: 'Učitavanje još',\n noResults: 'Nema rezultata',\n results: {\n one: 'Dostupno još: {count} opcija.',\n other: 'Dostupno još: {count} opcije/a.',\n },\n select: 'Izaberite',\n },\n 'sv-SE': {\n dragHandle: 'Draghandtag',\n loading: 'Läser in',\n loadingMore: 'Läser in fler',\n noResults: 'Inga resultat',\n results: {\n one: '{count} alternativ tillgängliga.',\n other: '{count} alternativ tillgängliga.',\n },\n select: 'Markera',\n },\n 'tr-TR': {\n dragHandle: 'Sürükleme tutamacı',\n loading: 'Yükleniyor',\n loadingMore: 'Daha fazlası yükleniyor',\n noResults: 'Sonuç yok',\n results: {\n one: '{count} seçenek kullanılabilir.',\n other: '{count} seçenekler kullanılabilir.',\n },\n select: 'Seç',\n },\n 'uk-UA': {\n dragHandle: 'Маркер переміщення',\n loading: 'Завантаження',\n loadingMore: 'Завантаження ще',\n noResults: 'Немає результатів',\n results: {\n one: '{count} параметр доступно.',\n other: '{count} параметри(-ів) доступно.',\n },\n select: 'Вибрати',\n },\n 'zh-CN': {\n dragHandle: '拖动手柄',\n loading: '正在加载',\n loadingMore: '正在加载更多',\n noResults: '没有结果',\n results: {\n one: '有 {count} 个选项可用。',\n other: '有 {count} 个选项可用。',\n },\n select: '选择',\n },\n 'zh-TW': {\n dragHandle: '拖曳控點',\n loading: '正在載入',\n loadingMore: '正在載入更多',\n noResults: '沒有結果',\n results: {\n one: '{count} 選項 可用。',\n other: '{count} 選項 可用。',\n },\n select: '選取',\n },\n}\n\nexport { MESSAGES }\nexport type { LibraryMessages }\n"],"mappings":";AA0CA,MAAMS,WAAsD;CAC1D,SAAS;EACPR,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPP,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;AACF"}
1
+ {"version":3,"file":"messages.js","names":["LibraryMessages","calendar","dateSelected","maximumDate","minimumDate","month","next","previous","todayDate","todayDateSelected","year","dragHandle","loading","loadingMore","noResults","results","one","other","select","MESSAGES","Readonly","Record"],"sources":["../../src/i18n/messages.ts"],"sourcesContent":["// The words the library writes itself: the pending ring's name, a bottom\n// sheet's drag handle, a collection's loading-more and empty rows, what\n// selecting a list's row is called, how many rows a search leaves, and a\n// calendar's. Each of the first five stands behind a prop that names it\n// otherwise: `pendingLabel` for the ring, `aria-label` for the handle,\n// `label` for the loading-more row, `renderEmptyState` for the empty one and\n// `selectLabel` for the selection.\n//\n// Copied from kanso-ui's src/i18n/messages.ts, one entry per locale React\n// Aria ships, and kept in step with it by hand: the web library publishes no\n// copy of its table, and a word that differs between the two would name the\n// same ring two ways. The handle's name is this table's alone, since web's\n// sheet draws its handle as decoration and names nothing. `select` is React\n// Aria's own word for a grid list row's checkbox, which web's List takes\n// from React Aria's tables rather than its own, copied here so the two read\n// the same. `results` is React Aria's too, the count its ComboBox announces,\n// which Autocomplete announces as a search narrows a list. `calendar` is\n// React Aria's calendar dictionary, which web's Calendar reads, beside the\n// names of the month and year fields that web reads from the browser's\n// `Intl.DisplayNames` and Hermes lacks, written here from the same CLDR\n// data. The others were drafted for kanso-ui's table rather than taken from\n// a translation service, and each one wants a native speaker's eye before it\n// is trusted; a call site can always pass its own words through the prop.\n\ntype LibraryMessages = {\n /**\n * The words a calendar writes: its two chevrons, the names its dates\n * take, where `{date}` is the date written out in full, and the fields\n * its month and year menus are named by.\n */\n readonly calendar: {\n /** A date the calendar holds. */\n readonly dateSelected: string\n /** Added after the latest date `maxValue` allows. */\n readonly maximumDate: string\n /** Added after the earliest date `minValue` allows. */\n readonly minimumDate: string\n /** What the month is called, after the month a menu button shows. */\n readonly month: string\n /** The chevron that moves to the next month. */\n readonly next: string\n /** The chevron that moves to the previous month. */\n readonly previous: string\n /** Today, when the calendar does not hold it. */\n readonly todayDate: string\n /** Today, when the calendar holds it. */\n readonly todayDateSelected: string\n /** What the year is called, after the year a menu button shows. */\n readonly year: string\n }\n /** What a bottom sheet's handle is called, where it is a control. */\n readonly dragHandle: string\n /** What a pending button's ring is called. */\n readonly loading: string\n /** What a collection's row says while more items are on their way. */\n readonly loadingMore: string\n /** What a collection with nothing in it says. */\n readonly noResults: string\n /**\n * How many rows a search leaves, for a screen reader, in the plural\n * forms React Aria's table gives the locale; `{count}` is the number.\n */\n readonly results: {\n readonly one: string\n readonly other: string\n }\n /** What selecting a list's row is called, beside its checkbox. */\n readonly select: string\n}\n\nconst MESSAGES: Readonly<Record<string, LibraryMessages>> = {\n 'ar-AE': {\n calendar: {\n dateSelected: '{date} المحدد',\n maximumDate: 'آخر تاريخ متاح',\n minimumDate: 'أول تاريخ متاح',\n month: 'الشهر',\n next: 'التالي',\n previous: 'السابق',\n todayDate: 'اليوم، {date}',\n todayDateSelected: 'اليوم، {date} محدد',\n year: 'السنة',\n },\n dragHandle: 'مقبض السحب',\n loading: 'جارٍ التحميل',\n loadingMore: 'جارٍ تحميل المزيد',\n noResults: 'لا توجد نتائج',\n results: {\n one: '{count} خيار متاحة.',\n other: '{count} خيارات متاحة.',\n },\n select: 'تحديد',\n },\n 'bg-BG': {\n calendar: {\n dateSelected: 'Избрано е {date}',\n maximumDate: 'Последна налична дата',\n minimumDate: 'Първа налична дата',\n month: 'месец',\n next: 'Напред',\n previous: 'Назад',\n todayDate: 'Днес, {date}',\n todayDateSelected: 'Днес, {date} са избрани',\n year: 'година',\n },\n dragHandle: 'Манипулатор за плъзгане',\n loading: 'Зареждане',\n loadingMore: 'Зареждане на още',\n noResults: 'Няма резултати',\n results: {\n one: '{count} опция на разположение.',\n other: '{count} опции на разположение.',\n },\n select: 'Изберете',\n },\n 'cs-CZ': {\n calendar: {\n dateSelected: 'Vybráno {date}',\n maximumDate: 'Poslední dostupné datum',\n minimumDate: 'První dostupné datum',\n month: 'měsíc',\n next: 'Další',\n previous: 'Předchozí',\n todayDate: 'Dnes, {date}',\n todayDateSelected: 'Dnes, vybráno {date}',\n year: 'rok',\n },\n dragHandle: 'Úchyt pro přetažení',\n loading: 'Načítání',\n loadingMore: 'Načítání dalších',\n noResults: 'Žádné výsledky',\n results: {\n one: 'K dispozici je {count} možnost.',\n other: 'K dispozici jsou/je {count} možnosti/-í.',\n },\n select: 'Vybrat',\n },\n 'da-DK': {\n calendar: {\n dateSelected: '{date} valgt',\n maximumDate: 'Sidste ledige dato',\n minimumDate: 'Første ledige dato',\n month: 'måned',\n next: 'Næste',\n previous: 'Forrige',\n todayDate: 'I dag, {date}',\n todayDateSelected: 'I dag, {date} valgt',\n year: 'år',\n },\n dragHandle: 'Trækhåndtag',\n loading: 'Indlæser',\n loadingMore: 'Indlæser flere',\n noResults: 'Ingen resultater',\n results: {\n one: '{count} mulighed tilgængelig.',\n other: '{count} muligheder tilgængelige.',\n },\n select: 'Vælg',\n },\n 'de-DE': {\n calendar: {\n dateSelected: '{date} ausgewählt',\n maximumDate: 'Letztes verfügbares Datum',\n minimumDate: 'Erstes verfügbares Datum',\n month: 'Monat',\n next: 'Weiter',\n previous: 'Zurück',\n todayDate: 'Heute, {date}',\n todayDateSelected: 'Heute, {date} ausgewählt',\n year: 'Jahr',\n },\n dragHandle: 'Ziehpunkt',\n loading: 'Wird geladen',\n loadingMore: 'Weitere werden geladen',\n noResults: 'Keine Ergebnisse',\n results: {\n one: '{count} Option verfügbar.',\n other: '{count} Optionen verfügbar.',\n },\n select: 'Auswählen',\n },\n 'el-GR': {\n calendar: {\n dateSelected: 'Επιλέχθηκε {date}',\n maximumDate: 'Τελευταία διαθέσιμη ημερομηνία',\n minimumDate: 'Πρώτη διαθέσιμη ημερομηνία',\n month: 'μήνας',\n next: 'Επόμενο',\n previous: 'Προηγούμενο',\n todayDate: 'Σήμερα, {date}',\n todayDateSelected: 'Σήμερα, επιλέχτηκε {date}',\n year: 'έτος',\n },\n dragHandle: 'Λαβή μεταφοράς',\n loading: 'Φόρτωση',\n loadingMore: 'Φόρτωση περισσότερων',\n noResults: 'Δεν υπάρχουν αποτελέσματα',\n results: {\n one: '{count} επιλογή διαθέσιμες.',\n other: '{count} επιλογές διαθέσιμες.',\n },\n select: 'Επιλογή',\n },\n 'en-US': {\n calendar: {\n dateSelected: '{date} selected',\n maximumDate: 'Last available date',\n minimumDate: 'First available date',\n month: 'month',\n next: 'Next',\n previous: 'Previous',\n todayDate: 'Today, {date}',\n todayDateSelected: 'Today, {date} selected',\n year: 'year',\n },\n dragHandle: 'Drag handle',\n loading: 'Loading',\n loadingMore: 'Loading more',\n noResults: 'No results',\n results: {\n one: '{count} option available.',\n other: '{count} options available.',\n },\n select: 'Select',\n },\n 'es-ES': {\n calendar: {\n dateSelected: '{date} seleccionado',\n maximumDate: 'Última fecha disponible',\n minimumDate: 'Primera fecha disponible',\n month: 'mes',\n next: 'Siguiente',\n previous: 'Anterior',\n todayDate: 'Hoy, {date}',\n todayDateSelected: 'Hoy, {date} seleccionado',\n year: 'año',\n },\n dragHandle: 'Control de arrastre',\n loading: 'Cargando',\n loadingMore: 'Cargando más',\n noResults: 'No hay resultados',\n results: {\n one: '{count} opción disponible(s).',\n other: '{count} opciones disponible(s).',\n },\n select: 'Seleccionar',\n },\n 'et-EE': {\n calendar: {\n dateSelected: '{date} valitud',\n maximumDate: 'Viimane saadaolev kuupäev',\n minimumDate: 'Esimene saadaolev kuupäev',\n month: 'kuu',\n next: 'Järgmine',\n previous: 'Eelmine',\n todayDate: 'Täna, {date}',\n todayDateSelected: 'Täna, {date} valitud',\n year: 'aasta',\n },\n dragHandle: 'Lohistamispide',\n loading: 'Laadimine',\n loadingMore: 'Laaditakse veel',\n noResults: 'Tulemusi pole',\n results: {\n one: '{count} valik saadaval.',\n other: '{count} valikud saadaval.',\n },\n select: 'Vali',\n },\n 'fi-FI': {\n calendar: {\n dateSelected: '{date} valittu',\n maximumDate: 'Viimeinen varattavissa oleva päivämäärä',\n minimumDate: 'Ensimmäinen varattavissa oleva päivämäärä',\n month: 'kuukausi',\n next: 'Seuraava',\n previous: 'Edellinen',\n todayDate: 'Tänään, {date}',\n todayDateSelected: 'Tänään, {date} valittu',\n year: 'vuosi',\n },\n dragHandle: 'Vetokahva',\n loading: 'Ladataan',\n loadingMore: 'Ladataan lisää',\n noResults: 'Ei tuloksia',\n results: {\n one: '{count} vaihtoehto saatavilla.',\n other: '{count} vaihtoehtoa saatavilla.',\n },\n select: 'Valitse',\n },\n 'fr-FR': {\n calendar: {\n dateSelected: '{date} sélectionné',\n maximumDate: 'Dernière date disponible',\n minimumDate: 'Première date disponible',\n month: 'mois',\n next: 'Suivant',\n previous: 'Précédent',\n todayDate: \"Aujourd'hui, {date}\",\n todayDateSelected: 'Aujourd’hui, {date} sélectionné',\n year: 'année',\n },\n dragHandle: 'Poignée de déplacement',\n loading: 'Chargement',\n loadingMore: 'Chargement de la suite',\n noResults: 'Aucun résultat',\n results: {\n one: '{count} option disponible(s).',\n other: '{count} options disponible(s).',\n },\n select: 'Sélectionner',\n },\n 'he-IL': {\n calendar: {\n dateSelected: '{date} נבחר',\n maximumDate: 'תאריך פנוי אחרון',\n minimumDate: 'תאריך פנוי ראשון',\n month: 'חודש',\n next: 'הבא',\n previous: 'הקודם',\n todayDate: 'היום, {date}',\n todayDateSelected: 'היום, {date} נבחר',\n year: 'שנה',\n },\n dragHandle: 'ידית גרירה',\n loading: 'טוען',\n loadingMore: 'טוען עוד',\n noResults: 'אין תוצאות',\n results: {\n one: 'אפשרות {count} במצב זמין.',\n other: '{count} אפשרויות במצב זמין.',\n },\n select: 'בחר',\n },\n 'hr-HR': {\n calendar: {\n dateSelected: '{date} odabran',\n maximumDate: 'Posljednji raspoloživi datum',\n minimumDate: 'Prvi raspoloživi datum',\n month: 'mjesec',\n next: 'Sljedeći',\n previous: 'Prethodni',\n todayDate: 'Danas, {date}',\n todayDateSelected: 'Danas, odabran {date}',\n year: 'godina',\n },\n dragHandle: 'Ručica za povlačenje',\n loading: 'Učitavanje',\n loadingMore: 'Učitava se još',\n noResults: 'Nema rezultata',\n results: {\n one: 'Dostupno još: {count} opcija.',\n other: 'Dostupno još: {count} opcije/a.',\n },\n select: 'Odaberite',\n },\n 'hu-HU': {\n calendar: {\n dateSelected: '{date} kiválasztva',\n maximumDate: 'Utolsó elérhető dátum',\n minimumDate: 'Az első elérhető dátum',\n month: 'hónap',\n next: 'Következő',\n previous: 'Előző',\n todayDate: 'Ma, {date}',\n todayDateSelected: 'Ma, {date} kijelölve',\n year: 'év',\n },\n dragHandle: 'Húzófogantyú',\n loading: 'Betöltés',\n loadingMore: 'Továbbiak betöltése',\n noResults: 'Nincs találat',\n results: {\n one: '{count} lehetőség áll rendelkezésre.',\n other: '{count} lehetőség áll rendelkezésre.',\n },\n select: 'Kijelölés',\n },\n 'it-IT': {\n calendar: {\n dateSelected: '{date} selezionata',\n maximumDate: 'Ultima data disponibile',\n minimumDate: 'Prima data disponibile',\n month: 'mese',\n next: 'Successivo',\n previous: 'Precedente',\n todayDate: 'Oggi, {date}',\n todayDateSelected: 'Oggi, {date} selezionata',\n year: 'anno',\n },\n dragHandle: 'Punto di trascinamento',\n loading: 'Caricamento',\n loadingMore: 'Caricamento di altri elementi',\n noResults: 'Nessun risultato',\n results: {\n one: '{count} opzione disponibile.',\n other: '{count} opzioni disponibili.',\n },\n select: 'Seleziona',\n },\n 'ja-JP': {\n calendar: {\n dateSelected: '{date} を選択',\n maximumDate: '最終利用可能日',\n minimumDate: '最初の利用可能日',\n month: '月',\n next: '次へ',\n previous: '前へ',\n todayDate: '本日、{date}',\n todayDateSelected: '本日、{date} を選択',\n year: '年',\n },\n dragHandle: 'ドラッグハンドル',\n loading: '読み込み中',\n loadingMore: 'さらに読み込み中',\n noResults: '結果がありません',\n results: {\n one: '{count} 個のオプションを利用できます。',\n other: '{count} 個のオプションを利用できます。',\n },\n select: '選択',\n },\n 'ko-KR': {\n calendar: {\n dateSelected: '{date} 선택됨',\n maximumDate: '마지막으로 사용 가능한 일자',\n minimumDate: '처음으로 사용 가능한 일자',\n month: '월',\n next: '다음',\n previous: '이전',\n todayDate: '오늘, {date}',\n todayDateSelected: '오늘, {date} 선택됨',\n year: '년',\n },\n dragHandle: '드래그 핸들',\n loading: '로드 중',\n loadingMore: '더 로드하는 중',\n noResults: '결과 없음',\n results: {\n one: '{count}개 옵션을 사용할 수 있습니다.',\n other: '{count}개 옵션을 사용할 수 있습니다.',\n },\n select: '선택',\n },\n 'lt-LT': {\n calendar: {\n dateSelected: 'Pasirinkta {date}',\n maximumDate: 'Paskutinė galima data',\n minimumDate: 'Pirmoji galima data',\n month: 'mėnuo',\n next: 'Paskesnis',\n previous: 'Ankstesnis',\n todayDate: 'Šiandien, {date}',\n todayDateSelected: 'Šiandien, pasirinkta {date}',\n year: 'metai',\n },\n dragHandle: 'Vilkimo rankenėlė',\n loading: 'Įkeliama',\n loadingMore: 'Įkeliama daugiau',\n noResults: 'Rezultatų nėra',\n results: {\n one: 'Yra {count} parinktis.',\n other: 'Yra {count} parinktys (-ių).',\n },\n select: 'Pasirinkti',\n },\n 'lv-LV': {\n calendar: {\n dateSelected: 'Atlasīts: {date}',\n maximumDate: 'Pēdējais pieejamais datums',\n minimumDate: 'Pirmais pieejamais datums',\n month: 'mēnesis',\n next: 'Tālāk',\n previous: 'Atpakaļ',\n todayDate: 'Šodien, {date}',\n todayDateSelected: 'Atlasīta šodiena, {date}',\n year: 'gads',\n },\n dragHandle: 'Vilkšanas turis',\n loading: 'Notiek ielāde',\n loadingMore: 'Notiek papildu ielāde',\n noResults: 'Nav rezultātu',\n results: {\n one: 'Pieejamo opciju skaits: {count} opcija.',\n other: 'Pieejamo opciju skaits: {count} opcijas.',\n },\n select: 'Atlasīt',\n },\n 'nb-NO': {\n calendar: {\n dateSelected: '{date} valgt',\n maximumDate: 'Siste tilgjengelige dato',\n minimumDate: 'Første tilgjengelige dato',\n month: 'måned',\n next: 'Neste',\n previous: 'Forrige',\n todayDate: 'I dag, {date}',\n todayDateSelected: 'I dag, {date} valgt',\n year: 'år',\n },\n dragHandle: 'Drahåndtak',\n loading: 'Laster inn',\n loadingMore: 'Laster inn flere',\n noResults: 'Ingen resultater',\n results: {\n one: '{count} alternativ finnes.',\n other: '{count} alternativer finnes.',\n },\n select: 'Velg',\n },\n 'nl-NL': {\n calendar: {\n dateSelected: '{date} geselecteerd',\n maximumDate: 'Laatste beschikbare datum',\n minimumDate: 'Eerste beschikbare datum',\n month: 'maand',\n next: 'Volgende',\n previous: 'Vorige',\n todayDate: 'Vandaag, {date}',\n todayDateSelected: 'Vandaag, {date} geselecteerd',\n year: 'jaar',\n },\n dragHandle: 'Sleepgreep',\n loading: 'Laden',\n loadingMore: 'Meer laden',\n noResults: 'Geen resultaten',\n results: {\n one: '{count} optie beschikbaar.',\n other: '{count} opties beschikbaar.',\n },\n select: 'Selecteren',\n },\n 'pl-PL': {\n calendar: {\n dateSelected: 'Wybrano {date}',\n maximumDate: 'Ostatnia dostępna data',\n minimumDate: 'Pierwsza dostępna data',\n month: 'miesiąc',\n next: 'Dalej',\n previous: 'Wstecz',\n todayDate: 'Dzisiaj, {date}',\n todayDateSelected: 'Dzisiaj wybrano {date}',\n year: 'rok',\n },\n dragHandle: 'Uchwyt do przeciągania',\n loading: 'Ładowanie',\n loadingMore: 'Ładowanie kolejnych',\n noResults: 'Brak wyników',\n results: {\n one: 'dostępna/dostępne(-nych) {count} opcja.',\n other: 'dostępna/dostępne(-nych) {count} opcje(-i).',\n },\n select: 'Zaznacz',\n },\n 'pt-BR': {\n calendar: {\n dateSelected: '{date} selecionado',\n maximumDate: 'Última data disponível',\n minimumDate: 'Primeira data disponível',\n month: 'mês',\n next: 'Próximo',\n previous: 'Anterior',\n todayDate: 'Hoje, {date}',\n todayDateSelected: 'Hoje, {date} selecionado',\n year: 'ano',\n },\n dragHandle: 'Alça de arrastar',\n loading: 'Carregando',\n loadingMore: 'Carregando mais',\n noResults: 'Nenhum resultado',\n results: {\n one: '{count} opção disponível.',\n other: '{count} opções disponível.',\n },\n select: 'Selecionar',\n },\n 'pt-PT': {\n calendar: {\n dateSelected: '{date} selecionado',\n maximumDate: 'Última data disponível',\n minimumDate: 'Primeira data disponível',\n month: 'mês',\n next: 'Próximo',\n previous: 'Anterior',\n todayDate: 'Hoje, {date}',\n todayDateSelected: 'Hoje, {date} selecionado',\n year: 'ano',\n },\n dragHandle: 'Pega para arrastar',\n loading: 'A carregar',\n loadingMore: 'A carregar mais',\n noResults: 'Nenhum resultado',\n results: {\n one: '{count} opção disponível.',\n other: '{count} opções disponível.',\n },\n select: 'Selecionar',\n },\n 'ro-RO': {\n calendar: {\n dateSelected: '{date} selectată',\n maximumDate: 'Ultima dată disponibilă',\n minimumDate: 'Prima dată disponibilă',\n month: 'lună',\n next: 'Următorul',\n previous: 'Înainte',\n todayDate: 'Astăzi, {date}',\n todayDateSelected: 'Azi, {date} selectată',\n year: 'an',\n },\n dragHandle: 'Mâner de tragere',\n loading: 'Se încarcă',\n loadingMore: 'Se încarcă mai multe',\n noResults: 'Niciun rezultat',\n results: {\n one: '{count} opțiune disponibile.',\n other: '{count} opțiuni disponibile.',\n },\n select: 'Selectare',\n },\n 'ru-RU': {\n calendar: {\n dateSelected: 'Выбрано {date}',\n maximumDate: 'Последняя доступная дата',\n minimumDate: 'Первая доступная дата',\n month: 'месяц',\n next: 'Далее',\n previous: 'Назад',\n todayDate: 'Сегодня, {date}',\n todayDateSelected: 'Сегодня, выбрано {date}',\n year: 'год',\n },\n dragHandle: 'Маркер перемещения',\n loading: 'Загрузка',\n loadingMore: 'Загрузка ещё',\n noResults: 'Нет результатов',\n results: {\n one: '{count} параметр доступно.',\n other: '{count} параметров доступно.',\n },\n select: 'Выбрать',\n },\n 'sk-SK': {\n calendar: {\n dateSelected: 'Vybratý dátum {date}',\n maximumDate: 'Posledný dostupný dátum',\n minimumDate: 'Prvý dostupný dátum',\n month: 'mesiac',\n next: 'Nasledujúce',\n previous: 'Predchádzajúce',\n todayDate: 'Dnes {date}',\n todayDateSelected: 'Vybratý dnešný dátum {date}',\n year: 'rok',\n },\n dragHandle: 'Úchyt na presúvanie',\n loading: 'Načítava sa',\n loadingMore: 'Načítavajú sa ďalšie',\n noResults: 'Žiadne výsledky',\n results: {\n one: '{count} možnosť k dispozícii.',\n other: '{count} možnosti/-í k dispozícii.',\n },\n select: 'Vybrať',\n },\n 'sl-SI': {\n calendar: {\n dateSelected: '{date} izbrano',\n maximumDate: 'Zadnji razpoložljivi datum',\n minimumDate: 'Prvi razpoložljivi datum',\n month: 'mesec',\n next: 'Naprej',\n previous: 'Nazaj',\n todayDate: 'Danes, {date}',\n todayDateSelected: 'Danes, {date} izbrano',\n year: 'leto',\n },\n dragHandle: 'Ročica za vlečenje',\n loading: 'Nalaganje',\n loadingMore: 'Nalaganje več',\n noResults: 'Ni rezultatov',\n results: {\n one: 'Na voljo je {count} opcija.',\n other: 'Na voljo je {count} opcije.',\n },\n select: 'Izberite',\n },\n 'sr-SP': {\n calendar: {\n dateSelected: '{date} izabran',\n maximumDate: 'Zadnji raspoloživi datum',\n minimumDate: 'Prvi raspoloživi datum',\n month: 'месец',\n next: 'Sledeći',\n previous: 'Prethodni',\n todayDate: 'Danas, {date}',\n todayDateSelected: 'Danas, izabran {date}',\n year: 'година',\n },\n dragHandle: 'Ručica za prevlačenje',\n loading: 'Učitavanje',\n loadingMore: 'Učitavanje još',\n noResults: 'Nema rezultata',\n results: {\n one: 'Dostupno još: {count} opcija.',\n other: 'Dostupno još: {count} opcije/a.',\n },\n select: 'Izaberite',\n },\n 'sv-SE': {\n calendar: {\n dateSelected: '{date} har valts',\n maximumDate: 'Sista tillgängliga datum',\n minimumDate: 'Första tillgängliga datum',\n month: 'månad',\n next: 'Nästa',\n previous: 'Föregående',\n todayDate: 'Idag, {date}',\n todayDateSelected: 'Idag, {date} har valts',\n year: 'år',\n },\n dragHandle: 'Draghandtag',\n loading: 'Läser in',\n loadingMore: 'Läser in fler',\n noResults: 'Inga resultat',\n results: {\n one: '{count} alternativ tillgängliga.',\n other: '{count} alternativ tillgängliga.',\n },\n select: 'Markera',\n },\n 'tr-TR': {\n calendar: {\n dateSelected: '{date} seçildi',\n maximumDate: 'Son müsait tarih',\n minimumDate: 'İlk müsait tarih',\n month: 'ay',\n next: 'Sonraki',\n previous: 'Önceki',\n todayDate: 'Bugün, {date}',\n todayDateSelected: 'Bugün, {date} seçildi',\n year: 'yıl',\n },\n dragHandle: 'Sürükleme tutamacı',\n loading: 'Yükleniyor',\n loadingMore: 'Daha fazlası yükleniyor',\n noResults: 'Sonuç yok',\n results: {\n one: '{count} seçenek kullanılabilir.',\n other: '{count} seçenekler kullanılabilir.',\n },\n select: 'Seç',\n },\n 'uk-UA': {\n calendar: {\n dateSelected: 'Вибрано {date}',\n maximumDate: 'Остання доступна дата',\n minimumDate: 'Перша доступна дата',\n month: 'місяць',\n next: 'Наступний',\n previous: 'Попередній',\n todayDate: 'Сьогодні, {date}',\n todayDateSelected: 'Сьогодні, вибрано {date}',\n year: 'рік',\n },\n dragHandle: 'Маркер переміщення',\n loading: 'Завантаження',\n loadingMore: 'Завантаження ще',\n noResults: 'Немає результатів',\n results: {\n one: '{count} параметр доступно.',\n other: '{count} параметри(-ів) доступно.',\n },\n select: 'Вибрати',\n },\n 'zh-CN': {\n calendar: {\n dateSelected: '已选择 {date}',\n maximumDate: '最后一个可用日期',\n minimumDate: '第一个可用日期',\n month: '月',\n next: '下一页',\n previous: '上一页',\n todayDate: '今天，即 {date}',\n todayDateSelected: '已选择今天，即 {date}',\n year: '年',\n },\n dragHandle: '拖动手柄',\n loading: '正在加载',\n loadingMore: '正在加载更多',\n noResults: '没有结果',\n results: {\n one: '有 {count} 个选项可用。',\n other: '有 {count} 个选项可用。',\n },\n select: '选择',\n },\n 'zh-TW': {\n calendar: {\n dateSelected: '已選取 {date}',\n maximumDate: '最後一個可用日期',\n minimumDate: '第一個可用日期',\n month: '月',\n next: '下一頁',\n previous: '上一頁',\n todayDate: '今天，{date}',\n todayDateSelected: '已選取今天，{date}',\n year: '年',\n },\n dragHandle: '拖曳控點',\n loading: '正在載入',\n loadingMore: '正在載入更多',\n noResults: '沒有結果',\n results: {\n one: '{count} 選項 可用。',\n other: '{count} 選項 可用。',\n },\n select: '選取',\n },\n}\n\nexport { MESSAGES }\nexport type { LibraryMessages }\n"],"mappings":";AAsEA,MAAMmB,WAAsD;CAC1D,SAAS;EACPlB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;CACA,SAAS;EACPjB,UAAU;GACRC,cAAc;GACdC,aAAa;GACbC,aAAa;GACbC,OAAO;GACPC,MAAM;GACNC,UAAU;GACVC,WAAW;GACXC,mBAAmB;GACnBC,MAAM;EACR;EACAC,YAAY;EACZC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,SAAS;GACPC,KAAK;GACLC,OAAO;EACT;EACAC,QAAQ;CACV;AACF"}
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import { AppBar, AppBarProps } from "./components/app-bar/index.js";
2
2
  import { Autocomplete, AutocompleteFilter, AutocompleteProps } from "./components/autocomplete/index.js";
3
3
  import { Avatar, AvatarProps } from "./components/avatar/index.js";
4
4
  import { Button, ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from "./components/button/index.js";
5
+ import { Calendar, CalendarProps } from "./components/calendar/index.js";
5
6
  import { Card, CardProps, CardVariant } from "./components/card/index.js";
6
7
  import { Checkbox, CheckboxProps } from "./components/checkbox/index.js";
7
8
  import { Chip, ChipActionProps, ChipFilterProps, ChipProps, ChipVariant } from "./components/chip/index.js";
@@ -20,6 +21,7 @@ import { Meter, MeterProps, MeterTone } from "./components/meter/index.js";
20
21
  import { KuiTheme } from "./tokens/defaults.js";
21
22
  import { ResolvedTheme, useTheme } from "./theme/scope.js";
22
23
  import { NavigationBar, NavigationBarItem, NavigationBarItemProps, NavigationBarProps, NavigationTabBar, NavigationTabBarProps } from "./components/navigation-bar/index.js";
24
+ import { NavigationRail, NavigationRailItem, NavigationRailItemProps, NavigationRailProps } from "./components/navigation-rail/index.js";
23
25
  import { FieldVariant } from "./field/index.js";
24
26
  import { NumberField, NumberFieldProps } from "./components/number-field/index.js";
25
27
  import { Popover, PopoverAlign, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitle, PopoverTitleProps, PopoverTrigger } from "./components/popover/index.js";
@@ -42,4 +44,4 @@ import { WindowSizeClass, useWindowSizeClass } from "./hooks/useWindowSizeClass.
42
44
  import { RouterProvider, RouterProviderProps } from "./router/index.js";
43
45
  import { ThemeScope, ThemeScopeProps } from "./theme-scope.js";
44
46
  import { Key, Selection } from "react-stately";
45
- export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, CopyField, type CopyFieldProps, Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps, type FieldVariant, Form, type FormHandle, type FormProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconStyle, type Key, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationTabBar, type NavigationTabBarProps, NumberField, type NumberFieldProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, type ResolvedTheme, RouterProvider, type RouterProviderProps, SearchField, type SearchFieldProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps, Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Text, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, type TypeRole, type WindowSizeClass, useAppBarScroll, useIconStyle, useTheme, useWindowSizeClass };
47
+ export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, CopyField, type CopyFieldProps, Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps, type FieldVariant, Form, type FormHandle, type FormProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconStyle, type Key, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationRail, NavigationRailItem, type NavigationRailItemProps, type NavigationRailProps, NavigationTabBar, type NavigationTabBarProps, NumberField, type NumberFieldProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, type ResolvedTheme, RouterProvider, type RouterProviderProps, SearchField, type SearchFieldProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps, Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Text, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, type TypeRole, type WindowSizeClass, useAppBarScroll, useIconStyle, useTheme, useWindowSizeClass };
package/dist/index.js CHANGED
@@ -8,6 +8,8 @@ import { Avatar } from "./components/avatar/index.js";
8
8
  import { RouterProvider } from "./router/index.js";
9
9
  import { ProgressIndicator } from "./components/progress-indicator/index.js";
10
10
  import { Button } from "./components/button/index.js";
11
+ import { IconButton } from "./components/icon-button/index.js";
12
+ import { Calendar } from "./components/calendar/index.js";
11
13
  import { Card } from "./components/card/index.js";
12
14
  import { Checkbox } from "./components/checkbox/index.js";
13
15
  import { Chip } from "./components/chip/index.js";
@@ -17,7 +19,6 @@ import { Currency } from "./components/currency/index.js";
17
19
  import { useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
18
20
  import { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./components/dialog/index.js";
19
21
  import { Form } from "./components/form/index.js";
20
- import { IconButton } from "./components/icon-button/index.js";
21
22
  import { Link } from "./components/link/index.js";
22
23
  import { List, ListLoadMore, ListRow, ListSection } from "./components/list/index.js";
23
24
  import { ListDetail } from "./components/list-detail/index.js";
@@ -26,6 +27,7 @@ import { Separator } from "./components/separator/index.js";
26
27
  import { Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu } from "./components/menu/index.js";
27
28
  import { Meter } from "./components/meter/index.js";
28
29
  import { NavigationBar, NavigationBarItem, NavigationTabBar } from "./components/navigation-bar/index.js";
30
+ import { NavigationRail, NavigationRailItem } from "./components/navigation-rail/index.js";
29
31
  import { NumberField } from "./components/number-field/index.js";
30
32
  import { Popover, PopoverContent, PopoverDescription, PopoverTitle } from "./components/popover/index.js";
31
33
  import { ProductIcon } from "./components/product-icon/index.js";
@@ -38,4 +40,4 @@ import { Stack } from "./components/stack/index.js";
38
40
  import { Switch } from "./components/switch/index.js";
39
41
  import { TextField } from "./components/text-field/index.js";
40
42
  import { ThemeScope } from "./theme-scope.js";
41
- export { AppBar, Autocomplete, Avatar, Button, Card, Checkbox, Chip, ChipGroup, ChipGroupChip, CopyField, Currency, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Form, IconButton, Link, List, ListDetail, ListItem, ListLoadMore, ListRow, ListSection, Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu, Meter, NavigationBar, NavigationBarItem, NavigationTabBar, NumberField, Popover, PopoverContent, PopoverDescription, PopoverTitle, ProductIcon, ProgressIndicator, Radio, RadioGroup, RouterProvider, SearchField, SegmentedButton, SegmentedButtonSegment, Separator, Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Snackbar, Stack, Switch, Text, TextField, ThemeScope, useAppBarScroll, useIconStyle, useTheme, useWindowSizeClass };
43
+ export { AppBar, Autocomplete, Avatar, Button, Calendar, Card, Checkbox, Chip, ChipGroup, ChipGroupChip, CopyField, Currency, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Form, IconButton, Link, List, ListDetail, ListItem, ListLoadMore, ListRow, ListSection, Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu, Meter, NavigationBar, NavigationBarItem, NavigationRail, NavigationRailItem, NavigationTabBar, NumberField, Popover, PopoverContent, PopoverDescription, PopoverTitle, ProductIcon, ProgressIndicator, Radio, RadioGroup, RouterProvider, SearchField, SegmentedButton, SegmentedButtonSegment, Separator, Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Snackbar, Stack, Switch, Text, TextField, ThemeScope, useAppBarScroll, useIconStyle, useTheme, useWindowSizeClass };
package/dist/navigation/index.d.ts CHANGED
@@ -24,6 +24,13 @@ type NavigationDestinationProps = Omit<PressableProps, 'children' | 'disabled' |
24
24
  readonly ref?: Ref<ComponentRef<typeof View>>;
25
25
  readonly style?: StyleProp<ViewStyle>;
26
26
  };
27
+ type NavigationItemProps = NavigationDestinationProps & {
28
+ /**
29
+ * Where the destination goes, through the app's router, and what the
30
+ * `selectedRoute` around it is matched against.
31
+ */
32
+ readonly href: string;
33
+ };
27
34
  //#endregion
28
- export type { NavigationDestinationProps };
35
+ export type { NavigationDestinationProps, NavigationItemProps };
29
36
  //# sourceMappingURL=index.d.ts.map
package/dist/navigation/index.js CHANGED
@@ -4,6 +4,7 @@ import { composeStyles } from "../theme/styles.js";
4
4
  import { hitSlop, usePressFeedback } from "../press/index.js";
5
5
  import { useTypeRole } from "../typography/roles.js";
6
6
  import { withOpacity } from "../theme/color.js";
7
+ import { useLinkPress } from "../router/index.js";
7
8
  import { Badge } from "../badge/index.js";
8
9
  import { INDICATOR, styles, stylesOf } from "./styles.js";
9
10
  import { c } from "react/compiler-runtime";
@@ -15,6 +16,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
15
16
  const GROWN_FROM = .4;
16
17
  const FADE_SHARE = .2;
17
18
  const ICON_SIZE = 24;
19
+ const BESIDE = {
20
+ collapsed: false,
21
+ expanded: true,
22
+ horizontal: true,
23
+ vertical: false
24
+ };
18
25
  const NavigationContext = createContext({
19
26
  form: "vertical",
20
27
  measuring: false
@@ -83,24 +90,24 @@ function ActiveIndicator(t0) {
83
90
  }
84
91
  /**
85
92
  * What a destination draws over its indicator: the icon and its badge, and
86
- * in a horizontal destination the label before them in the tree, which the
87
- * pill's reversed row draws after them.
93
+ * where the label is beside the icon the label before them in the tree,
94
+ * which the pill's reversed row draws after them.
88
95
  */
89
96
  function DestinationContent(t0) {
90
97
  const $ = c(20);
91
98
  const { badge, form, icon, isDisabled, label, selected } = t0;
92
99
  const theme = useTheme();
93
- const horizontal = form === "horizontal";
100
+ const beside = BESIDE[form];
94
101
  let t1;
95
- if ($[0] !== form || $[1] !== horizontal || $[2] !== isDisabled || $[3] !== label || $[4] !== selected) {
96
- t1 = horizontal ? /* @__PURE__ */ jsx(Label, {
102
+ if ($[0] !== beside || $[1] !== form || $[2] !== isDisabled || $[3] !== label || $[4] !== selected) {
103
+ t1 = beside ? /* @__PURE__ */ jsx(Label, {
97
104
  form,
98
105
  isDisabled,
99
106
  selected,
100
107
  children: label
101
108
  }) : null;
102
- $[0] = form;
103
- $[1] = horizontal;
109
+ $[0] = beside;
110
+ $[1] = form;
104
111
  $[2] = isDisabled;
105
112
  $[3] = label;
106
113
  $[4] = selected;
@@ -115,14 +122,14 @@ function DestinationContent(t0) {
115
122
  $[9] = t2;
116
123
  } else t2 = $[9];
117
124
  let t3;
118
- if ($[10] !== badge || $[11] !== horizontal || $[12] !== icon) {
125
+ if ($[10] !== badge || $[11] !== beside || $[12] !== icon) {
119
126
  t3 = badge === void 0 || badge === false ? icon : /* @__PURE__ */ jsx(Badge, {
120
127
  count: badge === true ? void 0 : badge,
121
- inFlow: horizontal,
128
+ inFlow: beside,
122
129
  children: icon
123
130
  });
124
131
  $[10] = badge;
125
- $[11] = horizontal;
132
+ $[11] = beside;
126
133
  $[12] = icon;
127
134
  $[13] = t3;
128
135
  } else t3 = $[13];
@@ -159,12 +166,15 @@ function iconStyleOf(color) {
159
166
  size: ICON_SIZE
160
167
  };
161
168
  }
162
- /** A destination's label, on one line, in label medium. */
169
+ /**
170
+ * A destination's label, on one line: in label large in an expanded rail,
171
+ * and in label medium everywhere else.
172
+ */
163
173
  function Label(t0) {
164
174
  const $ = c(9);
165
175
  const { children, form, isDisabled, selected } = t0;
166
176
  const theme = useTheme();
167
- const role = useTypeRole("labelMedium");
177
+ const role = useTypeRole(form === "expanded" ? "labelLarge" : "labelMedium");
168
178
  let t1;
169
179
  if ($[0] !== form || $[1] !== isDisabled || $[2] !== role || $[3] !== selected || $[4] !== theme) {
170
180
  t1 = composeStyles(role, styles.label, { color: labelColorOf(theme, form, isDisabled, selected) });
@@ -190,7 +200,7 @@ function Label(t0) {
190
200
  }
191
201
  /** The colour a destination draws its label in, which its form decides. */
192
202
  function labelColorOf(theme, form, isDisabled, selected) {
193
- return selected && !isDisabled && form === "vertical" ? theme.colors.secondary : iconColorOf(theme, isDisabled, selected);
203
+ return selected && !isDisabled && !BESIDE[form] ? theme.colors.secondary : iconColorOf(theme, isDisabled, selected);
194
204
  }
195
205
  function nameOf(children) {
196
206
  return typeof children === "string" ? children : void 0;
@@ -201,7 +211,7 @@ function nameOf(children) {
201
211
  * `tab` reporting whether it is selected.
202
212
  */
203
213
  function NavigationDestination(t0) {
204
- const $ = c(54);
214
+ const $ = c(55);
205
215
  let ariaLabel;
206
216
  let badge;
207
217
  let children;
@@ -253,9 +263,9 @@ function NavigationDestination(t0) {
253
263
  const theme = useTheme();
254
264
  const { form, measuring } = use(NavigationContext);
255
265
  const own = stylesOf(theme);
256
- const horizontal = form === "horizontal";
266
+ const beside = BESIDE[form];
257
267
  const feedback = usePressFeedback({
258
- area: horizontal ? void 0 : INDICATOR,
268
+ area: beside ? void 0 : INDICATOR,
259
269
  color: theme.colors.onSecondaryContainer,
260
270
  corners: own.pill,
261
271
  disabled: isDisabled,
@@ -289,7 +299,7 @@ function NavigationDestination(t0) {
289
299
  style: own.horizontal,
290
300
  children: content
291
301
  });
292
- if (horizontal) {
302
+ if (beside) {
293
303
  let t3;
294
304
  if ($[22] !== ariaLabel || $[23] !== children) {
295
305
  t3 = ariaLabel ?? nameOf(children);
@@ -298,16 +308,17 @@ function NavigationDestination(t0) {
298
308
  $[24] = t3;
299
309
  } else t3 = $[24];
300
310
  let t4;
301
- if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
302
- t4 = hitSlop(40);
303
- $[25] = t4;
304
- } else t4 = $[25];
311
+ if ($[25] !== form) {
312
+ t4 = form === "horizontal" ? hitSlop(40) : void 0;
313
+ $[25] = form;
314
+ $[26] = t4;
315
+ } else t4 = $[26];
305
316
  let t5;
306
- if ($[26] !== selected) {
317
+ if ($[27] !== selected) {
307
318
  t5 = /* @__PURE__ */ jsx(ActiveIndicator, { selected });
308
- $[26] = selected;
309
- $[27] = t5;
310
- } else t5 = $[27];
319
+ $[27] = selected;
320
+ $[28] = t5;
321
+ } else t5 = $[28];
311
322
  return /* @__PURE__ */ jsxs(Pressable, {
312
323
  "aria-label": t3,
313
324
  "aria-selected": selected,
@@ -316,7 +327,7 @@ function NavigationDestination(t0) {
316
327
  ...props,
317
328
  ...feedback.handlers,
318
329
  disabled: isDisabled,
319
- style: composeStyles(own.horizontal, feedback.ring, style),
330
+ style: composeStyles(own[form], feedback.ring, style),
320
331
  children: [
321
332
  t5,
322
333
  feedback.layer,
@@ -326,39 +337,39 @@ function NavigationDestination(t0) {
326
337
  }
327
338
  const T0 = Pressable;
328
339
  let t3;
329
- if ($[28] !== ariaLabel || $[29] !== children) {
340
+ if ($[29] !== ariaLabel || $[30] !== children) {
330
341
  t3 = ariaLabel ?? nameOf(children);
331
- $[28] = ariaLabel;
332
- $[29] = children;
333
- $[30] = t3;
334
- } else t3 = $[30];
342
+ $[29] = ariaLabel;
343
+ $[30] = children;
344
+ $[31] = t3;
345
+ } else t3 = $[31];
335
346
  const t4 = "tab";
336
347
  const t5 = feedback.handlers;
337
- const t6 = composeStyles(own.vertical, style);
348
+ const t6 = composeStyles(own[form], style);
338
349
  let t7;
339
- if ($[31] !== children || $[32] !== form || $[33] !== isDisabled || $[34] !== selected) {
350
+ if ($[32] !== children || $[33] !== form || $[34] !== isDisabled || $[35] !== selected) {
340
351
  t7 = /* @__PURE__ */ jsx(Label, {
341
352
  form,
342
353
  isDisabled,
343
354
  selected,
344
355
  children
345
356
  });
346
- $[31] = children;
347
- $[32] = form;
348
- $[33] = isDisabled;
349
- $[34] = selected;
350
- $[35] = t7;
351
- } else t7 = $[35];
357
+ $[32] = children;
358
+ $[33] = form;
359
+ $[34] = isDisabled;
360
+ $[35] = selected;
361
+ $[36] = t7;
362
+ } else t7 = $[36];
352
363
  const T1 = View;
353
364
  const t8 = composeStyles(own.indicator, feedback.ring);
354
365
  let t9;
355
- if ($[36] !== selected) {
366
+ if ($[37] !== selected) {
356
367
  t9 = /* @__PURE__ */ jsx(ActiveIndicator, { selected });
357
- $[36] = selected;
358
- $[37] = t9;
359
- } else t9 = $[37];
368
+ $[37] = selected;
369
+ $[38] = t9;
370
+ } else t9 = $[38];
360
371
  let t10;
361
- if ($[38] !== T1 || $[39] !== content || $[40] !== feedback.layer || $[41] !== t8 || $[42] !== t9) {
372
+ if ($[39] !== T1 || $[40] !== content || $[41] !== feedback.layer || $[42] !== t8 || $[43] !== t9) {
362
373
  t10 = /* @__PURE__ */ jsxs(T1, {
363
374
  style: t8,
364
375
  children: [
@@ -367,15 +378,15 @@ function NavigationDestination(t0) {
367
378
  content
368
379
  ]
369
380
  });
370
- $[38] = T1;
371
- $[39] = content;
372
- $[40] = feedback.layer;
373
- $[41] = t8;
374
- $[42] = t9;
375
- $[43] = t10;
376
- } else t10 = $[43];
381
+ $[39] = T1;
382
+ $[40] = content;
383
+ $[41] = feedback.layer;
384
+ $[42] = t8;
385
+ $[43] = t9;
386
+ $[44] = t10;
387
+ } else t10 = $[44];
377
388
  let t11;
378
- if ($[44] !== T0 || $[45] !== feedback.handlers || $[46] !== isDisabled || $[47] !== props || $[48] !== selected || $[49] !== t10 || $[50] !== t3 || $[51] !== t6 || $[52] !== t7) {
389
+ if ($[45] !== T0 || $[46] !== feedback.handlers || $[47] !== isDisabled || $[48] !== props || $[49] !== selected || $[50] !== t10 || $[51] !== t3 || $[52] !== t6 || $[53] !== t7) {
379
390
  t11 = /* @__PURE__ */ jsxs(T0, {
380
391
  "aria-label": t3,
381
392
  "aria-selected": selected,
@@ -386,20 +397,58 @@ function NavigationDestination(t0) {
386
397
  style: t6,
387
398
  children: [t7, t10]
388
399
  });
389
- $[44] = T0;
390
- $[45] = feedback.handlers;
391
- $[46] = isDisabled;
392
- $[47] = props;
393
- $[48] = selected;
394
- $[49] = t10;
395
- $[50] = t3;
396
- $[51] = t6;
397
- $[52] = t7;
398
- $[53] = t11;
399
- } else t11 = $[53];
400
+ $[45] = T0;
401
+ $[46] = feedback.handlers;
402
+ $[47] = isDisabled;
403
+ $[48] = props;
404
+ $[49] = selected;
405
+ $[50] = t10;
406
+ $[51] = t3;
407
+ $[52] = t6;
408
+ $[53] = t7;
409
+ $[54] = t11;
410
+ } else t11 = $[54];
400
411
  return t11;
401
412
  }
413
+ /**
414
+ * A destination that goes to its `href` through the app's router, selected
415
+ * while the `selectedRoute` around it is that `href`: the item of a bar and
416
+ * of a rail alike.
417
+ */
418
+ function NavigationItem(t0) {
419
+ const $ = c(8);
420
+ let href;
421
+ let onPress;
422
+ let props;
423
+ if ($[0] !== t0) {
424
+ ({href, onPress, ...props} = t0);
425
+ $[0] = t0;
426
+ $[1] = href;
427
+ $[2] = onPress;
428
+ $[3] = props;
429
+ } else {
430
+ href = $[1];
431
+ onPress = $[2];
432
+ props = $[3];
433
+ }
434
+ const { selectedRoute } = use(NavigationContext);
435
+ const press = useLinkPress(href, onPress);
436
+ const t1 = selectedRoute !== void 0 && href === selectedRoute;
437
+ let t2;
438
+ if ($[4] !== press || $[5] !== props || $[6] !== t1) {
439
+ t2 = /* @__PURE__ */ jsx(NavigationDestination, {
440
+ ...props,
441
+ onPress: press,
442
+ selected: t1
443
+ });
444
+ $[4] = press;
445
+ $[5] = props;
446
+ $[6] = t1;
447
+ $[7] = t2;
448
+ } else t2 = $[7];
449
+ return t2;
450
+ }
402
451
  //#endregion
403
- export { NavigationContext, NavigationDestination, iconColorOf, labelColorOf };
452
+ export { NavigationContext, NavigationDestination, NavigationItem, iconColorOf, labelColorOf };
404
453
 
405
454
  //# sourceMappingURL=index.js.map