tamga-ui 0.1.1 → 0.2.1

package/CHANGELOG.md

@@ -0,0 +1,128 @@
+# 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.1
+
+### Added
+
+- **`AppearanceTemplate`** (`tamga-ui/patterns`) — the whole appearance screen: logo, mark, brand
+  colour, theme and sidebar width. This screen had been built twice, by hand, in two products, and
+  the second one came out bare: a hex field instead of swatches, three words instead of three
+  pictures, no logo area at all. Handing over the parts and saying "arrange them yourself" is what
+  let them drift; that is the job the pattern layer exists for (ADR-0004).
+
+  It stores NOTHING and applies NOTHING. `value` in, `onChange` and `onSave` out, every word from
+  `labels`. Where the preference lives (session, account, browser) is a product decision, and
+  turning the chosen colour into tokens stays the product's call too, because the root element is
+  its own.
+
+- **`ColorSwatches`, `ThemeCards`, `ImageField`** — the parts, for a screen that needs a different
+  arrangement. `ThemeCards` draws a miniature of each option rather than naming it; a theme is not
+  chosen by a word, it is chosen by seeing the result.
+- **`SquarePicker`** — dragging a square over an uploaded logo to cut a mark out of it. A mark
+  cannot be derived automatically, and this is the honest alternative: the human says where it is.
+- **`prepareImage` and `cropSquare`** (`tamga-ui`) — resize and square-crop an uploaded file, with
+  no library: a `<canvas>`. The ratio is kept and nothing is cropped silently; SVG passes through
+  untouched, because baking a vector into a 512px PNG stops it being sharp.
+- **`SettingsPanel.accent`** — a coloured left edge on a section block.
+
+### Fixed
+
+- **Completed steps were darker than everything else on the screen.** `StepStrip` filled them with
+  `--color-accent-line`, which is the accent's TEXT variant: it is derived by SEARCHING for 4.5
+  contrast against the page, so it is always darker than the face. Every button and badge on the
+  same screen used `--color-accent`, and the gap widened with each new brand colour. The ink on top
+  was measured against `accent`, never against `accent-line`, so that pairing was never checked at
+  all. Filled accent objects now follow the button's contract everywhere: `accent` for the fill,
+  `accent-shadow` for the edge, `accent-ink` for the ink.
+
+  Nothing errored here: the colours were valid and the contrast gates passed. `check-css` now
+  refuses `--color-accent-line` as a fill, so this class of mistake cannot pass silently again.
+
+## 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/appearance.d.ts

@@ -0,0 +1,78 @@
+import { type ReactNode } from "react";
+export type SwatchOption = {
+    /** The hex the swatch applies. TR: Kutunun uyguladığı hex. */
+    hex: string;
+    /** Its name, translated, used as the accessible label. TR: Çevrilmiş adı; erişilebilir ad olarak kullanılıyor. */
+    label: string;
+};
+/**
+ * Brand colour chosen from a few squares, or written by hand.
+ * TR: Birkaç kareden seçilen ya da elle yazılan marka rengi.
+ */
+export declare function ColorSwatches({ options, value, onChange, customLabel, custom, className, }: {
+    options: readonly SwatchOption[];
+    value: string;
+    onChange: (hex: string) => void;
+    /** Accessible name of the "my own colour" control. TR: "Kendi rengim" kontrolünün erişilebilir adı. */
+    customLabel: string;
+    /** Whether a free colour is offered at all. TR: Serbest rengin hiç sunulup sunulmadığı. */
+    custom?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+export type ThemeChoice = "light" | "dark" | "system";
+/**
+ * Theme picked from three little pictures of the panel.
+ * TR: Panelin üç küçük resminden seçilen tema.
+ *
+ * "Light · Dark · System" were three words, and a theme is not chosen with
+ * words: the person wants to see the result. "System" shows both halves in one
+ * frame, which is exactly what it means.
+ * TR: "Açık · Koyu · Sistem" üç kelimeydi, ve bir tema kelimeyle seçilmiyor:
+ * kullanıcı sonucu görmek istiyor. "Sistem" iki yarımı tek karede gösteriyor,
+ * anlamı tam olarak bu.
+ */
+export declare function ThemeCards({ value, onChange, labels, className, }: {
+    value: ThemeChoice;
+    onChange: (next: ThemeChoice) => void;
+    /** The three names and the group's accessible name. TR: Üç ad ve kümenin erişilebilir adı. */
+    labels: {
+        light: string;
+        dark: string;
+        system: string;
+        group: string;
+    };
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * One image with a preview, a replace and a remove.
+ * TR: Önizlemesi, değiştirmesi ve kaldırması olan tek bir görsel.
+ *
+ * NOT `FileUpload`: that one is a GALLERY (multi select, reorder arrows, a
+ * "cover" badge). Right for product photos, wrong for a single logo, where it
+ * offers reorder arrows with nothing to reorder.
+ * TR: `FileUpload` DEĞİL: o bir GALERİ (çoklu seçim, sıralama okları, "kapak"
+ * rozeti). Ürün fotoğrafları için doğru, tek bir logo için yanlış.
+ */
+export declare function ImageField({ value, onChange, maxEdge, labels, preview, extra, className, }: {
+    value: string | null;
+    onChange: (next: string | null) => void;
+    /** Longest edge of the stored image, in pixels. TR: Saklanan görselin en uzun kenarı, piksel. */
+    maxEdge: number;
+    labels: {
+        /** "Logo", "Mark": used inside the buttons. TR: "Logo", "Amblem": düğmelerin içinde geçiyor. */
+        name: string;
+        upload: string;
+        replace: string;
+        remove: string;
+        empty: string;
+        errorType: string;
+        errorSize: string;
+        errorUnreadable: string;
+    };
+    /** The caller draws the preview: a logo is wide, a mark is square. TR: Önizlemeyi çağıran çiziyor: logo geniş, amblem kare. */
+    preview: (src: string) => ReactNode;
+    /** An extra control beside the buttons. TR: Düğmelerin yanına giren ek kontrol. */
+    extra?: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=appearance.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/components/appearance.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAchE,MAAM,MAAM,YAAY,GAAG;IACzB,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,kHAAkH;IAClH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAa,EACb,SAAS,GACV,EAAE;IACD,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,uGAAuG;IACvG,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAqCA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAoBtD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,8FAA8F;IAC9F,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA6BA;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,iGAAiG;IACjG,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,gGAAgG;QAChG,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,+HAA+H;IAC/H,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACpC,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAoDA"}