@ziyarago/ui 0.3.0 → 0.5.0

package/src/core/components6.js

@@ -1,4 +1,5 @@
 // @ziyarago/ui · components, part 6 — last catalog gaps: TreeSelect, ContextMenu, Sortable, Map, Screensaver, ImageUpload, Tour.
+import { t } from '../i18n/index.js';
 import { icon, cx, ddRef } from './components.js';
 import { trap, life } from './dialog.js';
 const clamp = (v, a, b) => Math.max(a, Math.min(b, v));
@@ -10,7 +11,7 @@ export const more6 = {
       if (q && !all.filter(x => x.label.toLowerCase().includes(q)).some(x => x.id === n.id || (n.children || []).some(function f(c) { return c.id === x.id || (c.children || []).some(f); }))) return null;
       return h('div', { key: n.id }, h('button', { type: 'button', role: 'treeitem', disabled: n.disabled, 'aria-disabled': n.disabled ? 'true' : undefined, class: cx('zg-tree__n', n.id === p.modelValue && 'zg-tree__n--on'), style: { paddingInlineStart: 8 + d * 18 + 'px', width: '100%' }, onClick: () => { if (has && !q) set({ ex: { ...state.ex, [n.id]: !o } }); if (!has || p.selectGroups) { set({ open: false, q: '' }); p.onChange && p.onChange(n.id); } } }, has ? icon(h, o ? 'chevron-down' : 'chevron-right', 14) : h('span', { style: { width: '14px' } }), n.label), has && o ? n.children.map(c => node(c, d + 1)) : null); };
     return h('div', { class: 'zg-field' }, p.label ? h('span', { class: 'zg-label' }, p.label) : null, h('div', { class: 'zg-select' }, h('button', { type: 'button', class: 'zg-btn zg-select__trigger', 'aria-haspopup': 'tree', 'aria-expanded': String(state.open && !p.disabled), disabled: p.disabled, style: { height: 'var(--zg-h-lg)' }, onClick: () => set({ open: !state.open }) }, h('span', null, cur ? cur.label : (p.placeholder || '—')), icon(h, 'chevron-down', 16)),
-      state.open && !p.disabled ? h('div', { class: 'zg-select__list', role: 'tree', 'data-zg-dd': '', ref: ddRef(() => set({ open: false, q: '' })), style: { padding: '8px' } }, h('span', { class: 'zg-input', style: { '--h': '36px', marginBottom: '6px' } }, icon(h, 'search', 14), h('input', { value: state.q, placeholder: 'Search', onInput: e => set({ q: e.target.value }) })), ...(p.nodes || []).map(n => node(n, 0))) : null)); } },
+      state.open && !p.disabled ? h('div', { class: 'zg-select__list', role: 'tree', 'data-zg-dd': '', ref: ddRef(() => set({ open: false, q: '' })), style: { padding: '8px' } }, h('span', { class: 'zg-input', style: { '--h': '36px', marginBottom: '6px' } }, icon(h, 'search', 14), h('input', { value: state.q, placeholder: t('TreeSelect', 'search'), onInput: e => set({ q: e.target.value }) })), ...(p.nodes || []).map(n => node(n, 0))) : null)); } },
   ContextMenu: { state: { x: 0, y: 0, open: false }, render: ({ h, props: p, state, set, children }) => {
     const close = () => set({ open: false });
     return h('div', { class: 'zg-ctx', onContextmenu: e => { e.preventDefault(); set({ open: true, x: e.clientX, y: e.clientY }); } }, ...children,
@@ -19,7 +20,7 @@ export const more6 = {
     const drop = (to, f) => { const from = f === undefined ? state.drag : f; set({ drag: null, over: null }); if (from == null || from === to) return; const a = items.slice(); const [m] = a.splice(from, 1); a.splice(to, 0, m); p.onChange && p.onChange(a); };
     return h('div', { class: 'zg-sort', role: 'list' }, ...items.map((it, i) => h('div', { key: it.id ?? i, role: 'listitem', class: cx('zg-sort__i', state.over === i && state.drag !== i && 'is-over', state.drag === i && 'is-drag'), draggable: 'true', onDragstart: e => { e.dataTransfer.effectAllowed = 'move'; try { e.dataTransfer.setData('text/plain', String(i)); } catch (x) {} set({ drag: i }); }, onDragover: e => { e.preventDefault(); if (state.over !== i) set({ over: i }); }, onDrop: e => { e.preventDefault(); drop(i); }, onDragend: () => set({ drag: null, over: null }) },
       h('span', { class: 'zg-sort__h', 'aria-hidden': 'true' }, icon(h, 'grip-vertical', 16)), h('div', { style: { flex: 1, minWidth: 0 } }, p.render ? p.render(it, i) : h('b', null, it.label)),
-      h('span', { style: { display: 'flex', gap: '2px' } }, h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--sm zg-ibtn--ghost', 'aria-label': 'Move up', disabled: i === 0, onClick: () => drop(i - 1, i) }, icon(h, 'chevron-up', 14)), h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--sm zg-ibtn--ghost', 'aria-label': 'Move down', disabled: i === items.length - 1, onClick: () => drop(i + 1, i) }, icon(h, 'chevron-down', 14)))))); } },
+      h('span', { style: { display: 'flex', gap: '2px' } }, h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--sm zg-ibtn--ghost', 'aria-label': t('Sortable', 'moveUp'), disabled: i === 0, onClick: () => drop(i - 1, i) }, icon(h, 'chevron-up', 14)), h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--sm zg-ibtn--ghost', 'aria-label': t('Sortable', 'moveDown'), disabled: i === items.length - 1, onClick: () => drop(i + 1, i) }, icon(h, 'chevron-down', 14)))))); } },
   Map: { state: { lon: null, lat: null, z: null, dk: null, w: null }, render: ({ h, props: p, state, set }) => {
     const W = state.w || p.width || 640, H = p.height || 360, z = state.z ?? p.zoom ?? 14, lat0 = state.lat ?? p.lat ?? 21.4225, lon0 = state.lon ?? p.lon ?? 39.8262, n = 2 ** z;
     const mpx = (lat, lon, nn) => [(lon + 180) / 360 * nn * 256, (1 - Math.log(Math.tan(lat * Math.PI / 180) + 1 / Math.cos(lat * Math.PI / 180)) / Math.PI) / 2 * nn * 256], px = (lat, lon) => mpx(lat, lon, n);
@@ -35,23 +36,23 @@ export const more6 = {
       el.addEventListener('pointermove', mv); el.addEventListener('pointerup', up); el.addEventListener('pointercancel', up); };
     const mk = (p.markers || []).map((m, i) => { const [mx, my] = px(m.lat, m.lon); return h('button', { key: 'm' + i, type: 'button', class: cx('zg-pin', m.tone && 'zg-t-' + m.tone), title: m.label, style: { left: (mx - x0) + 'px', top: (my - y0) + 'px' }, onClick: () => p.onSelect && p.onSelect(m) }, icon(h, m.icon || 'map-pin', 16)); });
     const stop = e => e.stopPropagation(), zb = (dz, k, d, ic) => h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--sm', 'aria-label': (p.labels && p.labels[k]) || d, onPointerdown: stop, onDblclick: stop, onClick: () => zoomAt(dz, 0, 0) }, icon(h, ic, 16));
-    return h('div', { class: 'zg-map', role: 'application', 'aria-label': p.label || 'Map', style: { height: H + 'px' }, onPointerdown: pan, onDblclick: e => { const [ox, oy] = rel(e, e.currentTarget); zoomAt(1, ox, oy); },
+    return h('div', { class: 'zg-map', role: 'application', 'aria-label': p.label || t('Map', 'label'), style: { height: H + 'px' }, onPointerdown: pan, onDblclick: e => { const [ox, oy] = rel(e, e.currentTarget); zoomAt(1, ox, oy); },
       ref: el => { if (!el) return; el.__zgw = e => { e.preventDefault(); const t = Date.now(); if (t - (el.__zgt || 0) < 180) return; el.__zgt = t; const [ox, oy] = rel(e, el); zoomAt(e.deltaY < 0 ? 1 : -1, ox, oy); };
         if (!el.__zgi) { el.__zgi = 1; el.addEventListener('wheel', e => el.__zgw(e), { passive: false }); if (typeof ResizeObserver !== 'undefined') new ResizeObserver(() => { const w = Math.round(el.clientWidth); if (w && w !== el.__zgl) { el.__zgl = w; set({ w }); } }).observe(el); }
         if (p.theme == null && state.dk == null) set({ dk: !!el.closest('[data-theme="dark"]') }); } }, ...tiles, ...mk,
-      h('div', { class: 'zg-map__z' }, zb(1, 'zoomIn', 'Zoom in', 'plus'), zb(-1, 'zoomOut', 'Zoom out', 'minus')),
+      h('div', { class: 'zg-map__z' }, zb(1, 'zoomIn', t('Map', 'zoomIn'), 'plus'), zb(-1, 'zoomOut', t('Map', 'zoomOut'), 'minus')),
       h('span', { class: 'zg-map__c' }, '© OpenStreetMap · CARTO')); } },
   ImageUpload: { state: { src: null }, render: ({ h, props: p, state, set }) => { const src = state.src || p.modelValue, round = p.shape === 'circle';
-    return h('div', { class: 'zg-field' }, p.label ? h('span', { class: 'zg-label' }, p.label) : null, h('label', { class: 'zg-imgup', style: { aspectRatio: p.aspect || '1/1', maxWidth: (({ xs: 112, sm: 128, md: 160, lg: 192, xl: 224 })[p.size] || p.size || 160) + 'px', borderRadius: round ? '50%' : '24px', backgroundImage: src ? `url(${src})` : undefined } }, src ? null : h('span', { class: 'zg-imgup__e' }, icon(h, 'image-up', 24), h('span', { class: 'zg-hint' }, p.hint || 'Upload')), h('span', { class: 'zg-imgup__o' }, icon(h, 'camera', 18)),
+    return h('div', { class: 'zg-field' }, p.label ? h('span', { class: 'zg-label' }, p.label) : null, h('label', { class: 'zg-imgup', style: { aspectRatio: p.aspect || '1/1', maxWidth: (({ xs: 112, sm: 128, md: 160, lg: 192, xl: 224 })[p.size] || p.size || 160) + 'px', borderRadius: round ? '50%' : '24px', backgroundImage: src ? `url(${src})` : undefined } }, src ? null : h('span', { class: 'zg-imgup__e' }, icon(h, 'image-up', 24), h('span', { class: 'zg-hint' }, p.hint || t('ImageUpload', 'upload'))), h('span', { class: 'zg-imgup__o' }, icon(h, 'camera', 18)),
       h('input', { type: 'file', accept: 'image/*', style: { display: 'none' }, onChange: e => { const f = e.target.files[0]; if (!f) return; const r = new FileReader(); r.onload = () => { set({ src: r.result }); p.onChange && p.onChange(r.result, f); }; r.readAsDataURL(f); } }))); } },
   Screensaver: { state: { t: 0 }, render: ({ h, props: p, state, set }) => { if (!p.open) return p.idleMs > 0 ? h('span', { hidden: true, 'aria-hidden': 'true', ref: life({ idleMs: p.idleMs, onIdle: p.onIdle, mount: (el, get) => { let tm; const arm = () => { clearTimeout(tm); tm = setTimeout(() => { const o = get(); o.onIdle && o.onIdle(); }, get().idleMs); }, evs = ['pointermove', 'pointerdown', 'keydown', 'wheel', 'touchstart']; evs.forEach(e => document.addEventListener(e, arm, { passive: true })); arm(); return () => { clearTimeout(tm); evs.forEach(e => document.removeEventListener(e, arm)); }; } }) }) : null;
     const d = new Date(state.t || 0), pad = n => String(n).padStart(2, '0'), ph = (d.getSeconds() % 40) / 40;
-    return h('div', { class: 'zg-saver', role: 'dialog', 'aria-modal': 'true', 'aria-label': 'Screensaver', tabIndex: 0, ref: trap({ onClose: p.onClose, onKey: e => { if (e.key === 'Tab') return false; p.onClose && p.onClose(); return true; }, mount: el => { const id = setInterval(() => set({ t: Date.now() }), 1000); set({ t: Date.now() }); return () => clearInterval(id); } }), onClick: p.onClose }, h('span', { class: 'zg-saver__g', style: { left: (10 + ph * 60) + '%', top: (20 + Math.sin(ph * 6.28) * 18) + '%' } }),
+    return h('div', { class: 'zg-saver', role: 'dialog', 'aria-modal': 'true', 'aria-label': t('Screensaver', 'label'), tabIndex: 0, ref: trap({ onClose: p.onClose, onKey: e => { if (e.key === 'Tab') return false; p.onClose && p.onClose(); return true; }, mount: el => { const id = setInterval(() => set({ t: Date.now() }), 1000); set({ t: Date.now() }); return () => clearInterval(id); } }), onClick: p.onClose }, h('span', { class: 'zg-saver__g', style: { left: (10 + ph * 60) + '%', top: (20 + Math.sin(ph * 6.28) * 18) + '%' } }),
       h('div', { class: 'zg-saver__c' }, h('span', { class: 'zg-saver__m', style: { backgroundImage: 'url(assets/brand/ziyarago-mark.svg)' } }), h('b', { class: 'zg-num', style: { fontSize: 'clamp(64px,12vw,160px)', fontWeight: 200, letterSpacing: '-.04em', lineHeight: 1 } }, state.t ? pad(d.getHours()) + ':' + pad(d.getMinutes()) : '--:--'), h('span', { style: { color: 'var(--zg-text-2)', fontSize: '18px' } }, state.t ? new Intl.DateTimeFormat(p.locale || 'en-GB', { weekday: 'long', day: 'numeric', month: 'long' }).format(d) : '\u00a0'), p.hint ? h('span', { class: 'zg-hint' }, p.hint) : null)); } },
   Tour: { state: { i: 0, r: null }, render: ({ C, h, props: p, state, set }) => { if (!p.open) return null; const st = p.steps || [], i = clamp(p.step != null ? p.step : state.i, 0, Math.max(0, st.length - 1)), s = st[i] || {};
     const measure = () => { if (state.r || state.busy || !s.target) return; const el0 = document.querySelector(s.target); if (!el0) return; state.busy = true; setTimeout(() => { const el = document.querySelector(s.target) || el0, q = el.getBoundingClientRect(); if (q.top < 80 || q.bottom > innerHeight - 220) { let a = el.parentElement; while (a && !(/(auto|scroll)/.test(getComputedStyle(a).overflowY) && a.scrollHeight > a.clientHeight + 4)) a = a.parentElement; const dy = q.top - innerHeight / 3; if (a) a.scrollTop += dy; else window.scrollTo(0, window.scrollY + dy); } setTimeout(() => { state.busy = false; set({ r: (document.querySelector(s.target) || el).getBoundingClientRect() }); }, 160); }, 0); };
     const r = state.r, pad = 8, below = r ? r.bottom + 12 + 190 < innerHeight : true;
     const go = d => { const n = clamp(i + d, 0, st.length - 1); if (n === i) return; set({ i: n, r: null }); p.onStep && p.onStep(n); }, done = () => { set({ i: 0, r: null }); p.onClose && p.onClose(); };
-    return h('div', { class: 'zg-tourov', role: 'dialog', 'aria-label': 'Tour', ref: el => { if (el) measure(); trap({ focus: false, onClose: done, mount: () => () => set({ i: 0, r: null }), onKey: e => { const rtl = document.documentElement.dir === 'rtl', k = e.key === 'ArrowRight' ? (rtl ? -1 : 1) : e.key === 'ArrowLeft' ? (rtl ? 1 : -1) : 0; if (k) { e.preventDefault(); go(k); return true; } } })(el); } }, r ? h('span', { class: 'zg-tourov__cut', style: { left: (r.left - pad) + 'px', top: (r.top - pad) + 'px', width: (r.width + pad * 2) + 'px', height: (r.height + pad * 2) + 'px' } }) : h('span', { class: 'zg-tourov__full' }),
+    return h('div', { class: 'zg-tourov', role: 'dialog', 'aria-label': t('Tour', 'label'), ref: el => { if (el) measure(); trap({ focus: false, onClose: done, mount: () => () => set({ i: 0, r: null }), onKey: e => { const rtl = document.documentElement.dir === 'rtl', k = e.key === 'ArrowRight' ? (rtl ? -1 : 1) : e.key === 'ArrowLeft' ? (rtl ? 1 : -1) : 0; if (k) { e.preventDefault(); go(k); return true; } } })(el); } }, r ? h('span', { class: 'zg-tourov__cut', style: { left: (r.left - pad) + 'px', top: (r.top - pad) + 'px', width: (r.width + pad * 2) + 'px', height: (r.height + pad * 2) + 'px' } }) : h('span', { class: 'zg-tourov__full' }),
       h('div', { style: { position: 'fixed', zIndex: 2, left: r ? clamp(r.left, 12, innerWidth - 392) + 'px' : '50%', top: r ? (below ? r.bottom + 12 : Math.max(12, r.top - 12 - 190)) + 'px' : '40%', transform: r ? 'none' : 'translateX(-50%)' } }, h(C.TourPopover, { title: s.title, text: s.text, step: (i + 1) + ' / ' + st.length, last: i === st.length - 1, onBack: i ? () => go(-1) : null, onNext: () => i === st.length - 1 ? done() : go(1), onClose: done }))); } }
 };

package/src/core/components7.js

@@ -1,4 +1,5 @@
 // @ziyarago/ui · components, part 7 — gluestack parity: typography, layout primitives, Link, Pressable, Icon, Portal, sheets, ImageViewer, ChatAi, LiquidGlass.
+import { t } from '../i18n/index.js';
 import { icon, cx } from './components.js';
 import { trap } from './dialog.js';
 const clamp = (v, a, b) => Math.max(a, Math.min(b, v));
@@ -22,21 +23,21 @@ export const more7 = {
     h('span', { class: 'zg-sheet__grab', 'aria-hidden': 'true' }), p.title ? h('h3', { class: 'zg-sheet__t' }, p.title) : null, h('div', { class: 'zg-sheet__b' }, ...children), (slots.footer || p.footer) ? h('div', { class: 'zg-sheet__f' }, slots.footer || p.footer) : null)) },
   Actionsheet: { render: ({ C, h, props: p }) => h(C.BottomSheet, { open: p.open, size: p.size, onClose: p.onClose, title: p.title },
     h('div', { class: 'zg-as' }, ...(p.items || []).map((it, i) => h('button', { key: i, type: 'button', class: cx('zg-as__i', it.tone && 'zg-as__i--' + it.tone), disabled: it.disabled, onClick: () => { it.onClick && it.onClick(); p.onSelect && p.onSelect(it); p.onClose && p.onClose(); } }, it.icon ? icon(h, it.icon, 18) : null, h('span', null, it.label)))),
-    h('button', { type: 'button', class: 'zg-as__i zg-as__i--cancel', onClick: p.onClose }, p.cancelLabel || 'Cancel')) },
+    h('button', { type: 'button', class: 'zg-as__i zg-as__i--cancel', onClick: p.onClose }, p.cancelLabel || t('Actionsheet', 'cancel'))) },
   ImageViewer: { state: { i: null }, render: ({ h, props: p, state, set }) => {
     if (!p.open) return null;
     const im = p.images || [], i = clamp(state.i ?? p.index ?? 0, 0, Math.max(0, im.length - 1)), go = d => set({ i: (i + d + im.length) % im.length });
-    return h('div', { class: 'zg-iv', role: 'dialog', 'aria-modal': 'true', 'aria-label': p.alt || 'Image viewer', onClick: p.onClose },
-      h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__x', 'aria-label': 'Close', onClick: p.onClose }, icon(h, 'x', 20)),
-      im.length > 1 ? h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__p', 'aria-label': 'Previous', onClick: e => { e.stopPropagation(); go(-1); } }, icon(h, 'chevron-left', 22)) : null,
+    return h('div', { class: 'zg-iv', role: 'dialog', 'aria-modal': 'true', 'aria-label': p.alt || t('ImageViewer', 'label'), onClick: p.onClose },
+      h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__x', 'aria-label': t('ImageViewer', 'close'), onClick: p.onClose }, icon(h, 'x', 20)),
+      im.length > 1 ? h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__p', 'aria-label': t('ImageViewer', 'previous'), onClick: e => { e.stopPropagation(); go(-1); } }, icon(h, 'chevron-left', 22)) : null,
       h('img', { class: 'zg-iv__img', src: im[i], alt: p.alt || '', onClick: e => e.stopPropagation() }),
-      im.length > 1 ? h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__n', 'aria-label': 'Next', onClick: e => { e.stopPropagation(); go(1); } }, icon(h, 'chevron-right', 22)) : null,
+      im.length > 1 ? h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--ghost zg-iv__n', 'aria-label': t('ImageViewer', 'next'), onClick: e => { e.stopPropagation(); go(1); } }, icon(h, 'chevron-right', 22)) : null,
       h('span', { class: 'zg-badge zg-iv__c' }, `${i + 1} / ${im.length}`)); } },
   ChatAi: { state: { q: '' }, render: ({ h, props: p, state, set }) => {
     const send = () => { const t = state.q.trim(); if (!t || p.loading) return; set({ q: '' }); p.onSend && p.onSend(t); };
-    return h('section', { class: 'zg-chat zg-glass', 'aria-label': p.title || 'Assistant' },
+    return h('section', { class: 'zg-chat zg-glass', 'aria-label': p.title || t('ChatAi', 'assistant') },
       p.title ? h('div', { class: 'zg-chat__h' }, h('b', null, p.title), p.subtitle ? h('span', { class: 'zg-hint' }, p.subtitle) : null) : null,
-      h('div', { class: 'zg-chat__m', role: 'log', 'aria-live': 'polite' }, ...(p.messages || []).map((m, i) => h('div', { key: i, class: cx('zg-chat__b', 'zg-chat__b--' + (m.role === 'user' ? 'user' : 'ai')) }, m.text)), p.loading ? h('div', { class: 'zg-chat__b zg-chat__b--ai zg-chat__dots', 'aria-label': 'Typing' }, h('i'), h('i'), h('i')) : null),
-      h('div', { class: 'zg-chat__f' }, h('input', { class: 'zg-chat__in', value: state.q, placeholder: p.placeholder || 'Ask anything…', 'aria-label': 'Message', onInput: e => set({ q: e.target.value }), onKeydown: e => { if (e.key === 'Enter') { e.preventDefault(); send(); } } }),
-        h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--brand', 'aria-label': 'Send', disabled: p.loading || !state.q.trim(), onClick: send }, icon(h, 'send', 18)))); } },
+      h('div', { class: 'zg-chat__m', role: 'log', 'aria-live': 'polite' }, ...(p.messages || []).map((m, i) => h('div', { key: i, class: cx('zg-chat__b', 'zg-chat__b--' + (m.role === 'user' ? 'user' : 'ai')) }, m.text)), p.loading ? h('div', { class: 'zg-chat__b zg-chat__b--ai zg-chat__dots', 'aria-label': t('ChatAi', 'typing') }, h('i'), h('i'), h('i')) : null),
+      h('div', { class: 'zg-chat__f' }, h('input', { class: 'zg-chat__in', value: state.q, placeholder: p.placeholder || t('ChatAi', 'placeholder'), 'aria-label': t('ChatAi', 'message'), onInput: e => set({ q: e.target.value }), onKeydown: e => { if (e.key === 'Enter') { e.preventDefault(); send(); } } }),
+        h('button', { type: 'button', class: 'zg-ibtn zg-ibtn--brand', 'aria-label': t('ChatAi', 'send'), disabled: p.loading || !state.q.trim(), onClick: send }, icon(h, 'send', 18)))); } },
 };

package/src/core/index.js

@@ -7,5 +7,5 @@ import { more6 } from './components6.js';
 import { more7 } from './components7.js';
 export const components = { ...base, ...more, ...more3, ...more4, ...more6, ...more7, ...pages };
 export { fmt, setIconBase, rules };
-export { LOCALES, t, setUiLocale, getUiLocale, setUiMessages, isRtlLocale, subscribeUiLocale, getUiVersion, defineMessages } from '../i18n/index.js';
+export { LOCALES, FREE_LOCALES, t, setUiLocale, getUiLocale, setUiMessages, isRtlLocale, subscribeUiLocale, getUiVersion, defineMessages } from '../i18n/index.js';
 import '../i18n/components/index.js';

package/src/core/pages.js

@@ -42,6 +42,7 @@ const T = Object.fromEntries([
 
 T.PageAuth = { slots: ['background', 'logo', 'aside', 'form', 'footer'], render: ({ C, h, props: p, slots: s }) => {
   const body = [s.form || null, s.footer ? h('div', { class: 'zg-pg__r', 'data-slot': 'footer' }, s.footer) : null];
+  if (['photo', 'light', 'tint'].includes(p.layout)) return h(C.AuthShowcase, { variant: p.layout, title: p.title, subtitle: p.subtitle, logo: s.logo, footer: s.footer, image: p.image, headline: p.headline, caption: p.caption, quote: p.quote, chips: p.chips, people: p.people, proof: p.proof, proofHint: p.proofHint }, s.form || null);
   return p.layout === 'split'
     ? h(C.AuthSplit, { title: p.title, subtitle: p.subtitle, logo: s.logo, aside: s.aside }, ...body)
     : h('div', { class: 'zg-pgauth' }, s.background ? h('div', { class: 'zg-pg__r zg-pgauth__bg', 'data-slot': 'background' }, s.background) : null, h('div', { class: 'zg-pgauth__c' }, h(C.AuthLayout, { title: p.title, subtitle: p.subtitle, logo: s.logo }, ...body)));

package/src/i18n/components/ActionCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { expand: 'Expand', collapse: 'Collapse', refresh: 'Refresh', remove: 'Remove' },
+  ar: { expand: 'توسيع', collapse: 'طي', refresh: 'تحديث', remove: 'إزالة' },
+  ru: { expand: 'Развернуть', collapse: 'Свернуть', refresh: 'Обновить', remove: 'Удалить' },
+};

package/src/i18n/components/Actionsheet.js

@@ -0,0 +1,5 @@
+export default {
+  en: { cancel: 'Cancel' },
+  ar: { cancel: 'إلغاء' },
+  ru: { cancel: 'Отмена' },
+};

package/src/i18n/components/Alert.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close' },
+  ar: { close: 'إغلاق' },
+  ru: { close: 'Закрыть' },
+};

package/src/i18n/components/Breadcrumbs.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Breadcrumb' },
+  ar: { label: 'مسار التنقل' },
+  ru: { label: 'Хлебные крошки' },
+};

package/src/i18n/components/Calendar.js

@@ -0,0 +1,5 @@
+export default {
+  en: { prev: 'Previous month', next: 'Next month' },
+  ar: { prev: 'الشهر السابق', next: 'الشهر التالي' },
+  ru: { prev: 'Предыдущий месяц', next: 'Следующий месяц' },
+};

package/src/i18n/components/CallCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { play: 'Play' },
+  ar: { play: 'تشغيل' },
+  ru: { play: 'Воспроизвести' },
+};

package/src/i18n/components/CallRow.js

@@ -0,0 +1,5 @@
+export default {
+  en: { play: 'Play' },
+  ar: { play: 'تشغيل' },
+  ru: { play: 'Воспроизвести' },
+};

package/src/i18n/components/Carousel.js

@@ -0,0 +1,5 @@
+export default {
+  en: { prev: 'Previous', next: 'Next', slide: 'Slide' },
+  ar: { prev: 'السابق', next: 'التالي', slide: 'شريحة' },
+  ru: { prev: 'Предыдущий', next: 'Следующий', slide: 'Слайд' },
+};

package/src/i18n/components/ChartCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { more: 'More' },
+  ar: { more: 'المزيد' },
+  ru: { more: 'Ещё' },
+};

package/src/i18n/components/ChatAi.js

@@ -0,0 +1,5 @@
+export default {
+  en: { assistant: 'Assistant', placeholder: 'Ask anything…', typing: 'Typing', message: 'Message', send: 'Send' },
+  ar: { assistant: 'المساعد', placeholder: 'اسأل أي شيء…', typing: 'يكتب', message: 'رسالة', send: 'إرسال' },
+  ru: { assistant: 'Ассистент', placeholder: 'Спросите что угодно…', typing: 'Печатает', message: 'Сообщение', send: 'Отправить' },
+};

package/src/i18n/components/Chip.js

@@ -0,0 +1,5 @@
+export default {
+  en: { remove: 'Remove' },
+  ar: { remove: 'إزالة' },
+  ru: { remove: 'Удалить' },
+};

package/src/i18n/components/ChipInput.js

@@ -0,0 +1,5 @@
+export default {
+  en: { remove: 'Remove {name}' },
+  ar: { remove: 'إزالة {name}' },
+  ru: { remove: 'Удалить {name}' },
+};

package/src/i18n/components/CodeInput.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Code' },
+  ar: { label: 'الرمز' },
+  ru: { label: 'Код' },
+};

package/src/i18n/components/Combobox.js

@@ -0,0 +1,5 @@
+export default {
+  en: { placeholder: 'Search…', clear: 'Clear' },
+  ar: { placeholder: 'ابحث…', clear: 'مسح' },
+  ru: { placeholder: 'Поиск…', clear: 'Очистить' },
+};

package/src/i18n/components/CommandPalette.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Command palette', placeholder: 'Type a command…', empty: 'No commands' },
+  ar: { label: 'لوحة الأوامر', placeholder: 'اكتب أمرًا…', empty: 'لا توجد أوامر' },
+  ru: { label: 'Палитра команд', placeholder: 'Введите команду…', empty: 'Нет команд' },
+};

