tamga-ui 0.6.0 → 0.7.0

package/dist/components/date-picker.js

@@ -1,12 +1,124 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useDismiss } from "./a11y.js";
 import { cn } from "../lib/cn.js";
 import { dataProps } from "../lib/data-props.js";
+import { uyar } from "../lib/uyar.js";
 import { Icon } from "./icon.js";
+import { Select } from "./primitives.js";
 import { CaretLeft, CaretRight, CalendarPlus, Close } from "./icons.js";
-const iso = (y, m, d) => `${y}-${String(m + 1).padStart(2, "0")}-${String(d).padStart(2, "0")}`;
+const p2 = (n) => String(n).padStart(2, "0");
+export const varsayilanDilim = () => Intl.DateTimeFormat().resolvedOptions().timeZone;
+const duvarBicim = new Map();
+/** Bir anın `tz` dilimindeki duvar saati. */
+function duvar(an, tz) {
+    let f = duvarBicim.get(tz);
+    if (!f) {
+        f = new Intl.DateTimeFormat("en-US", {
+            timeZone: tz,
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+            hourCycle: "h23",
+        });
+        duvarBicim.set(tz, f);
+    }
+    const al = (parts, t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+    const parts = f.formatToParts(an);
+    return { y: al(parts, "year"), m: al(parts, "month") - 1, d: al(parts, "day"), h: al(parts, "hour") % 24, mi: al(parts, "minute") };
+}
+/** `tz` diliminin o andaki ofseti, dakika. */
+function ofsetDk(an, tz) {
+    const w = duvar(an, tz);
+    return Math.round((Date.UTC(w.y, w.m, w.d, w.h, w.mi) - an.getTime()) / 60000 + an.getSeconds() / 60);
+}
+const SAAT_MS = 3600000;
+/** Tahminin iki yanındaki ofsetler: bir geçiş yakındaysa öncesi ve sonrası, yoksa ikisi aynı. */
+function ikiOfset(tahmin, tz) {
+    return { once: ofsetDk(new Date(tahmin - 15 * SAAT_MS), tz), sonra: ofsetDk(new Date(tahmin + 15 * SAAT_MS), tz) };
+}
+/**
+ * Bir duvar saatinin bu dilimde karşılık geldiği anlar, erken olan önce: sıfır
+ * (DST boşluğu), bir, ya da iki (sonbaharda iki kez yaşanan saat).
+ */
+export function adaylar(w, tz) {
+    const tahmin = Date.UTC(w.y, w.m, w.d, w.h, w.mi);
+    const { once, sonra } = ikiOfset(tahmin, tz);
+    const out = [];
+    for (const o of once === sonra ? [once] : [once, sonra]) {
+        const t = new Date(tahmin - o * 60000);
+        if (ofsetDk(t, tz) === o)
+            out.push(t);
+    }
+    return out.sort((x, y) => x.getTime() - y.getTime());
+}
+/**
+ * Duvar saatinden an. Belirsiz saatte (sonbahar) SONRAKİ an, yani geçiş sonrası
+ * standart ofset. Boşlukta (ilkbahar, olmayan saat) önceki ofsetle kurulur, bu
+ * da saati İLERİ iter: 02:30 istenir, 03:30 döner. İki yarımkürede de aynı;
+ * New York ve Berlin için testte sabit.
+ */
+export function anYap(w, tz) {
+    const a = adaylar(w, tz);
+    if (a.length)
+        return a[a.length - 1];
+    const tahmin = Date.UTC(w.y, w.m, w.d, w.h, w.mi);
+    return new Date(tahmin - ikiOfset(tahmin, tz).once * 60000);
+}
+/** Geçersiz girdi bileşeni düşürmez: dilim tarayıcınınkine, değer boşa düşer, konsol uyarır. */
+function dilim(tz) {
+    const aday = tz ?? varsayilanDilim();
+    try {
+        new Intl.DateTimeFormat("en-US", { timeZone: aday });
+        return aday;
+    }
+    catch {
+        uyar(`timeZone "${aday}" is not a valid IANA zone; using the browser's.`);
+        return varsayilanDilim();
+    }
+}
+const GUN = /^\d{4}-\d{2}-\d{2}$/;
+export function gunOku(v, ad) {
+    if (v === undefined)
+        return undefined;
+    if (GUN.test(v)) {
+        /* `2026-02-30` Date.UTC'de 2 Mart'a taşar; gidip gelince aynı kalan gün gerçek. */
+        const { y, m, d } = parcala(v);
+        const t = new Date(Date.UTC(y, m, d));
+        if (t.getUTCFullYear() === y && t.getUTCMonth() === m && t.getUTCDate() === d)
+            return v;
+    }
+    uyar(`DatePicker: ${ad} "${v}" is not a YYYY-MM-DD day; ignored.`);
+    return undefined;
+}
+function anOku(v, ad) {
+    if (!v)
+        return undefined;
+    const d = new Date(v);
+    if (!Number.isNaN(d.getTime()))
+        return d;
+    uyar(`DateTimePicker: ${ad} "${v}" is not an ISO instant; ignored.`);
+    return undefined;
+}
+const useGun = (v, ad) => useMemo(() => gunOku(v, ad), [v, ad]);
+function isoWithOffset(an, tz) {
+    const w = duvar(an, tz);
+    const off = ofsetDk(an, tz);
+    const isaret = off >= 0 ? "+" : "-";
+    const mutlak = Math.abs(off);
+    return `${w.y}-${p2(w.m + 1)}-${p2(w.d)}T${p2(w.h)}:${p2(w.mi)}:00${isaret}${p2(Math.floor(mutlak / 60))}:${p2(mutlak % 60)}`;
+}
+const iso = (y, m, d) => `${y}-${p2(m + 1)}-${p2(d)}`;
+const gunParcasi = (an, tz) => { const w = duvar(an, tz); return iso(w.y, w.m, w.d); };
+const parcala = (d) => { const [y, m, g] = d.split("-").map(Number); return { y: y, m: m - 1, d: g }; };
+const gunKaydir = (d, adim) => {
+    const { y, m, d: g } = parcala(d);
+    const t = new Date(Date.UTC(y, m, g + adim));
+    return iso(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+};
 function monthMatrix(year, month, firstDay) {
     const first = new Date(Date.UTC(year, month, 1));
     const days = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
@@ -33,35 +145,113 @@ function weekStart(locale) {
     }
     return 1;
 }
-export function Calendar({ locale, value, range, onSelect, labels, className, ...rest }) {
-    const today = new Date();
-    /* AÇILAN AY DEĞERİN AYI, bugünün ayı değil · ve bir süre bugünündü: başka bir
-       aydan bir tarih verildiğinde takvim bu ayı açıyor, seçili gün hiç
-       görünmüyor ve kullanıcı kendi verdiği tarihi arıyordu. Değer yoksa bugün. */
-    const acilis = value ? new Date(`${value}T00:00:00`) : today;
-    const [view, setView] = useState({ y: acilis.getFullYear(), m: acilis.getMonth() });
+export function Calendar({ locale, timeZone, value: hamDeger, range, min: hamMin, max: hamMax, onSelect, labels, className, ...rest }) {
+    const tz = useMemo(() => dilim(timeZone), [timeZone]);
+    const value = useGun(hamDeger, "value");
+    const min = useGun(hamMin, "min");
+    const max = useGun(hamMax, "max");
+    /* ISO günler sözlük sırasıyla karşılaştırılıyor: `2026-04-05 < 2026-04-15`. */
+    const kapali = (d) => (min !== undefined && d < min) || (max !== undefined && d > max);
+    const bugun = gunParcasi(new Date(), tz);
+    /* AÇILAN AY DEĞERİN AYI, bugünün ayı değil. Değer yoksa bugün. */
+    const ayi = (d) => { const { y, m } = parcala(d); return { y, m }; };
+    const [view, setView] = useState(ayi(value ?? bugun));
+    const kok = useRef(null);
     const first = weekStart(locale);
     const cells = useMemo(() => monthMatrix(view.y, view.m, first), [view, first]);
-    const monthName = new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(new Date(Date.UTC(view.y, view.m, 1)));
+    const gorunenGunler = useMemo(() => cells.filter((d) => d !== null).map((d) => iso(view.y, view.m, d)), [cells, view]);
+    /* SEKME DURAĞI HEP GÖRÜNEN AYDA VE AÇIK BİR GÜNDE. `odak` yalnız tercihtir;
+       ay değişince ya da odak kapalı/görünmez olunca durak seçili güne, o da
+       yoksa ilk açık güne düşer · yoksa klavye ızgaraya hiç giremiyordu. */
+    const [odak, setOdak] = useState(value ?? bugun);
+    const gorunur = (d) => d !== undefined && d.startsWith(`${view.y}-${p2(view.m + 1)}`);
+    const etkinOdak = gorunur(odak) && !kapali(odak) ? odak
+        : gorunur(value) && !kapali(value) ? value
+            : gorunenGunler.find((d) => !kapali(d));
+    /* Dışarıdan değer değişince görünüm ve durak onunla eşleşiyor. */
+    const oncekiDeger = useRef(value);
+    useEffect(() => {
+        if (value === oncekiDeger.current)
+            return;
+        oncekiDeger.current = value;
+        if (value) {
+            setView(ayi(value));
+            setOdak(value);
+        }
+    }, [value]);
+    const monthName = new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(new Date(Date.UTC(view.y, view.m, 1)));
     const dayNames = useMemo(() => {
-        const fmt = new Intl.DateTimeFormat(locale, { weekday: "short" });
+        const fmt = new Intl.DateTimeFormat(locale, { weekday: "short", timeZone: "UTC" });
         /* 2024-01-07 bir Pazar; oradan hafta başına kaydırıyoruz. */
         return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(Date.UTC(2024, 0, 7 + ((first + i) % 7)))));
     }, [locale, first]);
-    /* BUGÜN İŞARETLİ, ve değildi: bir takvimde "hangi gün bugün" sorusu her
-       zaman soruluyor, ve cevabı yoksa kullanıcı tarihi baştan sayıyor. */
-    const bugun = iso(today.getFullYear(), today.getMonth(), today.getDate());
-    const inRange = (d) => range?.from && range?.to ? d >= range.from && d <= range.to : false;
+    /* Günün erişilebilir adı tam tarih: oklar ay sınırını geçince ekran okuyucu ayı duysun. */
+    const tamTarih = useMemo(() => new Intl.DateTimeFormat(locale, { dateStyle: "long", timeZone: "UTC" }), [locale]);
+    const inRange = (d) => (range?.from && range?.to ? d >= range.from && d <= range.to : false);
     const isEdge = (d) => d === range?.from || d === range?.to || d === value;
-    return (_jsxs("div", { ...dataProps(rest), className: cn("w-70", className), children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx("button", { type: "button", className: "tamga-icon-btn", "aria-label": labels.previousMonth, onClick: () => setView((v) => (v.m === 0 ? { y: v.y - 1, m: 11 } : { ...v, m: v.m - 1 })), children: _jsx(Icon, { icon: CaretLeft, size: "xs" }) }), _jsx("span", { className: "flex-1 text-center text-body font-medium text-ink", children: monthName }), _jsx("button", { type: "button", className: "tamga-icon-btn", "aria-label": labels.nextMonth, onClick: () => setView((v) => (v.m === 11 ? { y: v.y + 1, m: 0 } : { ...v, m: v.m + 1 })), children: _jsx(Icon, { icon: CaretRight, size: "xs" }) })] }), _jsxs("div", { className: "grid grid-cols-7 gap-px", children: [dayNames.map((d) => (_jsx("span", { className: "pb-1 text-center text-caption text-ink-faint", children: d }, d))), cells.map((d, i) => {
-                        if (d === null)
-                            return _jsx("span", {}, `x${i}`);
-                        const date = iso(view.y, view.m, d);
-                        return (_jsx("button", { type: "button", 
-                            /* Seçili gün DOLGU alır: bir tarih bir değerdir, bir hedef değil;
-                               checkbox ile aynı gerekçe (Yasa 2). */
-                            className: "tamga-gun", "data-selected": isEdge(date), "data-today": date === bugun || undefined, "data-active": inRange(date) && !isEdge(date), "aria-pressed": isEdge(date), onClick: () => onSelect?.(date), children: d }, date));
-                    })] })] }));
+    const git = (hedef) => {
+        if (!hedef)
+            return;
+        setOdak(hedef);
+        setView(ayi(hedef));
+        /* Odak DOM'a yeni günün düğmesi çizildikten sonra, YALNIZ bu takvimin içinde. */
+        queueMicrotask(() => {
+            kok.current?.querySelector(`[data-gun="${hedef}"]`)?.focus();
+        });
+    };
+    /* Bir yönde ilk açık gün; 366 günde bulunamazsa yok. */
+    const kaydir = (d, adim) => {
+        let aday = d;
+        for (let i = 0; i < 366; i++) {
+            aday = gunKaydir(aday, adim);
+            if (!kapali(aday))
+                return aday;
+        }
+        return null;
+    };
+    const enYakinAcik = (d) => (!kapali(d) ? d : (kaydir(d, 1) ?? kaydir(d, -1)));
+    const tusla = (e) => {
+        if (!etkinOdak)
+            return;
+        const { y, m, d } = parcala(etkinOdak);
+        const haftaGunu = (new Date(Date.UTC(y, m, d)).getUTCDay() - first + 7) % 7;
+        const aySinirla = (yy, mm) => iso(yy, mm, Math.min(d, new Date(Date.UTC(yy, mm + 1, 0)).getUTCDate()));
+        const hedefler = {
+            ArrowRight: () => kaydir(etkinOdak, 1),
+            ArrowLeft: () => kaydir(etkinOdak, -1),
+            ArrowDown: () => kaydir(etkinOdak, 7),
+            ArrowUp: () => kaydir(etkinOdak, -7),
+            Home: () => enYakinAcik(gunKaydir(etkinOdak, -haftaGunu)),
+            End: () => enYakinAcik(gunKaydir(etkinOdak, 6 - haftaGunu)),
+            PageDown: () => enYakinAcik(m === 11 ? aySinirla(y + 1, 0) : aySinirla(y, m + 1)),
+            PageUp: () => enYakinAcik(m === 0 ? aySinirla(y - 1, 11) : aySinirla(y, m - 1)),
+        };
+        const hedef = hedefler[e.key];
+        if (!hedef)
+            return;
+        e.preventDefault();
+        git(hedef());
+    };
+    /* Ay düğmesi, o ay tümüyle aralığın dışındaysa kapanır. */
+    const oncekiKapali = min !== undefined && iso(view.y, view.m, 0) < min;
+    const sonrakiKapali = max !== undefined && iso(view.m === 11 ? view.y + 1 : view.y, (view.m + 1) % 12, 1) > max;
+    const satirlar = [];
+    for (let i = 0; i < cells.length; i += 7)
+        satirlar.push(cells.slice(i, i + 7));
+    return (_jsxs("div", { ref: kok, ...dataProps(rest), className: cn("w-70", className), children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx("button", { type: "button", className: "tamga-icon-btn", "aria-label": labels.previousMonth, disabled: oncekiKapali, onClick: () => setView((v) => (v.m === 0 ? { y: v.y - 1, m: 11 } : { ...v, m: v.m - 1 })), children: _jsx(Icon, { icon: CaretLeft, size: "xs" }) }), _jsx("span", { className: "flex-1 text-center text-body font-medium text-ink", children: monthName }), _jsx("button", { type: "button", className: "tamga-icon-btn", "aria-label": labels.nextMonth, disabled: sonrakiKapali, onClick: () => setView((v) => (v.m === 11 ? { y: v.y + 1, m: 0 } : { ...v, m: v.m + 1 })), children: _jsx(Icon, { icon: CaretRight, size: "xs" }) })] }), _jsxs("div", { role: "grid", "aria-label": monthName, className: "grid gap-px", onKeyDown: tusla, children: [_jsx("div", { role: "row", className: "grid grid-cols-7 gap-px", children: dayNames.map((d) => (_jsx("span", { role: "columnheader", className: "pb-1 text-center text-caption text-ink-faint", children: d }, d))) }), satirlar.map((satir, si) => (_jsx("div", { role: "row", className: "grid grid-cols-7 gap-px", children: satir.map((d, i) => {
+                            if (d === null)
+                                return _jsx("span", { role: "gridcell", "aria-hidden": "true" }, `x${i}`);
+                            const date = iso(view.y, view.m, d);
+                            const disi = kapali(date);
+                            return (_jsx("button", { type: "button", role: "gridcell", 
+                                /* Seçili gün DOLGU alır: bir tarih bir değerdir, bir hedef değil;
+                                   checkbox ile aynı gerekçe (Yasa 2). */
+                                className: "tamga-gun", "data-gun": date, "data-selected": isEdge(date), "data-today": date === bugun || undefined, "data-active": inRange(date) && !isEdge(date), "aria-selected": isEdge(date), "aria-label": tamTarih.format(new Date(`${date}T00:00:00Z`)), disabled: disi, tabIndex: date === etkinOdak ? 0 : -1, onFocus: () => setOdak(date), onClick: () => onSelect?.(date), children: d }, date));
+                        }) }, si)))] })] }));
+}
+/* ── Ortak alan: salt okunur girdi + temizle/aç düğmeleri ── */
+function Alan({ id, shown, placeholder, disabled, invalid, open, hasValue, labels, onToggle, onClear, }) {
+    return (_jsxs("span", { className: "relative flex items-center", children: [_jsx(Icon, { icon: CalendarPlus, size: "xs", className: "pointer-events-none absolute left-3 text-ink-faint" }), _jsx("input", { id: id, type: "text", readOnly: true, disabled: disabled, value: shown, placeholder: placeholder, onClick: () => !disabled && onToggle(), className: "tamga-input w-full cursor-pointer pr-16 pl-9", "aria-haspopup": "dialog", "aria-expanded": open, "aria-invalid": invalid || undefined }), _jsxs("span", { className: "absolute right-1.5 flex gap-0.5", children: [hasValue ? (_jsx("button", { type: "button", className: "tamga-mini-btn", "data-inset": "true", "aria-label": labels.clear, disabled: disabled, onClick: () => !disabled && onClear(), children: _jsx(Icon, { icon: Close, size: "xs" }) })) : null, _jsx("button", { type: "button", className: "tamga-mini-btn", "data-inset": "true", "aria-label": labels.open, disabled: disabled, onClick: () => !disabled && onToggle(), children: _jsx(Icon, { icon: CalendarPlus, size: "xs" }) })] })] }));
 }
 /**
  * Alan + açılan takvim.
@@ -70,25 +260,126 @@ export function Calendar({ locale, value, range, onSelect, labels, className, ..
  * demektir (`15/04/2026` · `04/15/2026` · `2026-04-15`) ve yanlış okunan bir
  * tarih sessizce yanlış veri üretir. Takvim tek doğru giriş yolu.
  */
