tamga-ui 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,90 @@
+# Changelog
+
+Versions follow [semver](https://semver.org/). Through `0.x`, breaking changes may land in a
+**minor** release; each one is listed below under "Breaking", together with how to move across it.
+
+> 🇹🇷 Türkçe için [tamga.org.tr/tr](https://tamga.org.tr/tr).
+
+## 0.2.0
+
+Most of this release came out of gaps found by two people using the kit **from the outside**:
+one rewriting a photo application on top of it, another building an e-commerce panel from scratch.
+
+### Breaking
+
+- **`ErrorSlot` and `Busy` are no longer exported from `tamga-ui/patterns`.** They were the
+  templates' internal machinery; templates already draw their own error and loading states, and
+  offering these separately was an invitation to draw the same state two different ways.
+  **Migration:** if you want that treatment, use the template (`ListTemplate`, `DetailTemplate`,
+  `WizardTemplate`); all three draw the same slot from their `state` and `error` props.
+
+- **`Kpi.accent` and `Kpi.attention` were removed.** Both let the tile change itself per screen:
+  `accent` drew the data's own colour down the left edge, `attention` painted the number in the
+  critical colour. Their only consumer rejected both — the colour was already on the badge in the
+  list, and with three of five tiles red none of them led. The tile now looks the same on every
+  screen.
+  **Migration:** to say a number is bad, use `delta` (a change with a direction and a meaning) or
+  the screen the tile opens.
+
+### Renamed (the old names still work for one more version)
+
+The names in `tamga-ui/palette` and the colour helpers were in Turkish; ADR-0001 says names are
+English, and we wrote that rule. The old names remain as `@deprecated` aliases and **will be
+removed in 0.3.0**.
+
+| old | new |
+| --- | --- |
+| `gecerliHex` | `isHex` |
+| `hexRgb` · `rgbHex` | `hexToRgb` · `rgbToHex` |
+| `parlaklik` · `oran` · `acikligi` · `dL` | `luminance` · `contrast` · `lightness` · `deltaL` |
+| `hexOklch` · `oklchHex` | `hexToOklch` · `oklchToHex` |
+| `oranaGoreAcikligi` | `lightnessForContrast` |
+| `paletUret` · `paletiOlc` | `makePalette` · `measurePalette` |
+| `paletStili` · `paletCss` | `paletteVars` · `paletteCss` |
+| `Palet` · `PaletCifti` · `Olcum` | `Palette` · `PalettePair` · `Measurement` |
+| `{ ad, tur, deger, esik, gecti }` | `{ name, kind, value, threshold, passed }` |
+
+### Added
+
+- **`AppShell.rail`** — `narrow` (default) or `wide`. The rail could only ever be narrow before,
+  and whoever installed the kit had no way to discover otherwise. On a narrow rail the labels now
+  appear in the kit's own `Tooltip` rather than the browser's delayed `title` bubble.
+- **`AppShell.railFooter`** — a control at the foot of the rail, an expand/collapse button say.
+- **`AccountButton`** — the account control at the right end of the top bar. It fits the avatar to
+  `--control` (40px), exactly the height of the theme toggle. Two panels had built this by hand.
+- **`Sheet.side`** — `end` (default) for detail, `start` for navigation. The panel slides in from
+  the edge it belongs to; with `prefers-reduced-motion` the slide is dropped.
+- **`ThemeToggle variant="select"`** — for when its neighbour is a select box. This variant takes
+  STATE words as `labels` (`{ light, dark }`), not action words, and the type enforces it.
+- **`aria-label` on `Select`** — a select standing alone in a toolbar was announced as just
+  "button".
+- **`Kpi`** can now be pressed (`href` makes it a link, `onClick`/`pressed` a filter button) and
+  takes an icon; **`KpiGrid`** derives its column count from how many children it has.
+- **`paletteVars`** — turns a palette into a map of CSS variables, for applying it to a single box
+  or to the root at runtime.
+
+### Fixed
+
+- The open section in a `SettingsTemplate` menu was never painted: the template writes
+  `data-active` while the CSS only had a rule for `data-selected`.
+- `WizardTemplate` drew its own step strip while the `Steps` component drew the same idea
+  differently. The strip now lives in one place.
+- `WizardTemplate`'s footer is sticky: on a long step form "Next" slid off the bottom of the
+  screen.
+- `.tamga-link` now carries `cursor: pointer`. An `<a>` without `href`, or a `<span>` styled as a
+  link, was leaving the cursor at `auto`.
+
+### Docs
+
+- **The nine patterns and fourteen blocks now have prop tables.** The extractor only looked at
+  `components/`, so the kit's highest-level API was invisible on the docs site. 103 → 117
+  components, 439 → 612 props.
+- The README said the package was not published yet. Installing is one line: `npm install tamga-ui`.
+
+## 0.1.1
+
+- The package homepage points at `tamga.org.tr`.
+
+## 0.1.0
+
+First release.

package/README.md

@@ -1,54 +1,47 @@
 # tamga-ui
 
-Mantıksal'ın ortak arayüz kütüphanesi: token'lar, fizik ve bileşenler.
+Mantıksal's shared interface library: tokens, physics and components.
 
-Framework değil **kütüphane** — ekranları sen kurarsın, kit parçaları verir. Kit hiçbir ürünün
-adını, sözlüğünü ya da kimliğini bilmez.
+> 🇹🇷 **Türkçe:** the documentation is bilingual and lives at
+> **[tamga.org.tr/tr](https://tamga.org.tr/tr)**. This file is in English because it is the first
+> page an installer sees on npm, and npm is read from everywhere.
 
-- **Bileşenler** `tamga-ui`
-- **İkonlar** `tamga-ui/icons`
-- **Bloklar** `tamga-ui/blocks` — bir bileşenden büyük, bir ekrandan küçük
-- **Şablonlar** `tamga-ui/patterns` — ekranların şekli (liste, detay, ayar, oturum, kabuk)
+Not a framework but a **library**: you build the screens, the kit hands you the parts. The kit
+knows no product's name, vocabulary or identity.
 
-Doküman sitesi: depoyu klonlayıp `pnpm install && pnpm --filter tamga-docs dev` (port **6070**).
+- **Components** `tamga-ui`
+- **Icons** `tamga-ui/icons`
+- **Blocks** `tamga-ui/blocks` — larger than a component, smaller than a screen
+- **Patterns** `tamga-ui/patterns` — the shape of a screen (list, detail, settings, auth, shell)
 
----
-
-## Kurulum
+Docs: **[tamga.org.tr](https://tamga.org.tr)** · Changelog: [CHANGELOG.md](./CHANGELOG.md)
 
-### Henüz npm'de değil
-
-Paket yayınlanmadı. Bugün üç yol var, üçü de çalışıyor:
+---
 
-**1 · Tarball (en temiz).** Kit deposunda:
+## Install
 
 ```bash
-pnpm install
-pnpm --filter tamga-ui pack     # tamga-ui-0.1.0.tgz üretir
+npm install tamga-ui
 ```
 
-Kendi projende:
+> **If a machine is reading this:** the package page (`npmjs.com/...`) returns **403** to
+> non-browser requests. That is npm's bot protection, nothing to do with this package. For
+> versions and metadata use the registry: `https://registry.npmjs.org/tamga-ui` (200, plain JSON).
 
-```bash
-npm install ../tamga/packages/ui/tamga-ui-0.1.0.tgz
-```
+### Local development
 
-**2 · Yerel yol.** Aynı makinede duruyorsa:
+To link the kit into a consuming project without publishing, while changing the kit itself:
 
 ```bash
 npm install file:../tamga/packages/ui
 ```
 
-> **Dikkat:** `file:` bir SEMBOLİK BAĞ kuruyor, ve Tailwind v4 `@source` taramasını sembolik
-> bağın ardına götürmüyor. Sonuç sinsi: tipler çözülür, importlar çalışır, ama utility sınıfları
-> üretilmediği için bileşenler yarı çıplak çıkar. Geliştirirken hızlı, teslim ederken tarball.
-
-**3 · Git.** npm bir monorepo'nun alt klasörünü doğrudan kuramıyor, o yüzden depoyu klonlayıp
-1 ya da 2'yi kullan.
-
-Üçünde de `prepare` betiği `dist/`i kurulum anında üretiyor; ayrıca bir build adımı gerekmiyor.
+> **Careful:** `file:` creates a SYMLINK, and Tailwind v4 does not follow `@source` scanning past
+> a symlink. The result is sneaky: types resolve, imports work, but utility classes are never
+> generated and components come out half-naked. Use this only while developing the kit; a real
+> install is the one line above.
 
-### Gerekenler
+### Requirements
 
 | | |
 | --- | --- |
@@ -56,8 +49,8 @@ npm install file:../tamga/packages/ui
 | Tailwind | **v4** |
 | Node | 20+ |
 
-Tailwind v4 bir tercih değil şart: bileşenler utility sınıfı kullanıyor ve o sınıfları **senin**
-build'in üretiyor.
+Tailwind v4 is not a preference but a requirement: components use utility classes and **your**
+build is what generates them.
 
 ### CSS
 
@@ -68,105 +61,104 @@ build'in üretiyor.
 @source "../../node_modules/tamga-ui/dist";
 ```
 
-**`@source` satırını atlama.** Onsuz Tailwind kitin `dist/`i içindeki sınıfları taramaz, üretmez,
-ve bileşenler **stilsiz** çıkar. Yol senin CSS dosyandan `node_modules`a göre; derinliğe göre
-`../` sayısı değişir.
+**Do not skip the `@source` line.** Without it Tailwind never scans the classes inside the kit's
+`dist/`, never generates them, and components render **unstyled**. The path is relative to your
+own CSS file, so the number of `../` depends on how deep that file sits.
 
-### Kullanım
+### Usage
 
 ```tsx
-import { Button, StatusChip } from "tamga-ui";
+import { Button, Icon } from "tamga-ui";
 import { Plus } from "tamga-ui/icons";
 
 <Button variant="primary">
   <Icon icon={Plus} size="xs" />
-  Yeni kayıt
+  New record
 </Button>;
 ```
 
 ---
 
-## Kurulum anketi
+## The setup survey
 
-**Bu bölüm kiti kuran kişi ya da ajan içindir.** Kit kurulduğunda proje çalışır ama KİMSESİZDİR:
-mavi bir vurgu, baş harften bir karo, adsız bir kullanıcı. Aşağıdaki yedi sorunun cevabı
-alınmadan kurulum bitmiş sayılmaz.
+**This section is for the person or agent installing the kit.** Once installed the project runs,
+but it has NO IDENTITY: a blue accent, a tile with an initial on it, a nameless user. Setup is
+not finished until these seven questions have answers.
 
-Her satırın son sütunu önemli: **cevap bir kere sorulup koda gömülmez, bir ayar ekranına da
-konur.** Kurulumda sorulan her şey projenin üçüncü ayında da değiştirilebilir olmalı; yoksa
-müşteri rengini değiştirmek istediğinde tek yol bir geliştiricinin CSS yazıp yeniden yayın
-alması olur.
+The last column is the important one: **an answer is never only compiled in, it also goes into a
+settings screen.** Everything asked at setup has to still be changeable in the project's third
+month; otherwise, when the customer wants a different colour, the only route left is a developer
+editing a file and shipping a release.
 
-| # | Sorulacak | Nereye gider | Ayar ekranında |
+| # | Ask for | Where it goes | In settings |
 | --- | --- | --- | --- |
-| 1 | Ürünün adı | Kabuk, sekme başlığı, oturum ekranı | hayır, ürünün kimliği |
-| 2 | **Marka rengi (tek hex)** | `paletUret()` → token'lar (aşağıda) | **evet** |
-| 3 | Logo (geniş, yatay) | Oturum ekranı, geniş kenar çubuğu | **evet** |
-| 4 | Amblem (kare) | Dar kenar çubuğu, sekme ikonu | **evet** |
-| 5 | Varsayılan tema | `açık` · `koyu` · `sistem` | **evet** |
-| 6 | Kenar çubuğu davranışı | `hep dar` · `hep geniş` · `kullanıcı seçsin` | **evet** |
-| 7 | Arayüz dili / dilleri | Bütün `labels` prop'ları | duruma göre |
-
-**2, 3 ve 4 birbirinden bağımsız sorulur.** Yüklenen bir logodan amblem OTOMATİK çıkarılamaz:
-bir görsel dosyasında "amblem" diye işaretli bir şey yoktur, konumu sabit değildir (solda, üstte,
-yazının içinde ya da hiç yok), ve yanlış kesim sessizdir. Yarım bir harf panelin her sayfasının
-sol üstünde durur ve kimse bunun otomatik kesildiğini bilmez. Amblemi ya ayrı bir dosya olarak
-iste, ya kullanıcıya logo üzerinde kare bir alan seçtir, ya da hiç isteme: amblem yoksa
-`LogoTile` baş harften bir karo üretir ve bu çalışan bir cevaptır.
-
-Sorulacakların ekranı `SettingsTemplate` ile kuruluyor; adım adım anlatımı doküman sitesinde
-`/docs/yeni-panel` sayfasında.
+| 1 | The product's name | Shell, tab title, auth screen | no, it is the product's identity |
+| 2 | **Brand colour (one hex)** | `makePalette()` → tokens (below) | **yes** |
+| 3 | Logo (wide, horizontal) | Auth screen, wide sidebar | **yes** |
+| 4 | Mark (square) | Narrow sidebar, tab icon | **yes** |
+| 5 | Default theme | `light` · `dark` · `system` | **yes** |
+| 6 | Sidebar behaviour | `always narrow` · `always wide` · `user chooses` | **yes** |
+| 7 | Interface language(s) | Every `labels` prop | depends |
+
+**2, 3 and 4 are asked separately.** A mark CANNOT be extracted from an uploaded logo: nothing in
+an image file is marked as "the mark", its position is not fixed (left, on top, inside the
+wordmark, or absent altogether), and a wrong crop fails silently. Half a letter then sits in the
+top left of every page and nobody knows it was cropped automatically. Either ask for the mark as
+its own file, let the user drag a square over the logo, or do not ask at all: with no mark,
+`LogoTile` draws a tile from the initial, and that is a working answer.
+
+The screen for all this is built with `SettingsTemplate`; the walkthrough is at
+[/docs/new-panel](https://tamga.org.tr/en/docs/new-panel).
 
 ---
 
-## Renkleri değiştirmek
+## Changing the colours
 
-Bir bileşen hiçbir yerde sabit renk taşımıyor; hepsi token okuyor.
+No component anywhere carries a fixed colour; every one of them reads tokens.
 
-### Tek hex'ten bütün palet
+### A whole palette from one hex
 
-`tamga-ui/palette` bir marka renginden iki temanın tamamını üretiyor. Elle üç token yazmaktan
-daha güvenli, çünkü üreteç kontrastı ARAYARAK buluyor: yüzün açıklığını, üstündeki mürekkebin
-AA eşiğini geçene kadar adım adım kaydırıyor. Kırk ton ve iki tema, bir kapının sürekli ölçtüğü
-880 ölçüm.
+`tamga-ui/palette` derives both themes from a single brand colour. Safer than writing three
+tokens by hand, because the generator SEARCHES for contrast: it nudges the face's lightness step
+by step until the ink on top clears the AA threshold. Forty hues across two themes, 880
+measurements that a gate keeps re-running.
 
 ```ts
-import { paletUret, paletCss } from "tamga-ui/palette";
+import { makePalette, paletteCss } from "tamga-ui/palette";
 
-const cift = paletUret("#e02938");   // { light, dark }
-document.documentElement.setAttribute("style", paletCss(cift));
+const pair = makePalette("#e02938");   // { light, dark }
+document.documentElement.setAttribute("style", paletteCss(pair));
 ```
 
-Renk çalışma zamanında değişebiliyorsa (ayar ekranı) yol budur: token'lar kök elemana yazılıyor
-ve kitin 87 sınıfı onları okuduğu için bütün panel tek satırda dönüyor, hiçbir CSS yeniden
-derlenmeden.
+This is the route whenever the colour can change at runtime (a settings screen): the tokens are
+written onto the root element and, because the kit's 87 classes read them, the whole panel turns
+in one line with no CSS recompiled.
 
-### Ya da elle
+### Or by hand
 
-Rengin sabit olduğu ve derleme zamanında bilindiği projelerde token'ları doğrudan geçersiz
-kılabilirsin:
+Where the colour is fixed and known at build time, override the tokens directly:
 
 ```css
 @import "tamga-ui/styles.css";
 
 :root {
-  --color-accent: #2069c9;        /* birincil yüz */
-  --color-accent-shadow: #12245c; /* yüzün altındaki taban */
-  --color-accent-ink: #fdfcfa;    /* yüzün üstündeki mürekkep */
+  --color-accent: #2069c9;        /* the primary face */
+  --color-accent-shadow: #12245c; /* the base under the face */
+  --color-accent-ink: #fdfcfa;    /* the ink on top of the face */
 }
 ```
 
-Bu yolda kontrastı kendin doğrulamak zorundasın: üreteç yok, kapı yok.
+On this route you verify the contrast yourself: no generator, no gate.
 
-Bu yüzden **kendi bileşenlerinde de sabit renk yazma**: `text-ink`, `bg-shell`,
-`var(--color-critical)` yaz. Palet değiştiğinde ekranların onunla birlikte döner; sabit yazılmış
-her renk elle bulunup düzeltilir.
+Which is also why **you should not hardcode colours in your own components**. Write `text-ink`,
+`bg-shell`, `var(--color-critical)`. When the palette changes your screens turn with it; every
+hardcoded colour has to be hunted down by hand.
 
-Token'ların tamamı doküman sitesinde (`/docs/tokens`), temayı değiştirmenin adımları
-`/docs/tema` sayfasında.
+The full token list is on the docs site (`/docs/tokens`), and the steps for changing a theme are
+on `/docs/theme`.
 
 ---
 
-## Lisans
+## Licence
 
 MIT — [LICENSE](./LICENSE)

package/dist/blocks/count-row.d.ts

@@ -12,14 +12,14 @@ import type { ReactNode } from "react";
  */
 export declare function CountRow({ count, unit, aside, pageSize, pageSizeOptions, onPageSize, labels, }: {
     count: number;
-    /** "sipariş", "müşteri": sayının yanında ne yazacağı. */
+    /** "orders", "customers": what stands beside the number. TR: "sipariş", "müşteri": sayının yanında ne yazacağı. */
     unit: string;
-    /** Ekrana özel ikinci okuma. */
+    /** A second reading, specific to the screen. TR: Ekrana özel ikinci okuma. */
     aside?: ReactNode;
     pageSize?: number;
     pageSizeOptions?: number[];
     onPageSize?: (n: number) => void;
-    /** Sayının biçimi çağıranın: binlik ayıracı dile bağlı. */
+    /** The number's format belongs to the caller: the thousands separator depends on the language. TR: Sayının biçimi çağıranın: binlik ayıracı dile bağlı. */
     labels?: {
         format?: (n: number) => string;
         perPage?: string;

package/dist/blocks/count-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"count-row.d.ts","sourceRoot":"","sources":["../../src/blocks/count-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,2DAA2D;IAC3D,MAAM,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjF,+BA0BA"}
+{"version":3,"file":"count-row.d.ts","sourceRoot":"","sources":["../../src/blocks/count-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,UAAU,EACV,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,mHAAmH;IACnH,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,2JAA2J;IAC3J,MAAM,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjF,+BA0BA"}

package/dist/blocks/filter-bar.d.ts

@@ -46,7 +46,7 @@ export type FilterField = {
     key: string;
     label: string;
     kind: FilterFieldKind;
-    /** Verilmezse `optionSource[key]` kullanılır; ikisi de yoksa liste boş. */
+    /** Falls back to `optionSource[key]`; with neither, the list is empty. TR: Verilmezse `optionSource[key]` kullanılır; ikisi de yoksa liste boş. */
     options?: string[];
 };
 export type FilterGroup = {
@@ -56,10 +56,10 @@ export type FilterGroup = {
 export declare const rangeStart: (key: string) => string;
 export declare const rangeEnd: (key: string) => string;
 export type FilterBarLabels = {
-    /** Arama kutusunun yer tutucusu. */
+    /** The search box's placeholder. TR: Arama kutusunun yer tutucusu. */
     search: string;
     /**
-     * "Hepsi" seçeneğinin adı, ve LİSTENİN İÇİNDE bir seçenek olarak duruyor.
+     * The name of the "All" option, and it sits INSIDE the list as an option. TR: "Hepsi" seçeneğinin adı, ve LİSTENİN İÇİNDE bir seçenek olarak duruyor.
      *
      * Kullanıcı bir değer seçtikten sonra tekrar hepsini görmek istediğinde,
      * geri dönüş yolunun GİDİŞ YOLUYLA AYNI YERDE olması gerekiyor. Kontrolün
@@ -72,9 +72,9 @@ export type FilterBarLabels = {
     clear: string;
     apply: string;
     noMatch: string;
-    /** "<alan> seç" gibi; kontrolü açan düğmenin erişilebilir adı. */
+    /** Like "Choose <field>"; the accessible name of the button that opens the control. TR: "<alan> seç" gibi; kontrolü açan düğmenin erişilebilir adı. */
     open: (label: string) => string;
-    /** "<filtre> filtresini kaldır". */
+    /** Like "Remove the <filter> filter". TR: "<filtre> filtresini kaldır". */
     remove: (label: string) => string;
     rangeStart: string;
     rangeEnd: string;
@@ -84,7 +84,7 @@ export type FilterBarLabels = {
         open: string;
         clear: string;
     };
-    /** Dosyayla arama bölümü; `fileSearchKey` verilmezse hiç çizilmiyor. */
+    /** The search-by-file section; with no `fileSearchKey` it is not drawn at all. TR: Dosyayla arama bölümü; `fileSearchKey` verilmezse hiç çizilmiyor. */
     fileSearch?: {
         title: string;
         help: ReactNode;
@@ -96,14 +96,14 @@ export type FilterBarLabels = {
 export type FilterBarProps = {
     values: FilterValues;
     onChange: (next: FilterValues) => void;
-    /** Üstte duran alanlar. En çok dört tane; gerisi çekmeceye. */
+    /** The fields that stay on top. Four at most; the rest go to the drawer. TR: Üstte duran alanlar. En çok dört tane; gerisi çekmeceye. */
     top: readonly FilterField[];
-    /** Çekmecedeki gruplar. Düz bir yığın değil, gruplu. */
+    /** The groups inside the drawer. Grouped, not a flat pile. TR: Çekmecedeki gruplar. Düz bir yığın değil, gruplu. */
     drawer: readonly FilterGroup[];
-    /** Seçim listelerinin kaynağı; sunucudan gelecek. */
+    /** Where the option lists come from; this will arrive from the server. TR: Seçim listelerinin kaynağı; sunucudan gelecek. */
     optionSource?: Record<string, string[]>;
     /**
-     * ARAMA KUTUSUNUN YAZDIĞI ANAHTAR.
+     * THE KEY THE SEARCH BOX WRITES TO. TR: ARAMA KUTUSUNUN YAZDIĞI ANAHTAR.
      *
      * Prop, çünkü sunucunun beklediği ad ürünün kararı: kimi `q` diyor, kimi
      * `ara`, kimi `search`. Blok bir süre `q`yu sabitledi ve ilk tüketicide
@@ -111,11 +111,11 @@ export type FilterBarProps = {
      * ve arama hiçbir şey yapmıyordu. Hata vermeyen bir kırılma en pahalısı.
      */
     searchKey?: string;
-    /** Dosyayla arama bu ekranda varsa anahtarı; yoksa bölüm hiç çizilmiyor. */
+    /** The key for search-by-file if this screen has it; without it the section is not drawn. TR: Dosyayla arama bu ekranda varsa anahtarı; yoksa bölüm hiç çizilmiyor. */
     fileSearchKey?: string;
-    /** Filtre satırına, "Tüm filtreler"in yanına giren ekrana özel düğme. */
+    /** A screen-specific button on the filter row, beside "All filters". TR: Filtre satırına, "Tüm filtreler"in yanına giren ekrana özel düğme. */
     extra?: ReactNode;
-    /** `DatePicker`ın takvimi için: "tr-TR", "en-GB". */
+    /** For `DatePicker`'s calendar: "tr-TR", "en-GB". TR: `DatePicker`ın takvimi için: "tr-TR", "en-GB". */
     locale?: string;
     labels: FilterBarLabels;
 };

package/dist/blocks/filter-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/blocks/filter-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,QAAQ;AACV,2EAA2E;GACzE,YAAY;AACd;;;GAGG;GACD,OAAO;AACT,sEAAsE;GACpE,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC;AAInE,eAAO,MAAM,UAAU,QAAS,MAAM,WAAkB,CAAC;AACzD,eAAO,MAAM,QAAQ,QAAS,MAAM,WAAgB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,oCAAoC;IACpC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACpF,wEAAwE;IACxE,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChG,CAAC;AA+FF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,+DAA+D;IAC/D,GAAG,EAAE,SAAS,WAAW,EAAE,CAAC;IAC5B,wDAAwD;IACxD,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,GAAG,EACH,MAAM,EACN,YAAiB,EACjB,SAAe,EACf,aAAa,EACb,KAAK,EACL,MAAgB,EAChB,MAAM,GACP,EAAE,cAAc,+BA8MhB"}
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/blocks/filter-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,QAAQ;AACV,2EAA2E;GACzE,YAAY;AACd;;;GAGG;GACD,OAAO;AACT,sEAAsE;GACpE,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;IACtB,mJAAmJ;IACnJ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC;AAInE,eAAO,MAAM,UAAU,QAAS,MAAM,WAAkB,CAAC;AACzD,eAAO,MAAM,QAAQ,QAAS,MAAM,WAAgB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,uJAAuJ;IACvJ,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,2EAA2E;IAC3E,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACpF,wJAAwJ;IACxJ,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAChG,CAAC;AA+FF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,yIAAyI;IACzI,GAAG,EAAE,SAAS,WAAW,EAAE,CAAC;IAC5B,oHAAoH;IACpH,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,6HAA6H;IAC7H,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uKAAuK;IACvK,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+IAA+I;IAC/I,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,GAAG,EACH,MAAM,EACN,YAAiB,EACjB,SAAe,EACf,aAAa,EACb,KAAK,EACL,MAAgB,EAChB,MAAM,GACP,EAAE,cAAc,+BA8MhB"}

package/dist/blocks/save-bar.d.ts

@@ -15,12 +15,12 @@ import type { ReactNode } from "react";
  * hiçbir şey olmayan bir düğme, olmayan bir düğmeden kötüdür.
  */
 export declare function SaveBar({ changed, busy, onCancel, extra, labels, }: {
-    /** Değişiklik yoksa kaydet kapalı. */
+    /** With no change, save is disabled. TR: Değişiklik yoksa kaydet kapalı. */
     changed?: boolean;
-    /** Kaydetme sürüyor: iki düğme de kilitli, kaydet spinner gösteriyor. */
+    /** Saving is in progress: both buttons are locked and save shows a spinner. TR: Kaydetme sürüyor: iki düğme de kilitli, kaydet spinner gösteriyor. */
     busy?: boolean;
     onCancel?: () => void;
-    /** Şeridin sağında duran ekrana özel şey: bir sayaç, bir uyarı satırı. */
+    /** Whatever the screen puts on the right of the bar: a counter, a warning line. TR: Şeridin sağında duran ekrana özel şey: bir sayaç, bir uyarı satırı. */
     extra?: ReactNode;
     labels: {
         save: string;

package/dist/blocks/save-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"save-bar.d.ts","sourceRoot":"","sources":["../../src/blocks/save-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAc,EACd,IAAY,EACZ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,+BAkBA"}
+{"version":3,"file":"save-bar.d.ts","sourceRoot":"","sources":["../../src/blocks/save-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAc,EACd,IAAY,EACZ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sJAAsJ;IACtJ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2JAA2J;IAC3J,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,+BAkBA"}

package/dist/components/chrome.d.ts

@@ -1,3 +1,4 @@
+import { type ComponentType, type ReactNode } from "react";
 /**
  * Açık/koyu tema düğmesi.
  *
@@ -21,15 +22,32 @@
  * ortada kayan bir anahtar — yani ikisi yan yana aynı satırda oturuyor.
  */
 export declare function ThemeToggle({ labels, variant, storageKey, className, }: {
+    /**
+     * `icon` and `switch` need ACTION words, `select` needs STATE words. TR: `icon` ve `switch`
+     * EYLEM sözcüğü ister, `select` DURUM sözcüğü.
+     *
+     * A button and a switch are pressed to DO something, so they are named by what pressing them
+     * does ("switch to dark"). A select shows what is currently CHOSEN, so it is named by the
+     * state ("Dark"). Reusing the action words in the select would put "Switch to dark theme" in
+     * the box while the theme is already light: the control would be announcing its own opposite.
+     * TR: Düğme ve anahtar bir şey YAPMAK için basılıyor, o yüzden basınca ne olacağıyla
+     * adlandırılıyorlar ("koyu temaya geç"). Seçim kutusu ise o an SEÇİLİ olanı gösteriyor, yani
+     * durumla adlandırılıyor ("Koyu"). Eylem sözcüklerini kutuda kullanmak, tema zaten açıkken
+     * kutuda "Koyu temaya geç" yazması demekti: kontrol kendi tersini duyurur.
+     */
     labels: {
         toLight: string;
         toDark: string;
+    } | {
+        light: string;
+        dark: string;
     };
     /**
-     * `icon` a square button · `switch` the same shape as a language toggle. TR: `icon` kare
-     * düğme · `switch` bir dil anahtarıyla aynı şekil.
+     * `icon` a square button · `switch` the same shape as a language toggle · `select` a box that
+     * says the current theme in words. TR: `icon` kare düğme · `switch` bir dil anahtarıyla aynı
+     * şekil · `select` o anki temayı sözcükle yazan bir kutu.
      */
-    variant?: "icon" | "switch";
+    variant?: "icon" | "switch" | "select";
     storageKey?: string;
     className?: string;
 }): import("react").JSX.Element;
@@ -84,4 +102,37 @@ export declare function LogoTile({ name, src, size, className, }: {
     size?: "base" | "sm";
     className?: string;
 }): import("react").JSX.Element;
+/**
+ * Şeridin sağ ucundaki hesap düğmesi.
+ *
+ * NEDEN BİR BİLEŞEN, VE SAYARAK. İki panelde de aynı şey elle kuruldu:
+ * `<button className="tamga-icon-btn"><Avatar bare …/></button>`. `Avatar`ın
+ * `bare` prop'u tam bu iş için var ve JSDoc'u bunu anlatıyor, ama bulunmadı;
+ * ikinci kurulumda avatar kendi çerçevesiyle kondu ve şeritteki öteki
+ * kontrollerden farklı boyda durdu. Bulunmayan bir prop, olmayan proptur.
+ *
+ * ÖLÇÜ ŞERİDİN ÖLÇÜSÜ. Kare `--control` (40px), yani tema anahtarı ve öteki
+ * simge düğmeleriyle birebir aynı. Bir araç çubuğunda yükseklik tek karardır;
+ * tek bir kontrolün farklı durması bütün şeridi hizasız gösteriyor.
+ *
+ * FOTOĞRAF YOKSA BAŞ HARFLER: `Avatar` zaten öyle davranıyor, ve bir hesabın
+ * fotoğrafı olmaması normal hâl.
+ */
+export declare function AccountButton({ name, src, label, onClick, href, linkComponent: Link, className, }: {
+    /** The name initials are taken from; shown when there is no photo. TR: Baş harflerin çıkarıldığı ad; fotoğraf yoksa görünen bu. */
+    name: string;
+    src?: string;
+    /** Accessible name: "Account menu", "Profile". The caller translates it. TR: Erişilebilir ad: "Hesap menüsü", "Profil". Çağıran çeviriyor. */
+    label: string;
+    onClick?: () => void;
+    /** Makes the control a link instead of a button; not used together with `onClick`. TR: Verilirse düğme bir bağlantı olur; `onClick` ile birlikte kullanılmaz. */
+    href?: string;
+    linkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        children?: ReactNode;
+        [k: string]: unknown;
+    }>;
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=chrome.d.ts.map

package/dist/components/chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../src/components/chrome.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAgB,EAChB,UAA0B,EAC1B,SAAS,GACV,EAAE;IACD,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAmDA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE;IACD;;;OAGG;IACH,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgCA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,IAAa,EACb,SAAS,GACV,EAAE;IACD;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAaA"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../src/components/chrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA8BhF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAgB,EAChB,UAA0B,EAC1B,SAAS,GACV,EAAE;IACD;;;;;;;;;;;;OAYG;IACH,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4EA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE;IACD;;;OAGG;IACH,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgCA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,GAAG,EACH,IAAa,EACb,SAAS,GACV,EAAE;IACD;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAaA;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EAAE,IAAI,EACnB,SAAS,GACV,EAAE;IACD,mIAAmI;IACnI,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8IAA8I;IAC9I,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iKAAiK;IACjK,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAChH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAyBA"}