package/src/i18n/components/ConfirmDialog.js

@@ -0,0 +1,5 @@
+export default {
+  en: { cancel: 'Cancel', confirm: 'Confirm' },
+  ar: { cancel: 'إلغاء', confirm: 'تأكيد' },
+  ru: { cancel: 'Отмена', confirm: 'Подтвердить' },
+};

package/src/i18n/components/ContactPanel.js

@@ -0,0 +1,5 @@
+export default {
+  en: { phone: 'Phone', telegram: 'Telegram', email: 'Email', city: 'City', call: 'Call', message: 'Message' },
+  ar: { phone: 'الهاتف', telegram: 'Telegram', email: 'البريد الإلكتروني', city: 'المدينة', call: 'اتصال', message: 'رسالة' },
+  ru: { phone: 'Телефон', telegram: 'Telegram', email: 'Email', city: 'Город', call: 'Позвонить', message: 'Написать' },
+};

package/src/i18n/components/CopyButton.js

@@ -1,3 +1,5 @@
 export default {
   en: { copy: 'Copy', copied: 'Copied!', failed: 'Copy failed' },
+  ar: { copy: 'نسخ', copied: 'تم النسخ!', failed: 'فشل النسخ' },
+  ru: { copy: 'Копировать', copied: 'Скопировано!', failed: 'Не удалось скопировать' },
 };