-export function DatePicker({ locale, value, onChange, placeholder, labels, disabled = false, className, ...rest }) {
+export function DatePicker({ id, locale, timeZone, value: hamDeger, onChange, placeholder, labels, min, max, invalid = false, disabled = false, className, ...rest }) {
     const [open, setOpen] = useState(false);
-    /* TAKVİM DIŞARI TIKLAYINCA VE ESCAPE İLE KAPANIYOR, ve bir süre HİÇ
-       kapanmıyordu: tek çıkış yolu bir tarih seçmekti, yani yanlışlıkla açan
-       kişi ya bir tarih seçiyor ya da alanı yeniden tıklamayı buluyordu. Kutu
-       tetiği de kapsıyor: tetiğe tıklama kendi anahtarına ulaşmalı, dışarı
-       sayılmamalı. */
+    /* Takvim dışarı tıklayınca ve Escape ile kapanıyor; kutu tetiği de kapsıyor. */
     const kapat = useCallback(() => setOpen(false), []);
     const kutu = useDismiss(open, kapat);
+    const value = useGun(hamDeger, "value");
+    /* Gün UTC gece yarısı okunuyor (bkz. `DateISO`): tarayıcı dilimi günü kaydırmıyor. */
     const shown = value
-        ? new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(new Date(`${value}T00:00:00Z`))
+        ? new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeZone: "UTC" }).format(new Date(`${value}T00:00:00Z`))
         : "";
