tamga-ui 0.4.4 → 0.5.0

package/README.md

@@ -1,3 +1,5 @@
+<img src="https://tamga.org.tr/tamga-logo.png" alt="Tamga" width="280">
+
 # tamga-ui
 
 Mantıksal's shared interface library: tokens, physics and components.
@@ -131,7 +133,7 @@ document.documentElement.setAttribute("style", paletteCss(pair));
 ```
 
 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
+written onto the root element and, because the kit's 111 classes read them, the whole panel turns
 in one line with no CSS recompiled.
 
 ### Or by hand

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

@@ -1,14 +1,9 @@
 import type { ReactNode } from "react";
 /**
- * SAYAÇ SATIRI: tablonun tepesindeki tek satırlık okuma.
+ * SAYAÇ SATIRI · kaç kayda bakıldığı her zaman yazıyor. Sağ taraftaki iki şey
+ * (ekrana özel `aside`, sayfa boyu) isteğe bağlı; verilmezse çizilmiyor.
  *
- * KAÇ KAYIT OLDUĞU HER ZAMAN YAZIYOR. Filtre uygulandıktan sonra kaç kayda
- * bakıldığını söylemeyen bir liste, kullanıcıya saydırıyor.
- *
- * SAĞ TARAF İKİ ŞEY TAŞIYABİLİR ve ikisi de isteğe bağlı: ekrana özel ikinci
- * bir okuma (`aside` — "12 tanesi eşiği geçti" gibi) ve sayfa boyu seçimi.
- * İkincisi verilmezse hiç çizilmiyor: sayfalanmayan bir listeye sayfa boyu
- * sormak, olmayan bir kontrolü öğretmek.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export declare function CountRow({ count, unit, aside, pageSize, pageSizeOptions, onPageSize, labels, }: {
     count: number;

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,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"}
+{"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;;;;;GAKG;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/count-row.js

@@ -3,15 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label } from "../components/surface.js";
 import { Select } from "../components/primitives.js";
 /**
- * SAYAÇ SATIRI: tablonun tepesindeki tek satırlık okuma.
+ * SAYAÇ SATIRI · kaç kayda bakıldığı her zaman yazıyor. Sağ taraftaki iki şey
+ * (ekrana özel `aside`, sayfa boyu) isteğe bağlı; verilmezse çizilmiyor.
  *
- * KAÇ KAYIT OLDUĞU HER ZAMAN YAZIYOR. Filtre uygulandıktan sonra kaç kayda
- * bakıldığını söylemeyen bir liste, kullanıcıya saydırıyor.
- *
- * SAĞ TARAF İKİ ŞEY TAŞIYABİLİR ve ikisi de isteğe bağlı: ekrana özel ikinci
- * bir okuma (`aside` — "12 tanesi eşiği geçti" gibi) ve sayfa boyu seçimi.
- * İkincisi verilmezse hiç çizilmiyor: sayfalanmayan bir listeye sayfa boyu
- * sormak, olmayan bir kontrolü öğretmek.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export function CountRow({ count, unit, aside, pageSize, pageSizeOptions, onPageSize, labels, }) {
     const format = labels?.format ?? ((n) => String(n));

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

@@ -1,34 +1,12 @@
 import { type ReactNode } from "react";
+import type { IconGlyph } from "../components/icons.js";
+import type { Tone } from "../components/tone.js";
 /**
- * FİLTRE ÇUBUĞU.
+ * FİLTRE ÇUBUĞU · birkaç alan üstte, gerisi çekmecede, VE çekmecede bir şey
+ * açıksa bunu görüyorsun: uygulanan her filtre tablonun üstünde bir çip.
+ * Çekmecedeki alanlar bir `<form>` içinde, yani Enter'ı tarayıcı uyguluyor.
  *
- * ─── NEDEN KİTTE ────────────────────────────────────────────────────────
- * Bir süre üründe durdu ve orada "kite taşınmadı, bilinçli" diye bir not
- * vardı: gerekçesi "Excel ile ara" ve "Tüm filtreler" gibi şeylerin bir
- * e-ticaret paneli kalıbı olması. Not yanlış çıktı ve iki sebeple:
- *
- *   ① ADR-0003'ün katman şeması `tamga-ui` kutusunun içine zaten
- *     "filtre paneli · toplu eylem çubuğu" yazıyor. Bir satır içi yorum,
- *     kilitli bir ADR'yi geçersiz kılmaz.
- *   ② Notun işaret ettiği sözlük SÖZCÜKLERDİ, mekanizma değil. Metinler
- *     `labels`a çıkınca geriye kalan şey saf mekanizma: bir arama kutusu, en
- *     çok dört alan, bir çekmece, ve uygulanan filtrelerin çipleri. Dosyayla
- *     arama da bir alan adı değil bir yöntem; her yönetim listesi yapabilir.
- *
- * ─── ÜÇ MADDE, VE ÜÇÜNCÜSÜ EN ÖNEMLİSİ ──────────────────────────────────
- * Bir yönetim panelinin filtresi otuz alanı aynı anda açık tutmaya meyleder,
- * hepsi aynı görsel ağırlıkta. Buradaki fikir tek cümle: birkaçı üstte,
- * gerisi çekmecede, VE çekmecede bir şey açıksa bunu görüyorsun.
- *
- * Gizli bir filtre açıkken kullanıcı listeyi eksik görür ve sebebini bulamaz;
- * bu, filtreyi gizlemenin tek gerçek riski. O yüzden uygulanan her filtre
- * tablonun üstünde bir çip olarak duruyor, tek tıkla kalkıyor, ve çekmece
- * düğmesinde aktif sayıyı gösteren bir rozet var.
- *
- * ─── ENTER UYGULAR ──────────────────────────────────────────────────────
- * Çekmecedeki alanlar bir `<form>` içinde ve "Uygula" o formun `submit`
- * düğmesi, yani Enter tarayıcının kendi davranışıyla çalışıyor: dinlenen bir
- * tuş değil, formun anlamı.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 /** Filtre durumunun tamamı: anahtar → dizgi. Boş dizgi "filtre yok" demek. */
 export type FilterValues = Record<string, string>;
@@ -48,6 +26,42 @@ export type FilterField = {
     kind: FilterFieldKind;
     /** 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[];
+    /**
+     * Start a new row before this field. TR: Bu alandan önce yeni bir satır başlat.
+     *
+     * WHY IT IS NOT AUTOMATIC. Fields wrap when they run out of room, and where
+     * they break is a question of pixels: the same bar breaks in one place on a
+     * laptop and another on a monitor. Sometimes the break is MEANING, not fit ·
+     * "what am I searching for" on one line, "how do I narrow it" on the next ·
+     * and only the caller knows which. Given, the break holds at every width.
+     * TR: NEDEN KENDİLİĞİNDEN OLMUYOR. Alanlar yer kalmayınca satır atlıyor ve
+     * nerede atladıkları bir piksel meselesi: aynı çubuk dizüstünde başka, geniş
+     * ekranda başka yerde kırılıyor. Bazen kırılma bir ANLAM ayrımı, sığma
+     * meselesi değil · "neyi arıyorum" bir satırda, "nasıl daraltıyorum" ötekinde
+     * · ve bunu yalnız çağıran biliyor. Verilirse kırılma her genişlikte duruyor.
+     */
+    break?: boolean;
+    /**
+     * A glyph before the value, naming what this filter is about. TR: Değerin
+     * önünde, bu filtrenin neyle ilgili olduğunu söyleyen glif.
+     *
+     * Five boxes side by side all reading "All" are told apart only by the label
+     * above them, so the eye travels up and back down for each one. TR: Yan yana
+     * duran ve hepsi "Tümü" yazan beş kutuyu ayıran tek şey üstlerindeki etiket
+     * oluyor; göz her biri için yukarı çıkıp geri iniyor.
+     */
+    icon?: IconGlyph;
+    /**
+     * A tone per option, for a filter whose items ARE states. TR: Öğeleri birer
+     * DURUM olan filtrede, seçenek başına ton.
+     *
+     * Keyed by the option's own text. The swatch it draws is the same square the
+     * table's chip draws, so the eye matches the list to the rows without reading
+     * either. Only where the option really is a state. TR: Anahtar, seçeneğin
+     * kendi metni. Çizdiği kare, tablodaki çipin çizdiği karenin aynısı · göz
+     * listeyi satırlara okumadan eşliyor. Yalnız seçenek gerçekten bir durumsa.
+     */
+    tones?: Record<string, Tone>;
 };
 export type FilterGroup = {
     title: string;

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,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"}
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/blocks/filter-bar.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/filter-bar.js

@@ -1,8 +1,7 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
+import { Fragment, useId, useState } from "react";
 import { Button, buttonVariants } from "../components/button.js";
-import { MiniButton } from "../components/button.js";
 import { Combobox } from "../components/combobox.js";
 import { MultiSelect } from "../components/advanced-input.js";
 import { DatePicker } from "../components/date-picker.js";
@@ -34,7 +33,16 @@ function FieldControl({ field, values, write, optionSource, locale, labels, }) {
         return (_jsx(Combobox, { className: "w-full", options: options.map((o) => ({ value: o, label: o })), value: values[field.key] || undefined, onChange: (v) => write(field.key, v ?? ""), placeholder: labels.all, labels: { empty: labels.noMatch, clear: labels.clear, open: labels.open(field.label) } }));
     }
     if (field.kind === "select") {
-        return (_jsx(Select, { className: "w-full", options: [labels.all, ...options], value: values[field.key], onChange: (v) => write(field.key, v === labels.all ? "" : v), placeholder: labels.all }));
+        return (_jsx(Select, { className: "w-full", icon: field.icon, options: [
+                labels.all,
+                ...options.map((o) => (field.tones?.[o] ? { value: o, tone: field.tones[o] } : o)),
+            ], 
+            /* BOŞ FİLTRE "TÜMÜ"NÜN KENDİSİ · liste açıldığında onay işareti orada
+               duruyor. Ama DOLU DEĞİL: `set` ayrı geçiliyor, yoksa "Tümü" yazan
+               her kutu kendini dolu sayıp çizgisini sertleştiriyordu ve çubuktaki
+               asıl süzen kutu öne çıkmayı bırakıyordu. İki ayrı soru, iki ayrı
+               prop: "listede hangisi seçili" ve "bu filtre uygulanmış mı". */
+            value: values[field.key] || labels.all, set: Boolean(values[field.key]), onChange: (v) => write(field.key, v === labels.all ? "" : v), placeholder: labels.all }));
     }
     return (_jsx(Input, { full: true, value: values[field.key] ?? "", onChange: (e) => write(field.key, e.target.value) }));
 }
@@ -67,8 +75,8 @@ export function FilterBar({ values, onChange, top, drawer, optionSource = {}, se
             return labels.search;
         return key === fileSearchKey ? (labels.fileSearch?.label ?? key) : key;
     };
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "grid items-end gap-3 grid-cols-1 md:grid-cols-2 xl:grid-cols-[minmax(10rem,1fr)_repeat(4,minmax(0,1.25fr))_auto]", children: [_jsxs("label", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsx("span", { className: "text-small font-medium text-ink", children: labels.search }), _jsxs("span", { className: "relative flex items-center", children: [_jsx(Icon, { icon: Search, size: "xs", "aria-hidden": true, className: "pointer-events-none absolute left-2.5 text-ink-faint" }), _jsx(Input, { type: "search", full: true, leading: true, placeholder: labels.search, value: values[searchKey] ?? "", onChange: (e) => write(searchKey, e.target.value) })] })] }), top.map((field) => (_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsx("span", { className: "text-small font-medium text-ink", children: field.label }), _jsx(FieldControl, { field: field, values: values, write: write, optionSource: optionSource, locale: locale, labels: labels })] }, field.key))), _jsxs(Button, { onClick: () => setDrawerOpen(true), children: [_jsx(Icon, { icon: Customize, size: "xs" }), labels.allFilters, hiddenActive > 0 && (_jsx("span", { className: "ml-1 rounded-full bg-[var(--color-accent)] px-1.5 text-micro font-semibold text-[var(--color-accent-ink)] tabular-nums", children: hiddenActive }))] }), extra] }), active.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [active.map(([key, value]) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-(--radius-ctl) border border-[var(--color-edge)] bg-shell py-1 pl-2.5 pr-1 text-small text-ink", children: [_jsxs("span", { className: "text-ink-faint", children: [labelFor(key), ":"] }), value, _jsx(MiniButton, { "aria-label": labels.remove(labelFor(key)), onClick: () => write(key, ""), children: _jsx(Icon, { icon: Close, size: "xs" }) })] }, key))), _jsx(Button, { variant: "link", size: "sm", onClick: () => onChange({}), children: labels.clearAll })] })), _jsx(Sheet, { open: drawerOpen, onClose: () => setDrawerOpen(false), title: labels.allFilters, closeLabel: labels.calendar.clear, footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", onClick: () => onChange({}), children: labels.clear }), _jsx(Button, { type: "submit", form: formId, variant: "primary", children: labels.apply })] }), children: _jsxs("form", { id: formId, onSubmit: (e) => {
+    return (_jsxs("div", { className: "tamga-card tamga-card-open flex flex-col gap-3.5 p-4", children: [_jsxs("div", { className: "tamga-filter-row", children: [_jsxs("label", { className: "flex min-w-0 shrink grow-[2] basis-75 flex-col gap-1.5", children: [_jsx("span", { className: "text-small font-bold text-ink-faint", children: labels.search }), _jsxs("span", { className: "relative flex items-center", children: [_jsx(Icon, { icon: Search, size: "xs", "aria-hidden": true, className: "pointer-events-none absolute left-2.5 text-ink-faint" }), _jsx(Input, { type: "search", full: true, leading: true, placeholder: labels.search, value: values[searchKey] ?? "", onChange: (e) => write(searchKey, e.target.value) })] })] }), top.map((field) => (_jsxs(Fragment, { children: [field.break ? _jsx("span", { "aria-hidden": true, className: "h-0 basis-full" }) : null, _jsxs("div", { className: `flex min-w-0 shrink grow flex-col gap-1.5 ${field.kind === "dateRange" ? "basis-80" : "basis-40 tamga-filter-cap"}`, children: [_jsx("span", { className: "text-small font-bold text-ink-faint", children: field.label }), _jsx(FieldControl, { field: field, values: values, write: write, optionSource: optionSource, locale: locale, labels: labels })] })] }, field.key))), _jsxs(Button, { className: "ml-auto", onClick: () => setDrawerOpen(true), children: [_jsx(Icon, { icon: Customize, size: "xs" }), labels.allFilters, hiddenActive > 0 && (_jsx("span", { className: "tamga-count ml-1 tabular-nums", children: hiddenActive }))] }), extra] }), active.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [active.map(([key, value]) => (_jsxs("span", { className: "tamga-token", children: [_jsxs("span", { className: "font-normal text-ink-faint", children: [labelFor(key), ":"] }), value, _jsx("button", { type: "button", className: "tamga-token-x", "aria-label": labels.remove(labelFor(key)), onClick: () => write(key, ""), children: _jsx(Icon, { icon: Close, size: "xs" }) })] }, key))), _jsx(Button, { variant: "link", size: "sm", onClick: () => onChange({}), children: labels.clearAll })] })), _jsx(Sheet, { open: drawerOpen, onClose: () => setDrawerOpen(false), title: labels.allFilters, closeLabel: labels.calendar.clear, footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", onClick: () => onChange({}), children: labels.clear }), _jsx(Button, { type: "submit", form: formId, variant: "primary", children: labels.apply })] }), children: _jsxs("form", { id: formId, onSubmit: (e) => {
                         e.preventDefault();
                         setDrawerOpen(false);
-                    }, className: "flex flex-col gap-7", children: [drawer.map((group) => (_jsxs("div", { children: [_jsx("p", { className: "mb-3 text-micro font-semibold uppercase tracking-wide text-ink-faint", children: group.title }), _jsx("div", { className: "grid gap-3 sm:grid-cols-[repeat(2,minmax(0,1fr))]", children: group.fields.map((field) => (_jsxs("div", { className: `flex flex-col gap-1.5 ${field.kind === "dateRange" ? "sm:col-span-2" : ""}`, children: [_jsx("span", { className: "text-small text-ink-soft", children: field.label }), _jsx(FieldControl, { field: field, values: values, write: write, optionSource: optionSource, locale: locale, labels: labels })] }, field.key))) })] }, group.title))), fileSearchKey && labels.fileSearch && (_jsxs("div", { children: [_jsx("p", { className: "mb-3 text-micro font-semibold uppercase tracking-wide text-ink-faint", children: labels.fileSearch.title }), _jsx("p", { className: "mb-3 text-small leading-relaxed text-ink-soft", children: labels.fileSearch.help }), values[fileSearchKey] ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-small text-ink", children: values[fileSearchKey] }), _jsx(Button, { type: "button", size: "sm", onClick: () => write(fileSearchKey, ""), children: labels.fileSearch.remove })] })) : (_jsxs("label", { className: `${buttonVariants({})} cursor-pointer`, children: [_jsx(Icon, { icon: Upload, size: "xs" }), labels.fileSearch.choose, _jsx("input", { type: "file", accept: ".xlsx,.xls,.csv", className: "sr-only", onChange: (e) => write(fileSearchKey, e.target.files?.[0]?.name ?? "") })] }))] }))] }) })] }));
+                    }, className: "flex flex-col", children: [drawer.map((group) => (_jsxs("div", { className: "flex flex-col gap-3.5 border-b border-dashed border-line py-4.5 last:border-b-0", children: [_jsx("p", { className: "text-caption font-extrabold uppercase tracking-label text-ink-faint", children: group.title }), _jsx("div", { className: "grid gap-3 sm:grid-cols-[repeat(2,minmax(0,1fr))]", children: group.fields.map((field) => (_jsxs("div", { className: `flex flex-col gap-1.5 ${field.kind === "dateRange" ? "sm:col-span-2" : ""}`, children: [_jsx("span", { className: "text-small text-ink-soft", children: field.label }), _jsx(FieldControl, { field: field, values: values, write: write, optionSource: optionSource, locale: locale, labels: labels })] }, field.key))) })] }, group.title))), fileSearchKey && labels.fileSearch && (_jsxs("div", { children: [_jsx("p", { className: "mb-3 text-micro font-semibold uppercase tracking-wide text-ink-faint", children: labels.fileSearch.title }), _jsx("p", { className: "mb-3 text-small leading-relaxed text-ink-soft", children: labels.fileSearch.help }), values[fileSearchKey] ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-small text-ink", children: values[fileSearchKey] }), _jsx(Button, { type: "button", size: "sm", onClick: () => write(fileSearchKey, ""), children: labels.fileSearch.remove })] })) : (_jsxs("label", { className: `${buttonVariants({})} cursor-pointer`, children: [_jsx(Icon, { icon: Upload, size: "xs" }), labels.fileSearch.choose, _jsx("input", { type: "file", accept: ".xlsx,.xls,.csv", className: "sr-only", onChange: (e) => write(fileSearchKey, e.target.files?.[0]?.name ?? "") })] }))] }))] }) })] }));
 }

package/dist/blocks/index.d.ts

@@ -1,22 +1,9 @@
 /**
- * BLOK KATMANI — `tamga-ui/blocks`.
+ * BLOK KATMANI · `tamga-ui/blocks`. Bir bileşenden büyük, bir şablondan küçük:
+ * birkaç bileşenin TEK BİR İŞ yaptığı bölüm. Ürün sözlüğü taşıyan hiçbir şey
+ * girmez, ve yeni bir blok yazmadan önce kitin o işi yapan bileşeni aranır.
  *
- * BİR BLOK NEDİR. Bir bileşenden büyük, bir şablondan küçük: birkaç bileşenin
- * bir araya gelip TEK BİR İŞ yaptığı bölüm. Filtre çubuğu bir düğme değil ama
- * bir ekran da değil; bir ekranın içindeki bir bölge.
- *
- * ADR-0003'ün katman şeması "filtre paneli · toplu eylem çubuğu" diye ikisini
- * de `tamga-ui` kutusunun içine yazıyor. Toplu eylem çubuğu ZATEN VARDI:
- * `SelectionBar`, bir bileşen olarak, kendi doküman sayfasıyla. Buraya bir
- * `BulkBar` yazıldı ve aynı propları alan ikinci bir kopyaydı; silindi.
- *
- * DERS BU DOSYANIN BAŞINDA DURSUN: yeni bir blok yazmadan önce kitin o işi
- * yapan bir bileşeni var mı diye bakılır. Bir tasarım sisteminin en sinsi
- * hatası, aynı şeyin iki adla iki yerde durmasıdır.
- *
- * BURAYA NE GİRMEZ. Bir ürünün sözlüğünü taşıyan hiçbir şey. Bir sipariş
- * kartı, bir iade satırı, bir mülk özeti: bunlar e-ticaret ya da izleme
- * katmanının işi. Blok, alanı bilmeyen bölümdür.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export { FilterBar, rangeStart, rangeEnd, type FilterBarLabels, type FilterBarProps, type FilterField, type FilterFieldKind, type FilterGroup, type FilterValues, } from "./filter-bar.js";
 export { SaveBar } from "./save-bar.js";

package/dist/blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/blocks/index.js

@@ -1,22 +1,9 @@
 /**
- * BLOK KATMANI — `tamga-ui/blocks`.
+ * BLOK KATMANI · `tamga-ui/blocks`. Bir bileşenden büyük, bir şablondan küçük:
+ * birkaç bileşenin TEK BİR İŞ yaptığı bölüm. Ürün sözlüğü taşıyan hiçbir şey
+ * girmez, ve yeni bir blok yazmadan önce kitin o işi yapan bileşeni aranır.
  *
- * BİR BLOK NEDİR. Bir bileşenden büyük, bir şablondan küçük: birkaç bileşenin
- * bir araya gelip TEK BİR İŞ yaptığı bölüm. Filtre çubuğu bir düğme değil ama
- * bir ekran da değil; bir ekranın içindeki bir bölge.
- *
- * ADR-0003'ün katman şeması "filtre paneli · toplu eylem çubuğu" diye ikisini
- * de `tamga-ui` kutusunun içine yazıyor. Toplu eylem çubuğu ZATEN VARDI:
- * `SelectionBar`, bir bileşen olarak, kendi doküman sayfasıyla. Buraya bir
- * `BulkBar` yazıldı ve aynı propları alan ikinci bir kopyaydı; silindi.
- *
- * DERS BU DOSYANIN BAŞINDA DURSUN: yeni bir blok yazmadan önce kitin o işi
- * yapan bir bileşeni var mı diye bakılır. Bir tasarım sisteminin en sinsi
- * hatası, aynı şeyin iki adla iki yerde durmasıdır.
- *
- * BURAYA NE GİRMEZ. Bir ürünün sözlüğünü taşıyan hiçbir şey. Bir sipariş
- * kartı, bir iade satırı, bir mülk özeti: bunlar e-ticaret ya da izleme
- * katmanının işi. Blok, alanı bilmeyen bölümdür.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export { FilterBar, rangeStart, rangeEnd, } from "./filter-bar.js";
 export { SaveBar } from "./save-bar.js";

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

@@ -1,18 +1,10 @@
 import type { ReactNode } from "react";
 /**
- * KAYDET ŞERİDİ: kayan yüzeyin dibine yapışık.
+ * KAYDET ŞERİDİ · kayan yüzeyin dibine yapışık, formun sonunda değil. Fiziği
+ * `.tamga-save-bar`ta, ve orada `sticky bottom-0` tuzağı yazılı. Değişiklik
+ * yoksa düğme kapalı.
  *
- * NEDEN FORMUN SONUNDA DEĞİL. Eski panellerin alışkanlığı kaydet düğmesini
- * formun en altına koymak; yirmi alanlık bir formda üstteki bir alanı
- * düzeltip kaydetmek için sonuna kadar kaydırmak gerekiyor. Şerit her zaman
- * görünür, ve kaydedilecek bir şey olup olmadığını da söylüyor.
- *
- * FİZİĞİ BİR SINIFTA (`.tamga-save-bar`), ve orada ölçülmüş bir tuzak yazılı:
- * `sticky bottom-0` şeridin alt kenarını yüzeyin İÇERİK kutusuna hizalıyor,
- * ama yüzeyin kendi alt dolgusu var ve içerik o boşluktan akıp geçiyordu.
- *
- * DEĞİŞİKLİK YOKSA KAYDEDİLECEK BİR ŞEY DE YOK: düğme kapalı. Tıklanıp
- * hiçbir şey olmayan bir düğme, olmayan bir düğmeden kötüdür.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export declare function SaveBar({ changed, busy, onCancel, extra, labels, }: {
     /** With no change, save is disabled. TR: Değişiklik yoksa kaydet kapalı. */

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,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"}
+{"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;;;;;;GAMG;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/blocks/save-bar.js

@@ -2,19 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "../components/button.js";
 /**
- * KAYDET ŞERİDİ: kayan yüzeyin dibine yapışık.
+ * KAYDET ŞERİDİ · kayan yüzeyin dibine yapışık, formun sonunda değil. Fiziği
+ * `.tamga-save-bar`ta, ve orada `sticky bottom-0` tuzağı yazılı. Değişiklik
+ * yoksa düğme kapalı.
  *
- * NEDEN FORMUN SONUNDA DEĞİL. Eski panellerin alışkanlığı kaydet düğmesini
- * formun en altına koymak; yirmi alanlık bir formda üstteki bir alanı
- * düzeltip kaydetmek için sonuna kadar kaydırmak gerekiyor. Şerit her zaman
- * görünür, ve kaydedilecek bir şey olup olmadığını da söylüyor.
- *
- * FİZİĞİ BİR SINIFTA (`.tamga-save-bar`), ve orada ölçülmüş bir tuzak yazılı:
- * `sticky bottom-0` şeridin alt kenarını yüzeyin İÇERİK kutusuna hizalıyor,
- * ama yüzeyin kendi alt dolgusu var ve içerik o boşluktan akıp geçiyordu.
- *
- * DEĞİŞİKLİK YOKSA KAYDEDİLECEK BİR ŞEY DE YOK: düğme kapalı. Tıklanıp
- * hiçbir şey olmayan bir düğme, olmayan bir düğmeden kötüdür.
+ * Gerekçe: docs/gerekce/08-blok-ve-sablon.md
  */
 export function SaveBar({ changed = true, busy = false, onCancel, extra, labels, }) {
     return (_jsxs("div", { className: "tamga-save-bar", "data-changed": changed, children: [_jsx(Button, { variant: "primary", type: "submit", disabled: !changed, busy: busy, busyLabel: labels.saving, children: labels.save }), _jsx(Button, { type: "button", onClick: onCancel, disabled: busy, children: labels.cancel }), extra && _jsx("span", { className: "ml-auto", children: extra })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/components/a11y.ts"],"names":[],"mappings":"AAkCA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,OAAO,uCAqEhE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,QAmDA"}
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/components/a11y.ts"],"names":[],"mappings":"AAkCA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,OAAO,uCA0DhE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,QAmDA"}

package/dist/components/a11y.js

@@ -42,21 +42,10 @@ export function useFocusTrap(open) {
         if (!root)
             return;
         restoreTo.current = document.activeElement;
-        /* İLK KONTROL, ya da AÇIKÇA İSTENEN kontrol.
-         *
-         * Varsayılan olarak ilk odaklanabilir eleman odağı alıyor ve çoğu panelde
-         * doğrusu bu. Ama bir onay diyaloğunda ilk kontrol kapatma çarpısı, ikinci
-         * sıradaki ise "Sil": Enter'a basan biri kaydı siliyor. Yıkıcı bir
-         * diyalogda güvenli olan varsayılan olmalı.
-         *
-         * `autoFocus` NİTELİĞİ BURADA ÇALIŞMIYOR: React onu bağlarken bu etki
-         * henüz koşmamış oluyor, sonra trap odağı ilk elemana çekiyor ve niteliğin
-         * etkisi siliniyor. O yüzden mekanizma DOM üzerinden: panelin içinde
-         * `data-autofocus` taşıyan bir eleman varsa odak onun.
-         *
-         * `focusable` listesinden seçiliyor ki gizli ya da devre dışı bir elemana
-         * odak verilmesin: kapalı bir düğmeye odaklanmak, odağı hiç vermemekle
-         * aynı şey ama sessizce. */
+        /* İLK KONTROL, ya da AÇIKÇA İSTENEN kontrol: panelin içinde `data-autofocus`
+           taşıyan bir eleman varsa odak onun. `autoFocus` NİTELİĞİ BURADA ÇALIŞMIYOR,
+           tuzak odağı ilk elemana çekince etkisi siliniyor.
+           Gerekçe: docs/gerekce/09-kitaplik.md */
         const adaylar = focusable(root);
         const istenen = adaylar.find((el) => el.hasAttribute("data-autofocus"));
         const first = istenen ?? adaylar[0];

package/dist/components/advanced-input.d.ts

@@ -3,11 +3,24 @@
  *
  * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
-export declare function PasswordInput({ labels, invalid, className, ...props }: Omit<React.ComponentProps<"input">, "type"> & {
+export declare function PasswordInput({ labels, strength, invalid, className, ...props }: Omit<React.ComponentProps<"input">, "type"> & {
     labels: {
         show: string;
         hide: string;
     };
+    /**
+     * The strength meter under the field: `value` bars lit out of `of`, and `note` the line saying
+     * what is still missing. The kit LIGHTS the bars, it does not judge the password: what counts
+     * as strong is a policy, and a policy belongs to the product. TR: Alanın altındaki güç
+     * göstergesi: `of` çubuğun `value` tanesi yanıyor, `note` neyin eksik olduğunu söyleyen satır.
+     * Kit çubukları YAKIYOR, parolayı yargılamıyor: neyin güçlü sayıldığı bir politika, ve politika
+     * ürünün.
+     */
+    strength?: {
+        value: number;
+        of?: number;
+        note?: string;
+    };
     /**
      * The field failed validation: it takes the error edge and sets `aria-invalid`, so the failure is
      * announced as well as shown. TR: Alan doğrulamadan geçemedi: hata kenarını alıyor ve
@@ -16,15 +29,11 @@ export declare function PasswordInput({ labels, invalid, className, ...props }:
     invalid?: boolean;
 }): import("react").JSX.Element;
 /**
- * Maskeli sır — API anahtarı, webhook secret.
+ * Maskeli sır · API anahtarı, webhook secret. `PasswordInput`un kardeşi ama işi
+ * TERS: buraya yazılmıyor, okunup kopyalanıyor, o yüzden salt-okunur. Maske ilk
+ * ve son birkaç karakteri bırakıyor.
  *
- * `PasswordInput`'un kardeşi ama İŞİ TERS: parola alanına bir şey YAZILIR,
- * buraya yazılmaz — okunur ve kopyalanır. O yüzden salt-okunur, ve asıl
- * düğmesi kopyalama.
- *
- * Maske ilk ve son birkaç karakteri bırakıyor. Tamamen gizlemek, kullanıcının
- * "hangi anahtar bu" sorusunu cevapsız bırakır; üç anahtarı olan biri
- * hangisine baktığını bilemez.
+ * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
 export declare function SecretField({ value, labels, visibleChars, className, ...rest }: {
     value: string;
@@ -45,15 +54,10 @@ export declare function SecretField({ value, labels, visibleChars, className, ..
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /**
- * Etiket girdisi.
- *
- * Enter ya da virgül bir etiketi kapatıyor; boşken Backspace sonuncuyu siliyor.
- * İkincisi küçük görünür ama en çok kullanılan yoldur — yanlış yazılan bir
- * etiketi silmek için fareye uzanmak, akışı kesen tek şeydir.
+ * Etiket girdisi · Enter ya da virgül bir etiketi kapatıyor, boşken Backspace
+ * sonuncuyu siliyor. Yinelenen etiket SESSİZCE yutuluyor, hata verilmiyor.
  *
- * Yinelenen ETİKET SESSİZCE YUTULUYOR, hata verilmiyor: aynı etiketi iki kez
- * yazmak bir hata değil, bir tekrardır, ve kullanıcı zaten istediğini almış
- * olur.
+ * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
 export declare function TagsInput({ value, onChange, placeholder, labels, max, className, ...rest }: {
     value: readonly string[];
@@ -68,17 +72,6 @@ export declare function TagsInput({ value, onChange, placeholder, labels, max, c
     /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-/**
- * Çoklu seçim — aranabilir.
- *
- * `Combobox` tek seçim yapar; bu birden çok. Ayrı bileşen olmasının sebebi
- * görünüm değil DAVRANIŞ: tek seçimde liste seçince kapanır, çoklu seçimde
- * KAPANMAZ — üç şey seçecek biri listeyi üç kez açmak zorunda kalmamalı.
- *
- * Seçilenler girdinin İÇİNDE çip olarak duruyor, altında ayrı bir listede
- * değil: seçim ile seçilenler arasındaki mesafe arttıkça, kullanıcı neyi
- * seçtiğini görmek için gözünü iki yere birden koymak zorunda kalır.
- */
 export declare function MultiSelect({ options, value, onChange, placeholder, labels, className, ...rest }: {
     options: readonly ({
         value: string;
@@ -98,30 +91,43 @@ export declare function MultiSelect({ options, value, onChange, placeholder, lab
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /**
- * Zamanlama girdisi — "her N dakikada bir".
+ * Zamanlama girdisi · "her N dakikada bir". NEDEN CRON DEĞİL: kürasyonlu
+ * seçenek, serbestlik değil. Aralıklar dakika olarak veriliyor, çevirisi
+ * çağıranın.
  *
- * NEDEN CRON DEĞİL. Bir cron ifadesi (yıldız-eğik-beş biçimi) bir geliştirici
- * için okunur, bir panel
- * kullanıcısı için değildir — ve yanlış yazılan bir cron ifadesi hata
- * vermez, sadece yanlış zamanda çalışır. Bu bileşen kürasyonlu bir liste
- * sunuyor: kürasyonlu seçenek, serbestlik değil.
- *
- * Aralıklar dakika olarak veriliyor, çevirisi çağıranın: "5 dakika" ile
- * "5 minutes" arasındaki farkı kit bilemez.
+ * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
-export declare function ScheduleInput({ value, onChange, options, label, className, }: {
-    /** The interval, in minutes. TR: Dakika cinsinden aralık. */
-    value: number;
-    onChange: (minutes: number) => void;
+export declare function ScheduleInput({ days, onDaysChange, from, to, onFromChange, onToChange, labels, summary, className, ...rest }: {
+    /** Selected weekdays, 0 Sunday to 6 Saturday. TR: Seçili günler, 0 Pazar ile 6 Cumartesi arası. */
+    days: readonly number[];
+    onDaysChange: (next: number[]) => void;
+    /** "09:00". TR: "09:00". */
+    from: string;
+    to: string;
+    onFromChange: (next: string) => void;
+    onToChange: (next: string) => void;
     /**
-     * `[{ minutes: 5, label: "5 minutes" }, …]`: ordered and curated. TR: `[{ minutes: 5, label:
-     * "5 dakika" }, …]`: sıralı ve kürasyonlu.
+     * Every visible word. `dayNames` starts at Sunday and is written short ("Pzt"); `zone` is the
+     * line after the hours ("Istanbul (GMT+3)"), and it is optional. TR: Görünen her sözcük.
+     * `dayNames` Pazar'dan başlıyor ve kısa yazılıyor ("Pzt"); `zone` saatlerin ardındaki satır
+     * ("İstanbul (GMT+3)") ve isteğe bağlı.
      */
-    options: readonly ({
-        minutes: number;
-        label: string;
-    } & Record<string, unknown>)[];
-    label: string;
+    labels: {
+        days: string;
+        dayNames: readonly string[];
+        hours: string;
+        between: string;
+        zone?: string;
+    };
+    /**
+     * The schedule in one human sentence, built by the caller: "Every weekday between 09:00 and
+     * 18:00". The kit cannot write it, because the sentence is grammar and the kit does not
+     * translate. TR: Zamanlamanın tek cümlelik insan hâli, çağıran kuruyor: "Her hafta içi
+     * 09:00-18:00 arası". Kit yazamaz, çünkü cümle bir dilbilgisi işi ve kit çeviri yapmaz.
+     */
+    summary: string;
     className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=advanced-input.d.ts.map

package/dist/components/advanced-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-input.d.ts","sourceRoot":"","sources":["../../src/components/advanced-input.tsx"],"names":[],"mappings":"AAgBA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA6BA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,YAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACvF;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4DA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;KAAE,CAAC;IAC5C,8FAA8F;IAC9F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAiDA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAChG,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAyJA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE;IACD,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA"}
+{"version":3,"file":"advanced-input.d.ts","sourceRoot":"","sources":["../../src/components/advanced-input.tsx"],"names":[],"mappings":"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"}