package/src/i18n/components/DataGroup.js

@@ -0,0 +1,5 @@
+export default {
+  en: { expand: 'Expand' },
+  ar: { expand: 'توسيع' },
+  ru: { expand: 'Развернуть' },
+};

package/src/i18n/components/DataState.js

@@ -0,0 +1,5 @@
+export default {
+  en: { loading: 'Loading…', empty: 'Nothing here yet', error: 'Something went wrong', retry: 'Retry', offline: 'No internet', offlineDesc: 'Saved guides still work.', tryAgain: 'Try again' },
+  ar: { loading: 'جارٍ التحميل…', empty: 'لا يوجد شيء هنا بعد', error: 'حدث خطأ ما', retry: 'إعادة المحاولة', offline: 'لا يوجد اتصال بالإنترنت', offlineDesc: 'الأدلة المحفوظة ما زالت تعمل.', tryAgain: 'حاول مرة أخرى' },
+  ru: { loading: 'Загрузка…', empty: 'Пока здесь пусто', error: 'Что-то пошло не так', retry: 'Повторить', offline: 'Нет интернета', offlineDesc: 'Сохранённые путеводители по-прежнему работают.', tryAgain: 'Повторить попытку' },
+};

package/src/i18n/components/DataTable.js

@@ -0,0 +1,5 @@
+export default {
+  en: { selectAll: 'Select all', selectRow: 'Select row' },
+  ar: { selectAll: 'تحديد الكل', selectRow: 'تحديد الصف' },
+  ru: { selectAll: 'Выбрать все', selectRow: 'Выбрать строку' },
+};