-    return (_jsxs("div", { ref: kutu, ...dataProps(rest), className: cn("relative", className), children: [_jsxs("span", { className: "relative flex items-center", children: [_jsx(Icon, { icon: CalendarPlus, size: "xs", className: "pointer-events-none absolute left-3 text-ink-faint" }), _jsx("input", { type: "text", readOnly: true, disabled: disabled, value: shown, placeholder: placeholder, onClick: () => !disabled && setOpen((v) => !v), className: "tamga-input w-full cursor-pointer pr-16 pl-9", "aria-haspopup": "dialog", "aria-expanded": open }), _jsxs("span", { className: "absolute right-1.5 flex gap-0.5", children: [value ? (_jsx("button", { type: "button", className: "tamga-mini-btn", "data-inset": "true", "aria-label": labels.clear, onClick: () => onChange?.(undefined), children: _jsx(Icon, { icon: Close, size: "xs" }) })) : null, _jsx("button", { type: "button", className: "tamga-mini-btn", "data-inset": "true", "aria-label": labels.open, onClick: () => setOpen((v) => !v), children: _jsx(Icon, { icon: CalendarPlus, size: "xs" }) })] })] }), open ? (_jsx("div", { className: "tamga-overlay absolute z-30 mt-2 p-3", 
-                /* TAKVİMİN TIKLAMASI SAYFAYA SIZMIYOR. Tüketen taraf alanı bir
-                   `<label>` ile sarınca (kitin `Field`i sarmıyor, elle yazılan sarıyor)
-                   takvimin boşluğuna her tıklama tarayıcı tarafından INPUT'A
-                   yönlendiriliyor, yani takvim kendi kendine açılıp kapanıyordu. */
-                onClick: (e) => e.stopPropagation(), children: _jsx(Calendar, { locale: locale, value: value, labels: labels, onSelect: (d) => {
-                        onChange?.(d);
-                        setOpen(false);
-                    } }) })) : null] }));
+    return (_jsxs("div", { ref: kutu, ...dataProps(rest), className: cn("relative", className), children: [_jsx(Alan, { id: id, shown: shown, placeholder: placeholder, disabled: disabled, invalid: invalid, open: open, hasValue: Boolean(value), labels: labels, onToggle: () => setOpen((v) => !v), onClear: () => onChange?.(undefined) }), open ? (_jsx("div", { className: "tamga-overlay absolute z-30 mt-2 p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Calendar, { locale: locale, timeZone: timeZone, value: value, min: min, max: max, labels: labels, onSelect: (d) => { onChange?.(d); setOpen(false); } }) })) : null] }));
+}
+/**
+ * Tarih + saat. AYRI BİR BİLEŞEN, `DatePicker`a bir prop değil: dönen değerin
+ * biçimi farklı (gün değil, dilimli bir an) ve bir prop'a göre tip değiştiren
+ * bir `onChange` çağıranı her kullanımda ikisini birden düşünmeye zorlardı.
+ *
+ * YAYILAN HER DEĞER [min, max] İÇİNDE: gün, saat, dakika ya da öğle değişince
+ * aday an sınırı deliyorsa en yakın geçerli saate kısılır ve seçimler ona
+ * çekilir. Gerekçe: docs/gerekce/01-form-ve-girdi.md
+ */
+export function DateTimePicker({ id, locale, timeZone, value, onChange, placeholder, labels, min, max, minuteStep = 5, invalid = false, disabled = false, className, ...rest }) {
+    const tz = useMemo(() => dilim(timeZone), [timeZone]);
+    const [open, setOpen] = useState(false);
+    const kapat = useCallback(() => setOpen(false), []);
+    const kutu = useDismiss(open, kapat);
+    /* Sıfır ya da eksi adım sonsuz döngüydü; 1'e kısılıyor. */
+    const adim = Math.max(1, Math.floor(minuteStep) || 1);
+    const an = useMemo(() => anOku(value, "value"), [value]);
+    const w = an ? duvar(an, tz) : undefined;
+    const gun = w ? iso(w.y, w.m, w.d) : undefined;
+    const simdi = duvar(new Date(), tz);
+    /* Saat durumu değerden, değer yoksa şu andan: gün seçilir seçilmez anlamlı
+       bir saat çıksın, 00:00 değil. */
+    const [saat, setSaat] = useState(() => (w ?? simdi).h);
+    const [dakika, setDakika] = useState(() => (w ? w.mi : Math.floor(simdi.mi / adim) * adim));
+    useEffect(() => {
+        if (!w)
+            return;
+        setSaat(w.h);
+        setDakika(w.mi);
+        /* eslint-disable-next-line react-hooks/exhaustive-deps -- yalnız dışarıdan gelen değer */
+    }, [value, tz]);
+    const minAn = useMemo(() => anOku(min, "min"), [min]);
+    const maxAn = useMemo(() => anOku(max, "max"), [max]);
+    const minGun = minAn ? gunParcasi(minAn, tz) : undefined;
+    const maxGun = maxAn ? gunParcasi(maxAn, tz) : undefined;
+    /* Bir duvar saatinin [min, max] içindeki anları: dilimde var olan her aday
+       sayılır, yani belirsiz saatin iki yaşanışı da. */
+    const icinde = (t) => (!minAn || t.getTime() >= minAn.getTime()) && (!maxAn || t.getTime() <= maxAn.getTime());
+    const anlar = (g, h, mi) => {
+        const { y, m, d } = parcala(g);
+        return adaylar({ y, m, d, h, mi }, tz).filter(icinde);
+    };
+    const gecerli = (g, h, mi) => anlar(g, h, mi).length > 0;
+    /* Dakika ızgarası: adımın katları + (varsa) kayıtlı değerin ızgara dışı dakikası. */
+    const izgara = useMemo(() => {
+        const d = new Set();
+        for (let m = 0; m < 60; m += adim)
+            d.add(m);
+        if (w)
+            d.add(w.mi);
+        return [...d].sort((a, b) => a - b);
+    }, [adim, w?.mi]);
+    /* KISMA: istenen (saat, dakika) geçerli değilse ileri doğru ilk geçerli,
+       o da yoksa geri doğru ilk geçerli. Yayılan her değer aralık içinde. */
+    const kis = (g, h, mi) => {
+        if (gecerli(g, h, mi))
+            return { h, mi };
+        const adaylar = [];
+        for (let hh = 0; hh < 24; hh++)
+            for (const mm of izgara)
+                adaylar.push({ h: hh, mi: mm });
+        const sira = (a) => a.h * 60 + a.mi;
+        const istenen = h * 60 + mi;
+        return (adaylar.find((a) => sira(a) > istenen && gecerli(g, a.h, a.mi)) ??
+            [...adaylar].reverse().find((a) => sira(a) < istenen && gecerli(g, a.h, a.mi)) ??
+            null);
+    };
+    const yay = (g, h, mi) => {
+        if (!g)
+            return;
+        const k = kis(g, h, mi);
+        if (!k)
+            return;
+        setSaat(k.h);
+        setDakika(k.mi);
+        const secenekler = anlar(g, k.h, k.mi);
+        /* Belirsiz saatte dış değer kendi anını korur; aynı belirsiz saatin içinde
+           dakika değişince ofsetini korur (01:30-04:00 → 01:45-04:00); yoksa
+           sonraki (standart ofset). */
+        const belirsizde = an && w && adaylar(w, tz).length === 2 ? ofsetDk(an, tz) : undefined;
+        const secim = (an && secenekler.find((t) => t.getTime() === an.getTime())) ??
+            (belirsizde !== undefined ? secenekler.find((t) => ofsetDk(t, tz) === belirsizde) : undefined) ??
+            secenekler[secenekler.length - 1];
+        onChange?.(isoWithOffset(secim, tz));
+    };
+    /* Seçenekler: yalnız en az bir geçerli dakikası olan saatler, yalnız geçerli
+       dakikalar · artı kayıtlı değerin kendi saati ve dakikası, aralık dışında
+       kalsa da: kutu hep biçimli ve hep bir seçeneği gösteriyor. Gün yokken liste
+       tam, kutular kapalı: saat seçmek bugünü yayıyordu. */
+    const g = gun;
+    const saatler = open ? Array.from({ length: 24 }, (_, h) => h).filter((h) => !g || h === w?.h || izgara.some((mm) => gecerli(g, h, mm))) : [];
+    const dakikalar = open ? izgara.filter((mm) => !g || (w && saat === w.h && mm === w.mi) || gecerli(g, saat, mm)) : [];
+    /* 12/24 saat yerelin kararı; öğle sözcükleri Intl'den, yoksa labels'tan, o da
+       yoksa 24 saate düşülür · kit İngilizce yazmaz. */
+    const onIki = new Intl.DateTimeFormat(locale, { hour: "numeric" }).resolvedOptions().hour12 === true;
+    const donem = useMemo(() => {
+        if (!onIki)
+            return null;
+        const ad = (h) => new Intl.DateTimeFormat(locale, { hour: "numeric", hour12: true, timeZone: "UTC" })
+            .formatToParts(new Date(Date.UTC(2024, 0, 1, h)))
+            .find((p) => p.type === "dayPeriod")?.value;
+        const am = ad(9) ?? labels.am;
+        const pm = ad(21) ?? labels.pm;
+        return am && pm ? { am, pm } : null;
+    }, [locale, onIki, labels.am, labels.pm]);
+    const saatEtiketi = (h) => (donem ? String(h % 12 === 0 ? 12 : h % 12) : p2(h));
+    const shown = an ? new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short", timeZone: tz }).format(an) : "";
+    return (_jsxs("div", { ref: kutu, ...dataProps(rest), className: cn("relative", className), children: [_jsx(Alan, { id: id, shown: shown, placeholder: placeholder, disabled: disabled, invalid: invalid, open: open, hasValue: Boolean(value), labels: labels, onToggle: () => setOpen((v) => !v), onClear: () => onChange?.(undefined) }), open ? (_jsxs("div", { className: "tamga-overlay absolute z-30 mt-2 p-3", onClick: (e) => e.stopPropagation(), children: [_jsx(Calendar, { locale: locale, timeZone: tz, value: gun, min: minGun, max: maxGun, labels: labels, 
+                        /* Gün seçilince takvim AÇIK KALIYOR: saat daha seçilecek. */
+                        onSelect: (d) => yay(d, saat, dakika) }), _jsxs("div", { className: "mt-3 flex items-center gap-2 border-t border-line pt-3", children: [_jsx(Select, { "aria-label": labels.hour, placeholder: labels.hour, disabled: !g, value: String(saat), onChange: (v) => yay(g, Number(v), dakika), options: (donem ? saatler.filter((h) => (saat < 12 ? h < 12 : h >= 12)) : saatler).map((h) => ({ value: String(h), label: saatEtiketi(h) })) }), _jsx(Select, { "aria-label": labels.minute, placeholder: labels.minute, disabled: !g, value: String(dakika), onChange: (v) => yay(g, saat, Number(v)), options: dakikalar.map((m) => ({ value: String(m), label: p2(m) })) }), donem ? (_jsx(Select, { "aria-label": labels.period, placeholder: labels.period, disabled: !g, value: saat < 12 ? "am" : "pm", onChange: (v) => yay(g, v === "am" ? saat % 12 : (saat % 12) + 12, dakika), options: [{ value: "am", label: donem.am }, { value: "pm", label: donem.pm }] })) : null] })] })) : null] }));
 }

package/dist/components/disclosure.d.ts

@@ -6,20 +6,55 @@ import type { IconGlyph } from "./icons.js";
  * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
 /** Tek bir açılır bölüm. */
-export declare function Collapsible({ title, defaultOpen, icon, meta, className, children, ...rest }: {
-    title: string;
+export declare function Collapsible({ title, defaultOpen, open, onOpenChange, icon, meta, note, unmountOnClose, className, children, ...rest }: {
+    /**
+     * The head's text, or a node with text in it: "Accessibility · /pricing" with the path faint.
+     * It sits inside a `<button>`: no interactive or block elements in it. The accessible name is
+     * `title` and `meta` together. TR: Başlığın metni ya da içinde metin olan bir düğüm: yolu
+     * soluk "Erişilebilirlik · /fiyatlar". Bir `<button>`un içinde durur: içine etkileşimli ya da
+     * blok öğe konmaz. Erişilebilir ad `title` ve `meta` birlikte.
+     */
+    title: ReactNode;
     /**
      * The glyph at the head of the row, in the accent. It says what KIND of section this is before
      * the words are read. TR: Satırın başındaki glif, vurgu renginde. Sözcükler okunmadan önce bu
      * bölümün NE TÜR bir bölüm olduğunu söylüyor.
      */
     icon?: IconGlyph;
+    /** The starting state when the section keeps its own. Ignored once `open` is given. TR: Bölüm durumunu kendi tutuyorsa başlangıç. `open` verilince yok sayılır. */
     defaultOpen?: boolean;
+    /**
+     * Given, the section is controlled: this is the open state, and a click only reports through
+     * `onOpenChange` · the product decides, the way it decides whether to fetch when a row opens.
+     * Absent, the section keeps the state itself. React's own controlled/uncontrolled contract.
+     * TR: Verilirse bölüm kontrollü: açık durum budur, tık yalnız `onOpenChange` ile haber verir ·
+     * satır açılınca veri çekilip çekilmeyeceğine karar verdiği gibi kararı ürün verir. Verilmezse
+     * bölüm durumu kendi tutar. React'in kontrollü/kontrolsüz sözleşmesi.
+     */
+    open?: boolean;
+    /** Fires with the next state on click and keyboard, in both modes. TR: Tık ve klavyede sıradaki durumla ateşlenir, iki modda da. */
+    onOpenChange?: (open: boolean) => void;
     /**
      * The secondary text to the right of the title: a count, a state. TR: Başlığın sağındaki
      * ikincil metin: sayı, durum.
      */
     meta?: ReactNode;
+    /**
+     * A quiet line that stays visible when the section is CLOSED, between the head and the body,
+     * inside the same frame: why a measurement did not count, when it last ran. `children` hide;
+     * this does not. TR: Bölüm KAPALIYKEN de görünen sessiz satır, başlıkla gövde arasında, aynı
+     * çerçevede: bir ölçümün neden sayılmadığı, en son ne zaman koştuğu. `children` gizlenir; bu
+     * gizlenmez.
+     */
+    note?: ReactNode;
+    /**
+     * Off (default), the body stays in the DOM and is `hidden` when closed, so a search finds it and
+     * its state survives. On, the body is not rendered while closed · for a body that is heavy to
+     * mount or fetches on its own. TR: Kapalıyken (varsayılan) gövde DOM'da durur ve `hidden`dır;
+     * arama bulur, durumu yaşar. Açıkken gövde kapalıyken hiç çizilmez · kurulması ağır ya da kendi
+     * başına veri çeken bir gövde için.
+     */
+    unmountOnClose?: boolean;
     className?: string;
     children: ReactNode;
     /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */

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

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../src/components/disclosure.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C;;;;GAIG;AAEH,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4CA;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BASA"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../src/components/disclosure.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C;;;;GAIG;AAEH,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,cAAsB,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mKAAmK;IACnK,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oIAAoI;IACpI,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA6DA;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BASA"}

package/dist/components/disclosure.js

@@ -11,10 +11,20 @@ import { CaretRight } from "./icons.js";
  * Gerekçe: docs/gerekce/01-form-ve-girdi.md
  */
 /** Tek bir açılır bölüm. */
-export function Collapsible({ title, defaultOpen = false, icon, meta, className, children, ...rest }) {
+export function Collapsible({ title, defaultOpen = false, open, onOpenChange, icon, meta, note, unmountOnClose = false, className, children, ...rest }) {
     const id = useId();
-    const [open, setOpen] = useState(defaultOpen);
-    return (_jsxs("div", { ...dataProps(rest), className: cn("tamga-collapsible", className), "data-open": open || undefined, children: [_jsxs("button", { type: "button", className: "tamga-collapsible-head", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((v) => !v), children: [icon ? _jsx(Icon, { icon: icon, size: "base", className: "shrink-0 text-accent" }) : null, _jsx("span", { className: "min-w-0 flex-1 text-body font-bold text-ink", children: title }), meta ? _jsx("span", { className: "text-small text-ink-faint", children: meta }) : null, _jsx(Icon, { icon: CaretRight, size: "xs", weight: "bold", className: "shrink-0 transition-transform", style: { transform: open ? "rotate(90deg)" : undefined } })] }), _jsx("div", { id: id, hidden: !open, className: "tamga-collapsible-body", "data-indent": icon ? "true" : undefined, children: children })] }));
+    /* KONTROLLÜ Mİ: `open` verildiyse. İkisi birden verildiğinde `open` kazanır,
+       `defaultOpen` yalnız ilk çizimde bile okunmaz · React'in kalıbı. */
+    const kontrollu = open !== undefined;
+    const [ic, setIc] = useState(defaultOpen);
+    const acik = kontrollu ? open : ic;
+    const degistir = () => {
+        const sonraki = !acik;
+        onOpenChange?.(sonraki);
+        if (!kontrollu)
+            setIc(sonraki);
+    };
+    return (_jsxs("div", { ...dataProps(rest), className: cn("tamga-collapsible", className), "data-open": acik || undefined, children: [_jsxs("button", { type: "button", className: "tamga-collapsible-head", "aria-expanded": acik, "aria-controls": unmountOnClose && !acik ? undefined : id, "aria-describedby": note ? `${id}-not` : undefined, onClick: degistir, children: [icon ? _jsx(Icon, { icon: icon, size: "base", className: "shrink-0 text-accent" }) : null, _jsx("span", { className: "min-w-0 flex-1 text-body font-bold text-ink", children: title }), meta ? _jsx("span", { className: "text-small text-ink-faint", children: meta }) : null, _jsx(Icon, { icon: CaretRight, size: "xs", weight: "bold", className: "tamga-collapsible-caret shrink-0", style: { transform: acik ? "rotate(90deg)" : undefined } })] }), note ? (_jsx("div", { id: `${id}-not`, className: "tamga-collapsible-note", "data-indent": icon ? "true" : undefined, children: note })) : null, unmountOnClose && !acik ? null : (_jsx("div", { id: id, hidden: !acik, className: "tamga-collapsible-body", "data-indent": icon ? "true" : undefined, children: children }))] }));
 }
 /**
  * Açılır bölümler grubu.

package/dist/components/display.d.ts

@@ -140,12 +140,19 @@ export declare function Kbd({ children, inline, className, }: {
     className?: string;
 }): import("react").JSX.Element;
 /**
- * Sayaç rozeti: bir ikonun köşesindeki SAYI (`StatusChip` bir DURUM taşır).
- * `max` üstünde "+" ile kesiliyor, yoksa dört hane kutuyu şişirip altındaki
- * ikonu eziyor. Sıfır gösterilmiyor.
- *
- * Doküman: /docs/badge
+ * Kullanıcının kendi rengi için küçük işaret · Yasa 3'ün yazılı istisnası
+ * (bkz. `Tag swatch`). Tek başına dışa açık: tıklanabilir bir öneri satırı
+ * işareti bir `Button`un içine koyar, `Tag`i değil · kutu içinde kutu olmaz.
+ * Geçersiz renk (hex değil) HİÇ çizilmez: style'a kullanıcı verisi yalnız
+ * doğrulanmış bir hex olarak girer.
  */
+export declare function ColorMark({ color, className, ...rest }: {
+    /** A hex colour (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`). Anything else draws nothing. TR: Bir hex renk. Başka her şey hiçbir şey çizmez. */
+    color: string;
+    className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
+}): import("react").JSX.Element | null;
 /**
  * Etiket rozeti · bir özelliğin durumu: BETA, YENİ, PRO.
  *
@@ -156,8 +163,23 @@ export declare function Kbd({ children, inline, className, }: {
  *
  * Gerekçe: docs/gerekce/06-isaret-ve-ton.md
  */
-export declare function Tag({ children, look, className, ...rest }: {
+export declare function Tag({ children, look, swatch, className, ...rest }: {
     children: ReactNode;
+    /**
+     * The user's own colour for the label, as a hex (`#rrggbb`; `#rgb`, `#rgba`, `#rrggbbaa` too).
+     * Anything else draws no mark: user data reaches `style` only as a validated hex. A small mark before the text, nothing
+     * more: not a ground, not a text colour, and `aria-hidden` · the name carries the meaning, the
+     * colour is an identity mark. This is the one WRITTEN exception to Law 3 (colour is for
+     * deviation and interaction): the kit says nothing with it, it only carries the user's data.
+     * Never for status or severity · that is `StatusChip`. TR: Kullanıcının etikete verdiği renk,
+     * yalnız hex (`#rrggbb`; `#rgb`, `#rgba`, `#rrggbbaa` da); başka biçim hiç çizilmez,
+     * kullanıcı verisi `style`'a yalnız doğrulanmış hex olarak girer. Metnin önünde küçük bir
+     * işaret, fazlası değil: zemin değil, metin
+     * rengi değil, ve `aria-hidden` · anlamı ad taşıyor, renk bir kimlik işareti. Yasa 3'ün
+     * (renk sapma ve etkileşim içindir) tek YAZILI istisnası: kit bununla bir şey söylemiyor,
+     * yalnız kullanıcının verisini taşıyor. Durum ya da önem için asla · o `StatusChip`.
+     */
+    swatch?: string;
     /**
      * `dashed` not real yet (beta, coming), `solid` the loudest one, for what is new right now,
      * `outline` the quiet standing fact (a plan name, a tier). TR: `dashed` henüz gerçek değil
@@ -169,6 +191,13 @@ export declare function Tag({ children, look, className, ...rest }: {
     /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
+/**
+ * Sayaç rozeti: bir ikonun köşesindeki SAYI (`StatusChip` bir DURUM taşır).
+ * `max` üstünde "+" ile kesiliyor, yoksa dört hane kutuyu şişirip altındaki
+ * ikonu eziyor. Sıfır gösterilmiyor.
+ *
+ * Doküman: /docs/badge
+ */
 export declare function Badge({ count, max, tone, dot, label, className, children, ...rest }: {
     /** The number. Not needed when `dot` is set. TR: Sayı. `dot` verildiğinde gerekmiyor. */
     count?: number;

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

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