package/src/i18n/components/DatePicker.js

@@ -0,0 +1,5 @@
+export default {
+  en: { placeholder: 'Select date', clear: 'Clear' },
+  ar: { placeholder: 'اختر التاريخ', clear: 'مسح' },
+  ru: { placeholder: 'Выберите дату', clear: 'Очистить' },
+};

package/src/i18n/components/DealCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { probability: 'Probability' },
+  ar: { probability: 'الاحتمال' },
+  ru: { probability: 'Вероятность' },
+};

package/src/i18n/components/Drawer.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close' },
+  ar: { close: 'إغلاق' },
+  ru: { close: 'Закрыть' },
+};

package/src/i18n/components/ErrorPage.js

@@ -0,0 +1,5 @@
+export default {
+  en: { title: 'Page not found', description: 'The page may have moved. Check the address or go back.' },
+  ar: { title: 'الصفحة غير موجودة', description: 'ربما تم نقل الصفحة. تحقق من العنوان أو ارجع.' },
+  ru: { title: 'Страница не найдена', description: 'Возможно, страница была перемещена. Проверьте адрес или вернитесь назад.' },
+};

package/src/i18n/components/FileUpload.js

@@ -0,0 +1,5 @@
+export default {
+  en: { title: 'Drop files here or browse', hint: 'PDF, JPG up to 10 MB' },
+  ar: { title: 'أفلت الملفات هنا أو تصفح', hint: 'PDF وJPG حتى 10 ميغابايت' },
+  ru: { title: 'Перетащите файлы сюда или выберите', hint: 'PDF, JPG до 10 МБ' },
+};

package/src/i18n/components/FullscreenDialog.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close', save: 'Save' },
+  ar: { close: 'إغلاق', save: 'حفظ' },
+  ru: { close: 'Закрыть', save: 'Сохранить' },
+};

package/src/i18n/components/Gallery.js

@@ -0,0 +1,5 @@
+export default {
+  en: { photo: 'Photo' },
+  ar: { photo: 'صورة' },
+  ru: { photo: 'Фото' },
+};

package/src/i18n/components/GuestCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { nights: '{n} nights' },
+  ar: { nights: '{n} ليالٍ' },
+  ru: { nights: '{n} ноч.' },
+};

package/src/i18n/components/ImageUpload.js

@@ -0,0 +1,5 @@
+export default {
+  en: { upload: 'Upload' },
+  ar: { upload: 'رفع' },
+  ru: { upload: 'Загрузить' },
+};

package/src/i18n/components/ImageViewer.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Image viewer', close: 'Close', previous: 'Previous', next: 'Next' },
+  ar: { label: 'عارض الصور', close: 'إغلاق', previous: 'السابق', next: 'التالي' },
+  ru: { label: 'Просмотр изображений', close: 'Закрыть', previous: 'Назад', next: 'Далее' },
+};

package/src/i18n/components/IncomingCall.js

@@ -0,0 +1,5 @@
+export default {
+  en: { incoming: 'Incoming call', decline: 'Decline', answer: 'Answer' },
+  ar: { incoming: 'مكالمة واردة', decline: 'رفض', answer: 'رد' },
+  ru: { incoming: 'Входящий звонок', decline: 'Отклонить', answer: 'Ответить' },
+};

package/src/i18n/components/InlineEdit.js

@@ -0,0 +1,5 @@
+export default {
+  en: { save: 'Save', edit: 'Click to edit' },
+  ar: { save: 'حفظ', edit: 'انقر للتعديل' },
+  ru: { save: 'Сохранить', edit: 'Нажмите, чтобы изменить' },
+};

package/src/i18n/components/IntegrationCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { connected: 'Connected', error: 'Error', off: 'Not linked', manage: 'Manage', reconnect: 'Reconnect', link: 'Link' },
+  ar: { connected: 'متصل', error: 'خطأ', off: 'غير مرتبط', manage: 'إدارة', reconnect: 'إعادة الاتصال', link: 'ربط' },
+  ru: { connected: 'Подключено', error: 'Ошибка', off: 'Не подключено', manage: 'Управлять', reconnect: 'Подключить снова', link: 'Подключить' },
+};

package/src/i18n/components/LoginForm.js

@@ -0,0 +1,5 @@
+export default {
+  en: { email: 'Email or phone', password: 'Password', remember: 'Remember device', forgot: 'Forgot password?', submit: 'Sign in' },
+  ar: { email: 'البريد الإلكتروني أو الهاتف', password: 'كلمة المرور', remember: 'تذكر هذا الجهاز', forgot: 'نسيت كلمة المرور؟', submit: 'تسجيل الدخول' },
+  ru: { email: 'Email или телефон', password: 'Пароль', remember: 'Запомнить устройство', forgot: 'Забыли пароль?', submit: 'Войти' },
+};

package/src/i18n/components/Map.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Map', zoomIn: 'Zoom in', zoomOut: 'Zoom out' },
+  ar: { label: 'خريطة', zoomIn: 'تكبير', zoomOut: 'تصغير' },
+  ru: { label: 'Карта', zoomIn: 'Увеличить', zoomOut: 'Уменьшить' },
+};

package/src/i18n/components/Modal.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close' },
+  ar: { close: 'إغلاق' },
+  ru: { close: 'Закрыть' },
+};

package/src/i18n/components/MultiSelect.js

@@ -0,0 +1,5 @@
+export default {
+  en: { selected: '{n} selected' },
+  ar: { selected: '{n} محدد' },
+  ru: { selected: 'Выбрано: {n}' },
+};

package/src/i18n/components/NotificationBell.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Notifications', markAllRead: 'Mark all read' },
+  ar: { label: 'الإشعارات', markAllRead: 'تحديد الكل كمقروء' },
+  ru: { label: 'Уведомления', markAllRead: 'Отметить все как прочитанные' },
+};

package/src/i18n/components/NumberInput.js

@@ -0,0 +1,5 @@
+export default {
+  en: { decrease: 'Decrease', increase: 'Increase' },
+  ar: { decrease: 'تقليل', increase: 'زيادة' },
+  ru: { decrease: 'Уменьшить', increase: 'Увеличить' },
+};

package/src/i18n/components/Pagination.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page' },
+  ar: { label: 'ترقيم الصفحات', prev: 'الصفحة السابقة', next: 'الصفحة التالية', page: 'صفحة' },
+  ru: { label: 'Постраничная навигация', prev: 'Предыдущая страница', next: 'Следующая страница', page: 'Страница' },
+};

package/src/i18n/components/PasswordInput.js

@@ -0,0 +1,5 @@
+export default {
+  en: { show: 'Show password', hide: 'Hide password' },
+  ar: { show: 'إظهار كلمة المرور', hide: 'إخفاء كلمة المرور' },
+  ru: { show: 'Показать пароль', hide: 'Скрыть пароль' },
+};

package/src/i18n/components/Popconfirm.js

@@ -0,0 +1,5 @@
+export default {
+  en: { no: 'No', yes: 'Yes' },
+  ar: { no: 'لا', yes: 'نعم' },
+  ru: { no: 'Нет', yes: 'Да' },
+};

package/src/i18n/components/PricingCard.js

@@ -0,0 +1,5 @@
+export default {
+  en: { choose: 'Choose' },
+  ar: { choose: 'اختيار' },
+  ru: { choose: 'Выбрать' },
+};

package/src/i18n/components/RamadanTracker.js

@@ -0,0 +1,5 @@
+export default {
+  en: { day: 'Day {day} of 30', label: 'Ramadan tracker' },
+  ar: { day: 'اليوم {day} من 30', label: 'متتبع رمضان' },
+  ru: { day: 'День {day} из 30', label: 'Трекер Рамадана' },
+};

package/src/i18n/components/RangeCalendar.js

@@ -0,0 +1,5 @@
+export default {
+  en: { prev: 'Previous', next: 'Next' },
+  ar: { prev: 'السابق', next: 'التالي' },
+  ru: { prev: 'Назад', next: 'Далее' },
+};

package/src/i18n/components/RangeSlider.js

@@ -0,0 +1,5 @@
+export default {
+  en: { min: 'Min', max: 'Max' },
+  ar: { min: 'الحد الأدنى', max: 'الحد الأقصى' },
+  ru: { min: 'Мин.', max: 'Макс.' },
+};

package/src/i18n/components/Rating.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Rating', stars: '{n} stars' },
+  ar: { label: 'التقييم', stars: '{n} نجوم' },
+  ru: { label: 'Рейтинг', stars: 'Звёзд: {n}' },
+};

package/src/i18n/components/RichEditor.js

@@ -0,0 +1,5 @@
+export default {
+  en: { editor: 'Editor', placeholder: 'Write something…', bold: 'Bold', italic: 'Italic', underline: 'Underline', strike: 'Strike', left: 'Left', center: 'Center', right: 'Right', bullets: 'Bullets', numbers: 'Numbers', quote: 'Quote', codeBlock: 'Code block' },
+  ar: { editor: 'المحرر', placeholder: 'اكتب شيئًا…', bold: 'غامق', italic: 'مائل', underline: 'تسطير', strike: 'يتوسطه خط', left: 'يسار', center: 'وسط', right: 'يمين', bullets: 'نقاط', numbers: 'أرقام', quote: 'اقتباس', codeBlock: 'كتلة برمجية' },
+  ru: { editor: 'Редактор', placeholder: 'Напишите что-нибудь…', bold: 'Жирный', italic: 'Курсив', underline: 'Подчёркнутый', strike: 'Зачёркнутый', left: 'По левому краю', center: 'По центру', right: 'По правому краю', bullets: 'Маркированный список', numbers: 'Нумерованный список', quote: 'Цитата', codeBlock: 'Блок кода' },
+};

package/src/i18n/components/Screensaver.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Screensaver' },
+  ar: { label: 'شاشة التوقف' },
+  ru: { label: 'Заставка' },
+};

package/src/i18n/components/SearchInput.js

@@ -0,0 +1,5 @@
+export default {
+  en: { placeholder: 'Search', clear: 'Clear' },
+  ar: { placeholder: 'بحث', clear: 'مسح' },
+  ru: { placeholder: 'Поиск', clear: 'Очистить' },
+};

package/src/i18n/components/SideNav.js

@@ -0,0 +1,5 @@
+export default {
+  en: { toggle: 'Toggle sidebar', collapse: 'Collapse' },
+  ar: { toggle: 'تبديل الشريط الجانبي', collapse: 'طي' },
+  ru: { toggle: 'Переключить боковую панель', collapse: 'Свернуть' },
+};

package/src/i18n/components/Snackbar.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close' },
+  ar: { close: 'إغلاق' },
+  ru: { close: 'Закрыть' },
+};

package/src/i18n/components/Sortable.js

@@ -0,0 +1,5 @@
+export default {
+  en: { moveUp: 'Move up', moveDown: 'Move down' },
+  ar: { moveUp: 'نقل لأعلى', moveDown: 'نقل لأسفل' },
+  ru: { moveUp: 'Переместить вверх', moveDown: 'Переместить вниз' },
+};

package/src/i18n/components/Spinner.js

@@ -0,0 +1,5 @@
+export default {
+  en: { loading: 'Loading' },
+  ar: { loading: 'جارٍ التحميل' },
+  ru: { loading: 'Загрузка' },
+};

package/src/i18n/components/StatusPage.js

@@ -0,0 +1,5 @@
+export default {
+  en: { nfTitle: 'Page not found', nfDesc: 'The page may have moved. Check the address or go back.', home: 'Back to home', authTitle: 'Not authorized', authDesc: 'You need permission to open this page.', mtTitle: 'Under maintenance', mtDesc: 'We are updating the service. It will be back shortly.', soonTitle: 'Coming soon', soonDesc: 'We are working on it. Leave your email and we will tell you first.', notify: 'Notify me' },
+  ar: { nfTitle: 'الصفحة غير موجودة', nfDesc: 'ربما تم نقل الصفحة. تحقق من العنوان أو ارجع.', home: 'العودة إلى الرئيسية', authTitle: 'غير مصرح', authDesc: 'تحتاج إلى إذن لفتح هذه الصفحة.', mtTitle: 'قيد الصيانة', mtDesc: 'نقوم بتحديث الخدمة. ستعود قريبًا.', soonTitle: 'قريبًا', soonDesc: 'نعمل على ذلك. اترك بريدك الإلكتروني وسنخبرك أولًا.', notify: 'أبلغني' },
+  ru: { nfTitle: 'Страница не найдена', nfDesc: 'Возможно, страница была перемещена. Проверьте адрес или вернитесь назад.', home: 'На главную', authTitle: 'Нет доступа', authDesc: 'Для открытия этой страницы нужно разрешение.', mtTitle: 'Технические работы', mtDesc: 'Мы обновляем сервис. Скоро он снова заработает.', soonTitle: 'Скоро', soonDesc: 'Мы работаем над этим. Оставьте email, и мы сообщим вам первыми.', notify: 'Уведомить меня' },
+};

package/src/i18n/components/StepDialog.js

@@ -0,0 +1,5 @@
+export default {
+  en: { close: 'Close', previous: 'Previous', next: 'Next', submit: 'Submit' },
+  ar: { close: 'إغلاق', previous: 'السابق', next: 'التالي', submit: 'إرسال' },
+  ru: { close: 'Закрыть', previous: 'Назад', next: 'Далее', submit: 'Отправить' },
+};

package/src/i18n/components/StepForm.js

@@ -0,0 +1,5 @@
+export default {
+  en: { back: 'Back', next: 'Next', finish: 'Finish' },
+  ar: { back: 'رجوع', next: 'التالي', finish: 'إنهاء' },
+  ru: { back: 'Назад', next: 'Следующий', finish: 'Готово' },
+};

package/src/i18n/components/TabTiles.js

@@ -0,0 +1,5 @@
+export default {
+  en: { add: 'Add' },
+  ar: { add: 'إضافة' },
+  ru: { add: 'Добавить' },
+};

package/src/i18n/components/Tag.js

@@ -0,0 +1,5 @@
+export default {
+  en: { remove: 'Remove' },
+  ar: { remove: 'إزالة' },
+  ru: { remove: 'Удалить' },
+};

package/src/i18n/components/TopNav.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Main' },
+  ar: { label: 'الرئيسية' },
+  ru: { label: 'Основная' },
+};

package/src/i18n/components/Tour.js

@@ -0,0 +1,5 @@
+export default {
+  en: { label: 'Tour' },
+  ar: { label: 'جولة تعريفية' },
+  ru: { label: 'Тур' },
+};