tamga-ui 0.10.1 → 0.12.0

package/CHANGELOG.md

@@ -5,6 +5,100 @@ Versions follow [semver](https://semver.org/). Through `0.x`, breaking changes m
 
 > 🇹🇷 Türkçe için [tamga.org.tr/tr](https://tamga.org.tr/tr).
 
+## 0.12.0
+
+> The detail page's title is the page title; the alert has a page-level look.
+
+### Added
+
+- **`Alert` `look="banner"`** · the page-level status box at the top of an object's page
+  ("the store is down", "running", "in maintenance"): the card's 1.5px strong edge and
+  4px hard shadow, a 44px tile with the `md` glyph, a display-face title (`--text-display-sm`,
+  extrabold), body copy at `--text-body`, 18/20px padding. The action and the dismiss sit on
+  the tile's centre. At 390px the action drops under the text (the text column keeps at least
+  9rem) instead of squeezing the title into a five-letter column. `inline` stays the default and is unchanged: without `look` the markup
+  and the CSS are what they were. Shown in six tones on the docs page.
+
+### Changed
+
+- **`DetailTemplate` draws its title as `PageBand` does**: an `h1` in the display face
+  (`--text-display-sm`, extrabold), the breadcrumb 6px above, the subtitle 6px below at body
+  size in the soft ink. It was an `h2` at `--text-title` semibold with a small faint subtitle,
+  so a list page's title was big and bold and an object's name small and thin; a detail page
+  had no `h1` at all. This enlarges every detail title in every product using the template,
+  on purpose: they all carried the same inconsistency. A long title (a hostname) breaks
+  inside the box at 390px.
+
+## 0.11.0
+
+> Group controls carry their own error line; the breadcrumb is a label line.
+
+### Added
+
+- **`RadioGroup` and `Checkbox` take `description`, `error` and `errorPrefix`.** The line
+  under the options (or under the box and its label) is the same drawing as `Field`'s: one
+  inner component, no copies. The root `role="radiogroup"` element (or the checkbox button)
+  gets `aria-describedby` pointing at the line and `aria-invalid="true"` while there is an
+  error; the description is hidden while the error shows. `errorPrefix` is an invisible word
+  before the error ("Error:") that only screen readers hear; the caller writes it, the kit
+  does not translate. `Field` takes `errorPrefix` too. Reason: neither control can sit inside
+  `Field`, and products were copying its error line by hand.
+- **`RadioGroup` `showLabel`** draws `label` as a visible heading above the options, in
+  `Field`'s label size, weight and 8px gap, wired with `aria-labelledby`. Off by default.
+- **`Select` passes `aria-describedby` and `aria-invalid` to its trigger**, so `Field`'s error
+  actually reaches it; an invalid trigger wears the same critical edge, wash and offset as an
+  invalid input. Both attributes used to be swallowed.
+- **`AvatarStack` `names` accepts `{ name, src }`** for a person with a photo, beside plain
+  names.
+
+### Changed
+
+- **Calendar's "today" is no longer an empty frame.** It competed with the selected day's
+  fill. Following Primer's date picker (primer/react #1582), today is a bold accent-coloured
+  number with a 2px accent bar under it; when today is the selected day the bar turns to the
+  fill's ink. A disabled today carries no mark.
+- **`Select` lists are at most 256px tall and scroll** (Primer's Overlay "small"); on open the
+  list itself is scrolled so the selected option sits in its middle. Only the list moves, not
+  the page. A 24-hour list used to run to the bottom of the page.
+- **Calendar hover no longer washes out the selected day**; the fill stays under the pointer.
+- **The calendar box aligns to the trigger's right edge when it would overflow** its clipping
+  container or the window (`data-align="end"`); inside a drawer half of it used to be cut off.
+- **`AvatarStack` is one layer.** The overlap is an eighth of the size, not a quarter (a
+  quarter hid half a face); the separating ring takes the tile's own corner radius (a smaller
+  radius read as a second layer behind the tile); tiles in a stack carry no base; the "+N"
+  tile is the same shell as its neighbours, with no base of its own. A photo `Avatar` sits on
+  the shell colour, not the accent: the accent is the ground for initials, and behind a
+  picture it only leaked through the transparent corners.
+- **`Breadcrumb` is a label line.** The trail is in the table header's voice (uppercase
+  caption, letter-spaced, faint; ink on hover), stops are separated by a 5px square, and the
+  current page is ink at body size with no box. The chip-and-box version competed with the
+  page title in a panel. Markup is unchanged apart from the separator (a span instead of a
+  caret glyph).
+
+### Fixed
+
+- **`Alert` tile, action and dismiss sit on the title's first line**, whatever the row
+  count and with or without a body. They used to sit 4 to 5px below a one-line title, and an
+  intermediate fix centred a title-only alert as a block, which put the tile 22px under the
+  first line of a three-line title at 390px. Now the box is top-aligned and the title itself
+  takes `margin-top: calc((28px - 1lh) / 2)` from its own line height; the `size="sm"` action
+  and the dismiss button are pulled up 2px and 1px to the same centre. With a body the tile
+  sits 2px lower than the geometric centre: beside a two-line block the eye reads it as
+  high. Measured at 1280px and
+  390px, including a title that wraps to three lines (`pnpm olc:uyari`). The title also
+  breaks anywhere now: an address with no spaces used to run out of the box.
+- **`Accordion` open card no longer turns its edge black or grows a shadow**; the open
+  section is told by the washed head and the caret. In `look="list"` a row is a row again: no
+  edge, no corner, no shadow of its own, a single line between neighbours. The card rules had
+  leaked into the list and the rows looked like touching cards. The body has 14px above as
+  well as below; it used to sit flush under the washed head.
+- **`RadioGroup` card is a step shorter**: vertical padding 16px to 12px (horizontal stays 16),
+  a one-line card goes from 54px to 46px.
+- **The success tile's glyph read as black**: the positive tone's mark ink was the inverse
+  navy. A new token, `--color-resolved-mark-ink` (#f0f7f2, a pale mint lighter than the green
+  it sits on, 3.2:1 on the mark, the same in both themes), carries the glyph; the mark colour
+  and the filled check-circle glyph are unchanged.
+
 ## 0.10.1
 
 > The field label is the input's size.

package/dist/components/avatar.d.ts

@@ -60,7 +60,14 @@ export declare function Avatar({ name, size, src, bare, look, letters, status, .
  * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
 export declare function AvatarStack({ names, extra, size, surface, ...rest }: {
-    names: string[];
+    /**
+     * The people: a name, or `{ name, src }` for one with a photo. TR: Kişiler: bir ad, ya da
+     * fotoğrafı olan için `{ name, src }`.
+     */
+    names: readonly (string | {
+        name: string;
+        src?: string;
+    })[];
     extra?: number;
     size?: number;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWtC,2EAA2E;AAC3E,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAS,EACT,GAAG,EACH,IAAY,EACZ,IAAc,EACd,OAAW,EACX,MAAM,EACN,GAAG,IAAI,EACR,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA0EA;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAS,EACT,OAA8B,EAC9B,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAuCA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWtC,2EAA2E;AAC3E,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAS,EACT,GAAG,EACH,IAAY,EACZ,IAAc,EACd,OAAW,EACX,MAAM,EACN,GAAG,IAAI,EACR,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAEA;AAwGD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAS,EACT,OAA8B,EAC9B,GAAG,IAAI,EACR,EAAE;IACD;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAmCA"}

package/dist/components/avatar.js

@@ -12,12 +12,20 @@ function initials(name, count) {
 }
 /** Square, monochrome. Identity is text — color is reserved for health. */
 export function Avatar({ name, size = 32, src, bare = false, look = "solid", letters = 2, status, ...rest }) {
-    /* KÖŞE ÖLÇÜYLE BÜYÜYOR (4 · 5 · 7 · 8): 24 pikselde 8'lik bir köşe kareyi
-       daire yapıyor, 56'da 4'lük bir köşe onu keskin bırakıyor. */
-    const kose = size <= 28 ? "var(--radius-chip)" : size <= 36 ? "calc(var(--radius) - 1px)" : size <= 44 ? "var(--radius-btn)" : "var(--radius-card)";
+    return _jsx(Karo, { name: name, size: size, src: src, bare: bare, look: look, letters: letters, status: status, taban: true, ...rest });
+}
+/* KÖŞE ÖLÇÜYLE BÜYÜYOR (4 · 5 · 7 · 8): 24 pikselde 8'lik bir köşe kareyi
+   daire yapıyor, 56'da 4'lük bir köşe onu keskin bırakıyor. */
+function koseOf(size) {
+    return size <= 28 ? "var(--radius-chip)" : size <= 36 ? "calc(var(--radius) - 1px)" : size <= 44 ? "var(--radius-btn)" : "var(--radius-card)";
+}
+/* Karonun kendisi. `taban` yığında kapalı: üst üste binen karolarda her
+   karonun kendi tabanı yığını katmanlı gösteriyordu. */
+function Karo({ name, size = 32, src, bare = false, look = "solid", letters = 2, status, taban: tabanli, ...rest }) {
+    const kose = koseOf(size);
     /* TABAN YALNIZ BÜYÜKLERDE: 24 piksellik bir karo bir satırın içinde duruyor
        ve orada bir taban, satırı kalabalıklaştırıyor. */
-    const taban = size >= 56 ? "4px 4px 0 var(--color-edge-strong)" : size >= 40 ? "3px 3px 0 var(--color-edge-strong)" : undefined;
+    const taban = !tabanli ? undefined : size >= 56 ? "4px 4px 0 var(--color-edge-strong)" : size >= 40 ? "3px 3px 0 var(--color-edge-strong)" : undefined;
     const box = {
         width: size,
         height: size,
@@ -32,7 +40,7 @@ export function Avatar({ name, size = 32, src, bare = false, look = "solid", let
     if (status) {
         const t = toneOf(status);
         const mark = Math.max(8, Math.round(size * 0.3));
-        return (_jsxs("span", { ...dataProps(rest), className: "relative inline-flex shrink-0", children: [_jsx(Avatar, { name: name, size: size, src: src, bare: bare, look: look, letters: letters }), _jsx("span", { className: "absolute rounded-[var(--radius-mark)]", style: {
+        return (_jsxs("span", { ...dataProps(rest), className: "relative inline-flex shrink-0", children: [_jsx(Karo, { name: name, size: size, src: src, bare: bare, look: look, letters: letters, taban: tabanli }), _jsx("span", { className: "absolute rounded-[var(--radius-mark)]", style: {
                         right: -mark / 3,
                         bottom: -mark / 3,
                         width: mark,
@@ -61,19 +69,15 @@ export function Avatar({ name, size = 32, src, bare = false, look = "solid", let
  * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
 export function AvatarStack({ names, extra, size = 24, surface = "var(--color-shell)", ...rest }) {
-    const overlap = Math.round(size / 4);
-    const ring = { boxShadow: `0 0 0 2px ${surface}` };
+    /* ÖRTÜŞME SEKİZDE BİR: dörtte bir, yüzün yarısını kapatıyordu. Halka
+       karonun kendi köşesini alıyor; küçük köşeli bir halka karonun arkasında
+       ikinci bir katman gibi görünüyordu. */
+    const overlap = Math.round(size / 8);
+    const ring = { boxShadow: `0 0 0 2px ${surface}`, borderRadius: koseOf(size) };
     /* Karoların kendi baş harfleri `aria-hidden` — üst üste binmiş harfler ekran
        okuyucuda anlamsız bir dizi olurdu. Adlar bir kez, düz metin olarak
        veriliyor: "Berika Sultan, Deniz Kara ve 7 kişi daha". */
-    const spoken = [...names, extra ? `+${extra}` : null].filter(Boolean).join(", ");
-    return (_jsxs("div", { ...dataProps(rest), className: "flex items-center", role: "img", "aria-label": spoken, children: [names.map((n, i) => (_jsx("span", { className: "rounded-[var(--radius-mark)]", style: { marginLeft: i === 0 ? 0 : -overlap, ...ring }, children: _jsx(Avatar, { name: n, size: size, letters: 1 }) }, n + i))), extra ? (_jsxs("span", { className: "inline-flex items-center justify-center rounded-[var(--radius-mark)] border-[1.5px] border-edge-strong bg-shell font-mono text-caption font-bold text-ink", style: {
-                    width: size,
-                    height: size,
-                    marginLeft: -overlap,
-                    /* Taban komşularıyla AYNI renkte: avatar karoları `--color-edge-strong`
-                       ile yükseliyor, özet karosu soluk bir gölgeyle onların arasında
-                       başka bir malzemeden yapılmış gibi duruyordu. */
-                    boxShadow: `0 0 0 2px ${surface}, 3px 3px 0 var(--color-edge-strong)`,
-                }, children: ["+", extra] })) : null] }));
+    const kisiler = names.map((n) => (typeof n === "string" ? { name: n } : n));
+    const spoken = [...kisiler.map((k) => k.name), extra ? `+${extra}` : null].filter(Boolean).join(", ");
+    return (_jsxs("div", { ...dataProps(rest), className: "flex items-center", role: "img", "aria-label": spoken, children: [kisiler.map((k, i) => (_jsx("span", { className: "inline-flex", style: { marginLeft: i === 0 ? 0 : -overlap, ...ring }, children: _jsx(Karo, { name: k.name, src: k.src, size: size, letters: 1, taban: false }) }, k.name + i))), extra ? (_jsxs("span", { className: "inline-flex items-center justify-center border-[1.5px] border-edge-strong bg-shell font-mono text-caption font-bold text-ink", style: { width: size, height: size, marginLeft: -overlap, ...ring }, children: ["+", extra] })) : null] }));
 }

package/dist/components/checkbox.d.ts

@@ -1,5 +1,6 @@
-import type { ReactNode } from "react";
-export declare function Checkbox({ label, checked, indeterminate, onChange, disabled, className, compact, ...rest }: {
+import { type ReactNode } from "react";
+import { type NoteProps } from "./field-note.js";
+export declare function Checkbox({ label, checked, indeterminate, onChange, description, error, errorPrefix, disabled, className, compact, ...rest }: NoteProps & {
     /**
      * The visible label. The kit does not translate; the caller passes ready text. TR: Görünen
      * etiket. Kit çeviri yapmaz; hazır metni çağıran geçer.

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,OAAe,EACf,GAAG,IAAI,EACR,EAAE;IACD;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4BA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAWpE,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,OAAe,EACf,GAAG,IAAI,EACR,EAAE,SAAS,GAAG;IACb;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4CA"}

package/dist/components/checkbox.js

@@ -1,7 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { cn } from "../lib/cn.js";
 import { dataProps } from "../lib/data-props.js";
+import { FieldNote, noteId } from "./field-note.js";
 import { Icon } from "./icon.js";
 import { Check, Minus } from "./icons.js";
 /* ---------------------------------------------------------------- *
@@ -11,6 +13,11 @@ import { Check, Minus } from "./icons.js";
  * seçildi" demiyor, "bu değer açık" diyor. Mini butonun 1px kenarını ve 1px
  * offsetini taşır, böylece kontrol ailesinin bir üyesi gibi okunur.
  * ---------------------------------------------------------------- */
-export function Checkbox({ label, checked, indeterminate = false, onChange, disabled = false, className, compact = false, ...rest }) {
-    return (_jsxs("button", { ...dataProps(rest), type: "button", role: "checkbox", "aria-checked": indeterminate ? "mixed" : checked, "aria-disabled": disabled || undefined, disabled: disabled, onClick: () => !disabled && onChange?.(!checked), className: cn("flex items-center gap-2 text-left text-body", disabled && "text-ink-faint", className), children: [_jsx("span", { className: cn("tamga-check", compact && "tamga-check-sm"), "data-checked": (checked || indeterminate) && !disabled, "data-off": disabled || undefined, children: indeterminate ? (_jsx(Icon, { icon: Minus, size: "xs", weight: "bold" })) : checked ? (_jsx(Icon, { icon: Check, size: "xs", weight: "bold" })) : null }), label] }));
+export function Checkbox({ label, checked, indeterminate = false, onChange, description, error, errorPrefix, disabled = false, className, compact = false, ...rest }) {
+    const kok = useId();
+    const notId = noteId(kok, error, description);
+    /* NOT DÜĞMENİN İÇİNDE, ETİKETİN ALTINDA: iki sütunlu ızgara notu etiketin
+       sütununa oturtuyor, girinti kutunun boyunu kendiliğinden izliyor. Ad
+       `aria-labelledby` ile yalnız etiketten, not `aria-describedby` ile ayrı. */
+    return (_jsxs("button", { ...dataProps(rest), type: "button", role: "checkbox", "aria-checked": indeterminate ? "mixed" : checked, "aria-disabled": disabled || undefined, "aria-labelledby": notId ? `${kok}-label` : undefined, "aria-describedby": notId, "aria-invalid": error ? true : undefined, disabled: disabled, onClick: () => !disabled && onChange?.(!checked), className: cn(notId ? "grid grid-cols-[auto_1fr] items-center gap-x-2 gap-y-1.5" : "flex items-center gap-2", "text-left text-body", disabled && "text-ink-faint", className), children: [_jsx("span", { className: cn("tamga-check", compact && "tamga-check-sm"), "data-checked": (checked || indeterminate) && !disabled, "data-off": disabled || undefined, children: indeterminate ? (_jsx(Icon, { icon: Minus, size: "xs", weight: "bold" })) : checked ? (_jsx(Icon, { icon: Check, size: "xs", weight: "bold" })) : null }), notId ? _jsx("span", { id: `${kok}-label`, children: label }) : label, notId ? (_jsx(FieldNote, { as: "span", className: "tamga-check-not col-start-2", id: notId, error: error, description: description, errorPrefix: errorPrefix })) : null] }));
 }

package/dist/components/date-picker.d.ts.map

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

package/dist/components/date-picker.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDismiss } from "./a11y.js";
 import { cn } from "../lib/cn.js";
 import { dataProps } from "../lib/data-props.js";
@@ -8,6 +8,26 @@ import { uyar } from "../lib/uyar.js";
 import { Icon } from "./icon.js";
 import { Select } from "./primitives.js";
 import { CaretLeft, CaretRight, CalendarPlus, Close } from "./icons.js";
+/* ── Dilim: duvar saati ↔ an. Hepsi Intl üzerinden; tarayıcının dilimi hiç okunmuyor. ── */
+/* TAKVİM KUTUSU · tetiğin altında, solundan başlar; kırpan kabın (çekmece,
+   kaydırılan panel) ya da pencerenin sağından taşıyorsa tetiğin sağına hizalanır.
+   Çekmecede sağdan taşıp yarısı görünmüyordu. */
+function TakvimKutusu({ children }) {
+    const kutu = useRef(null);
+    const [hiza, setHiza] = useState("start");
+    useLayoutEffect(() => {
+        const el = kutu.current;
+        if (!el)
+            return;
+        let kap = el.parentElement;
+        while (kap && kap !== document.body && getComputedStyle(kap).overflowX === "visible")
+            kap = kap.parentElement;
+        const sag = kap && kap !== document.body ? kap.getBoundingClientRect().right : window.innerWidth;
+        const b = el.getBoundingClientRect();
+        setHiza(b.right > sag - 8 && b.left - (b.right - sag) >= 0 ? "end" : "start");
+    }, []);
+    return (_jsx("div", { ref: kutu, "data-align": hiza, className: "tamga-overlay tamga-takvim-kutu absolute z-30 mt-2 p-3", onClick: (e) => e.stopPropagation(), children: children }));
+}
 const p2 = (n) => String(n).padStart(2, "0");
 export const varsayilanDilim = () => Intl.DateTimeFormat().resolvedOptions().timeZone;
 const duvarBicim = new Map();
@@ -275,7 +295,7 @@ export function DatePicker({ id, "aria-label": ariaLabel, locale, timeZone, valu
     const shown = value
         ? 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: [_jsx(Alan, { id: id, ariaLabel: ariaLabel, 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] }));
+    return (_jsxs("div", { ref: kutu, ...dataProps(rest), className: cn("relative", className), children: [_jsx(Alan, { id: id, ariaLabel: ariaLabel, shown: shown, placeholder: placeholder, disabled: disabled, invalid: invalid, open: open, hasValue: Boolean(value), labels: labels, onToggle: () => setOpen((v) => !v), onClear: () => onChange?.(undefined) }), open ? (_jsx(TakvimKutusu, { 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
@@ -384,7 +404,7 @@ export function DateTimePicker({ id, "aria-label": ariaLabel, locale, timeZone,
     }, [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, ariaLabel: ariaLabel, 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, 
+    return (_jsxs("div", { ref: kutu, ...dataProps(rest), className: cn("relative", className), children: [_jsx(Alan, { id: id, ariaLabel: ariaLabel, shown: shown, placeholder: placeholder, disabled: disabled, invalid: invalid, open: open, hasValue: Boolean(value), labels: labels, onToggle: () => setOpen((v) => !v), onClear: () => onChange?.(undefined) }), open ? (_jsxs(TakvimKutusu, { 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.js

@@ -35,5 +35,5 @@ export function Collapsible({ title, defaultOpen = false, open, onOpenChange, ic
  * Gerekiyorsa çağıran kendi durumunu tutar.
  */
 export function Accordion({ look = "cards", className, children, ...rest }) {
-    return (_jsx("div", { ...dataProps(rest), className: cn(look === "cards" ? "tamga-accordion-cards" : "tamga-surface overflow-hidden", className), children: children }));
+    return (_jsx("div", { ...dataProps(rest), className: cn(look === "cards" ? "tamga-accordion-cards" : "tamga-surface tamga-accordion-list overflow-hidden", className), children: children }));
 }

package/dist/components/field-note.d.ts

@@ -0,0 +1,32 @@
+export declare function FieldNote({ id, error, description, errorPrefix, className, as: Tag, ...rest }: {
+    id?: string;
+    error?: string;
+    description?: string;
+    errorPrefix?: string;
+    className?: string;
+    /** `span` when the line sits inside a button, where a paragraph is not allowed. TR: Satır bir düğmenin içindeyse `span`; orada paragraf olmaz. */
+    as?: "p" | "span";
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
+}): import("react").JSX.Element | null;
+/** The id the note takes, or nothing when there is no note. TR: Notun alacağı kimlik; not yoksa yok. */
+export declare function noteId(kok: string, error?: string, description?: string): string | undefined;
+/** The JSDoc shared by the three carriers. TR: Üç taşıyıcının ortak prop açıklaması. */
+export type NoteProps = {
+    /** The quiet line under the control. TR: Kontrolün altındaki sessiz satır. */
+    description?: string;
+    /**
+     * The error line: critical colour, a warning glyph, wired to the control with
+     * `aria-describedby` and `aria-invalid`. While it shows, `description` is hidden. TR: Hata
+     * satırı: kritik renk, uyarı glifi, kontrole `aria-describedby` ve `aria-invalid` ile bağlı.
+     * Göründüğü sürece `description` gizlenir.
+     */
+    error?: string;
+    /**
+     * An invisible word before the error, for screen readers: "Error:". The caller writes it in
+     * its own language; the kit does not translate. TR: Hatanın önünde, yalnız ekran okuyucunun
+     * duyduğu bir sözcük: "Hata:". Çağıran kendi dilinde yazıyor; kit çeviri yapmaz.
+     */
+    errorPrefix?: string;
+};
+//# sourceMappingURL=field-note.d.ts.map

package/dist/components/field-note.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-note.d.ts","sourceRoot":"","sources":["../../src/components/field-note.tsx"],"names":[],"mappings":"AASA,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,EAAE,EAAE,GAAS,EACb,GAAG,IAAI,EACR,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kJAAkJ;IAClJ,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,sCAkBA;AAED,wGAAwG;AACxG,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,sBAEvE;AAED,wFAAwF;AACxF,MAAM,MAAM,SAAS,GAAG;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/components/field-note.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { dataProps } from "../lib/data-props.js";
+import { Icon } from "./icon.js";
+import { Warning } from "./icons.js";
+import { toneOf } from "./tone.js";
+/* TEK HATA SATIRI · Field, RadioGroup ve Checkbox aynı çizimi kullanıyor.
+   Kopya yazılmıyor: ürünler Field'ın satırını elle kopyalıyordu ve üçü
+   birbirinden ayrışıyordu. Önek (errorPrefix) görünmez, ekran okuyucuya
+   "Hata: …" dedirtiyor; sözcüğü çağıran veriyor, kit çeviri yapmaz. */
+export function FieldNote({ id, error, description, errorPrefix, className, as: Tag = "p", ...rest }) {
+    if (error) {
+        return (_jsxs(Tag, { ...dataProps(rest), id: id, className: ["tamga-field-hata", className].filter(Boolean).join(" "), style: { color: toneOf("danger").fg }, children: [_jsx(Icon, { icon: Warning, size: "xs", weight: "fill" }), errorPrefix ? _jsxs("span", { className: "sr-only", children: [errorPrefix, " "] }) : null, error] }));
+    }
+    if (description) {
+        return (_jsx(Tag, { ...dataProps(rest), id: id, className: ["block text-small text-ink-faint", className].filter(Boolean).join(" "), children: description }));
+    }
+    return null;
+}
+/** The id the note takes, or nothing when there is no note. TR: Notun alacağı kimlik; not yoksa yok. */
+export function noteId(kok, error, description) {
+    return error ? `${kok}-error` : description ? `${kok}-description` : undefined;
+}

package/dist/components/primitives.d.ts

@@ -1,5 +1,6 @@
 import type { Tone } from "./tone.js";
 import type { IconGlyph } from "./icons.js";
+import { type NoteProps } from "./field-note.js";
 export { Spinner } from "./spinner.js";
 export declare function Separator({ vertical, look, label, ...rest }: {
     vertical?: boolean;
@@ -55,8 +56,17 @@ export declare function Beacon({ live, label, look, state, edged, severity, ...r
     /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-export declare function Alert({ state, title, icon, children, action, onDismiss, dismissLabel, ...rest }: {
+export declare function Alert({ state, look, title, icon, children, action, onDismiss, dismissLabel, ...rest }: {
     state?: Tone;
+    /**
+     * `inline` (default) the quiet box inside a page. `banner` the page-level status box at the
+     * top of an object's page ("the store is down", "running", "in maintenance"): the card's
+     * strong edge and hard shadow, a 44px tile, a display-face title, body copy at body size.
+     * TR: `inline` (varsayılan) sayfanın içindeki sessiz kutu. `banner` bir nesnenin sayfasının
+     * en üstündeki sayfa düzeyinde durum kutusu ("mağaza erişilemiyor", "çalışıyor", "bakımda"):
+     * kartın koyu kenarı ve sert gölgesi, 44px karo, gösterim yüzüyle başlık, gövde boyunda metin.
+     */
+    look?: "inline" | "banner";
     title: string;
     /**
      * Called when the reader dismisses it. Given, a close control appears at the end of the row.
@@ -92,10 +102,8 @@ export declare function Breadcrumb({ items, label, ...rest }: {
     /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-export declare function Field({ label, description, error, required, note, info, count, children, htmlFor, ...rest }: {
+export declare function Field({ label, description, error, errorPrefix, required, note, info, count, children, htmlFor, ...rest }: NoteProps & {
     label: string;
-    description?: string;
-    error?: string;
     /**
      * Draws the red asterisk beside the label. A glyph rather than a word, because the word is a
      * translation and the kit makes none. TR: Etiketin yanına kırmızı yıldızı çiziyor. Sözcük
@@ -133,7 +141,7 @@ export declare function Field({ label, description, error, required, note, info,
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /** A plain select: the same overlay as the searchable one, without the search. */
-export declare function Select({ options, icon, set, value, onChange, placeholder, loading, loadingRows, disabled, "aria-label": ariaLabel, title, className, ...rest }: {
+export declare function Select({ options, icon, set, value, onChange, placeholder, loading, loadingRows, disabled, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, title, className, ...rest }: {
     /**
      * Plain strings, or options that carry a tone. TR: Düz dizgiler, ya da ton
      * taşıyan seçenekler.
@@ -217,6 +225,14 @@ export declare function Select({ options, icon, set, value, onChange, placeholde
      * hiçbir şey duymuyordu.
      */
     "aria-label"?: string;
+    /**
+     * What `Field` wires for its error or description; both land on the trigger button. They
+     * used to be swallowed, so a field's error never reached the select. TR: `Field`in hata ya da
+     * açıklama için bağladıkları; ikisi de tetik düğmesine iniyor. Eskiden yutuluyordu, alanın
+     * hatası seçiciye hiç ulaşmıyordu.
+     */
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
     /** Locks the trigger; the list cannot open. TR: Tetiği kilitler; liste açılmaz. */
     disabled?: boolean;
     /** The trigger's tooltip: the full text when the shown value is clipped. TR: Tetiğin ipucu: görünen değer kesildiğinde tam metin. */

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

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

package/dist/components/primitives.js

@@ -12,6 +12,7 @@ import { dataProps } from "../lib/data-props.js";
 import { useFocusTrap, useListKeys } from "./a11y.js";
 import { useLiveClaim } from "./live-scope.js";
 import { Button, MiniButton } from "./button.js";
+import { FieldNote, noteId } from "./field-note.js";
 export { Spinner } from "./spinner.js";
 /* ------------------------------------------------------------------ *
  * Small primitives. Each one is the design language applied, not a new
@@ -50,24 +51,24 @@ const TON_GLIFI = {
     elevated: Warning,
     danger: Failure,
 };
-export function Alert({ state = "caution", title, icon, children, action, onDismiss, dismissLabel, ...rest }) {
+export function Alert({ state = "caution", look = "inline", title, icon, children, action, onDismiss, dismissLabel, ...rest }) {
     const h = toneOf(state);
-    return (_jsxs("div", { ...dataProps(rest), className: "tamga-alert", style: state === "neutral" ? undefined : { background: h.bg }, role: "status", children: [_jsx("span", { "aria-hidden": true, className: "tamga-alert-tile", style: { background: h.mark, color: h.markInk }, children: _jsx(Icon, { icon: icon ?? TON_GLIFI[state], size: "sm", weight: "fill" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-body font-medium text-ink", children: title }), children ? (_jsx("div", { className: "mt-1 text-small leading-relaxed text-ink-soft", children: children })) : null] }), action ? _jsx("div", { className: "shrink-0", children: action }) : null, onDismiss ? (_jsx("button", { type: "button", className: "tamga-icon-btn tamga-icon-btn-sm tamga-icon-btn-ghost shrink-0", "aria-label": dismissLabel, onClick: onDismiss, children: _jsx(Icon, { icon: Close, size: "xs" }) })) : null] }));
+    return (_jsxs("div", { ...dataProps(rest), className: "tamga-alert", "data-look": look === "banner" ? "banner" : undefined, "data-body": children ? "true" : undefined, style: state === "neutral" ? undefined : { background: h.bg }, role: "status", children: [_jsx("span", { "aria-hidden": true, className: "tamga-alert-tile", style: { background: h.mark, color: h.markInk }, children: _jsx(Icon, { icon: icon ?? TON_GLIFI[state], size: look === "banner" ? "md" : "sm", weight: "fill" }) }), _jsxs("div", { className: "tamga-alert-metin", children: [_jsx("p", { className: "tamga-alert-baslik text-ink", children: title }), children ? (_jsx("div", { className: "tamga-alert-govde mt-1 leading-relaxed text-ink-soft", children: children })) : null] }), action ? _jsx("div", { className: "tamga-alert-eylem", children: action }) : null, onDismiss ? (_jsx("button", { type: "button", className: "tamga-icon-btn tamga-icon-btn-sm tamga-icon-btn-ghost tamga-alert-kapat", "aria-label": dismissLabel, onClick: onDismiss, children: _jsx(Icon, { icon: Close, size: "xs" }) })) : null] }));
 }
 export function Breadcrumb({ items, label, ...rest }) {
     return (_jsx("nav", { ...dataProps(rest), "aria-label": label, children: _jsx("ol", { className: "tamga-crumb", children: items.map((item, i) => {
                 const last = i === items.length - 1;
-                return (_jsxs("li", { className: "flex items-center gap-2", children: [last ? (_jsx("span", { "aria-current": "page", className: "tamga-crumb-son", children: item.label })) : (_jsx("a", { href: item.href ?? "#", className: "tamga-crumb-link", children: item.label })), last ? null : (_jsx(Icon, { icon: CaretRight, size: "xs", weight: "bold", className: "text-ink-faint" }))] }, item.label));
+                return (_jsxs("li", { className: "flex items-center gap-2.5", children: [last ? (_jsx("span", { "aria-current": "page", className: "tamga-crumb-son", children: item.label })) : (_jsx("a", { href: item.href ?? "#", className: "tamga-crumb-link", children: item.label })), last ? null : _jsx("span", { "aria-hidden": true, className: "tamga-crumb-ayrac" })] }, item.label));
             }) }) }));
 }
-export function Field({ label, description, error, required = false, note, info, count, children, htmlFor, ...rest }) {
+export function Field({ label, description, error, errorPrefix, required = false, note, info, count, children, htmlFor, ...rest }) {
     /* THE NOTE UNDER THE FIELD IS WIRED TO THE CONTROL: `description` and `error`
        get ids and an `aria-describedby`. Done here rather than left to the caller,
        because 94 call sites in one product alone had not done it. A single element
        child is cloned; an existing `aria-describedby` is kept and this one appended.
        Gerekçe: docs/09-testler-ve-degismezler.md */
     const kok = useId();
-    const notId = error ? `${kok}-error` : description ? `${kok}-description` : undefined;
+    const notId = noteId(kok, error, description);
     const kontrol = notId && isValidElement(children)
         ? cloneElement(children, {
             "aria-describedby": [children.props["aria-describedby"], notId]
@@ -76,10 +77,10 @@ export function Field({ label, description, error, required = false, note, info,
             "aria-invalid": error ? true : children.props["aria-invalid"],
         })
         : children;
-    return (_jsxs("div", { ...dataProps(rest), className: "flex flex-col gap-1.5", children: [_jsxs("span", { className: "mb-0.5 flex items-baseline gap-2", children: [_jsxs("label", { htmlFor: htmlFor, className: "text-body font-bold text-ink", children: [label, required ? (_jsx("span", { "aria-hidden": true, className: "ml-1", style: { color: toneOf("danger").fg }, children: "*" })) : null] }), info ? _jsx("span", { className: "flex items-center text-ink-faint", children: info }) : null, _jsx("span", { className: "flex-1" }), note ? _jsx("span", { className: "text-caption text-ink-faint", children: note }) : null] }), kontrol, count ? (_jsxs("span", { className: "self-end font-mono text-small font-bold tabular-nums", style: count.value > count.max ? { color: toneOf("danger").fg } : { color: "var(--color-ink-faint)" }, children: [count.value, " / ", count.max] })) : null, error ? (_jsxs("p", { id: notId, className: "flex items-center gap-1.5 text-small font-medium", style: { color: toneOf("danger").fg }, children: [_jsx(Icon, { icon: Warning, size: "xs", weight: "fill" }), error] })) : description ? (_jsx("p", { id: notId, className: "text-small text-ink-faint", children: description })) : null] }));
+    return (_jsxs("div", { ...dataProps(rest), className: "flex flex-col gap-1.5", children: [_jsxs("span", { className: "mb-0.5 flex items-baseline gap-2", children: [_jsxs("label", { htmlFor: htmlFor, className: "text-body font-bold text-ink", children: [label, required ? (_jsx("span", { "aria-hidden": true, className: "ml-1", style: { color: toneOf("danger").fg }, children: "*" })) : null] }), info ? _jsx("span", { className: "flex items-center text-ink-faint", children: info }) : null, _jsx("span", { className: "flex-1" }), note ? _jsx("span", { className: "text-caption text-ink-faint", children: note }) : null] }), kontrol, count ? (_jsxs("span", { className: "self-end font-mono text-small font-bold tabular-nums", style: count.value > count.max ? { color: toneOf("danger").fg } : { color: "var(--color-ink-faint)" }, children: [count.value, " / ", count.max] })) : null, _jsx(FieldNote, { id: notId, error: error, description: description, errorPrefix: errorPrefix })] }));
 }
 /** A plain select: the same overlay as the searchable one, without the search. */
-export function Select({ options, icon, set, value, onChange, placeholder, loading = false, loadingRows = 4, disabled = false, "aria-label": ariaLabel, title, className, ...rest }) {
+export function Select({ options, icon, set, value, onChange, placeholder, loading = false, loadingRows = 4, disabled = false, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, title, className, ...rest }) {
     const [open, setOpen] = useState(false);
     const [inner, setInner] = useState(value ?? "");
     const box = useRef(null);
@@ -95,6 +96,12 @@ export function Select({ options, icon, set, value, onChange, placeholder, loadi
     useEffect(() => {
         if (!open)
             return;
+        /* Seçili satır listenin ortasına; YALNIZ liste kaydırılıyor. `scrollIntoView`
+           sayfayı da kaydırıyordu ve takvim ekranın üstüne fırlıyordu. */
+        const l = list.current;
+        const secili = l?.querySelector('[data-selected="true"]');
+        if (l && secili)
+            l.scrollTop = secili.offsetTop - (l.clientHeight - secili.offsetHeight) / 2;
         const away = (e) => {
             if (box.current && !box.current.contains(e.target))
                 setOpen(false);
@@ -102,7 +109,7 @@ export function Select({ options, icon, set, value, onChange, placeholder, loadi
         document.addEventListener("mousedown", away);
         return () => document.removeEventListener("mousedown", away);
     }, [open]);
-    return (_jsxs("div", { ...dataProps(rest), ref: box, className: cn("relative w-56", className), children: [_jsxs("button", { type: "button", className: "tamga-select justify-between", "data-set": (set ?? Boolean(current)) ? "true" : undefined, "aria-haspopup": "listbox", "aria-expanded": open, "aria-label": ariaLabel, title: title, disabled: disabled || undefined, onClick: () => setOpen((o) => !o), children: [icon ? _jsx(Icon, { icon: icon, size: "sm", className: "shrink-0 text-ink-faint" }) : null, _jsx("span", { className: cn("min-w-0 flex-1 truncate", current ? "" : "text-ink-faint"), children: gorunen || placeholder }), _jsx(Icon, { icon: CaretRight, size: "xs", className: "shrink-0 rotate-90" })] }), open && (_jsxs("div", { ref: list, role: "listbox", className: "tamga-overlay tamga-menu absolute left-0 top-[var(--overlay-below)] z-40 flex w-full flex-col gap-0.5 overflow-hidden", "aria-busy": loading || undefined, children: [loading && _jsx(SkeletonOptions, { rows: loadingRows }), !loading && options.map((ham) => {
+    return (_jsxs("div", { ...dataProps(rest), ref: box, className: cn("relative w-56", className), children: [_jsxs("button", { type: "button", className: "tamga-select justify-between", "data-set": (set ?? Boolean(current)) ? "true" : undefined, "aria-haspopup": "listbox", "aria-expanded": open, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid || undefined, title: title, disabled: disabled || undefined, onClick: () => setOpen((o) => !o), children: [icon ? _jsx(Icon, { icon: icon, size: "sm", className: "shrink-0 text-ink-faint" }) : null, _jsx("span", { className: cn("min-w-0 flex-1 truncate", current ? "" : "text-ink-faint"), children: gorunen || placeholder }), _jsx(Icon, { icon: CaretRight, size: "xs", className: "shrink-0 rotate-90" })] }), open && (_jsxs("div", { ref: list, role: "listbox", className: "tamga-overlay tamga-menu tamga-select-liste absolute left-0 top-[var(--overlay-below)] z-40 flex w-full flex-col gap-0.5", "aria-busy": loading || undefined, children: [loading && _jsx(SkeletonOptions, { rows: loadingRows }), !loading && options.map((ham) => {
                         const nesne = typeof ham === "string" ? { value: ham } : ham;
                         const { value: o, label: etiket, tone: ton, hint: ipucu, ...kanca } = nesne;
                         return (_createElement("button", { ...kanca, key: o, role: "option", "aria-selected": o === current, "data-tamga-option": true, className: "tamga-option", "data-selected": o === current, onClick: () => {

package/dist/components/radio-group.d.ts

@@ -1,5 +1,6 @@
-import type { ReactNode } from "react";
-export declare function RadioGroup<T extends string>({ options, value, onChange, label, look, disabled, className, ...rest }: {
+import { type ReactNode } from "react";
+import { type NoteProps } from "./field-note.js";
+export declare function RadioGroup<T extends string>({ options, value, onChange, label, showLabel, description, error, errorPrefix, look, disabled, className, ...rest }: NoteProps & {
     /**
      * The choices. Anything beyond `value` and `label` lands on that option's button, so a choice can
      * carry the hook a test or a style needs. TR: Seçenekler. `value` ve `label` dışındaki her şey o
@@ -17,6 +18,15 @@ export declare function RadioGroup<T extends string>({ options, value, onChange,
      * adı: "hangi seçeneklerden biri" sorusunun cevabı.
      */
     label: string;
+    /**
+     * Draws `label` above the options as a visible heading, in `Field`'s label size and weight,
+     * 8px above the first option, wired with `aria-labelledby`. Off by default: the group used to
+     * carry its name only for screen readers, and that stays the default. TR: `label`ı
+     * seçeneklerin üstüne görünür bir başlık olarak çiziyor; `Field` etiketiyle aynı boy ve
+     * kalınlık, ilk seçenekten 8px yukarıda, `aria-labelledby` ile bağlı. Varsayılan kapalı: grup
+     * adını yalnız ekran okuyucuya taşıyordu, varsayılan bu kalıyor.
+     */
+    showLabel?: boolean;
     /**
      * The shell each option is drawn in. TR: Her seçeneğin çizildiği kabuk.
      *

package/dist/components/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD;;;;;OAKG;IACH,OAAO,EAAE,SAAS,CAAC;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAkDA"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQpE,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,KAAK,EACL,WAAW,EACX,IAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,GAAG;IACb;;;;;OAKG;IACH,OAAO,EAAE,SAAS,CAAC;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAC/E,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAsEA"}

package/dist/components/radio-group.js

@@ -1,23 +1,34 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import { cn } from "../lib/cn.js";
 import { dataProps } from "../lib/data-props.js";
+import { FieldNote, noteId } from "./field-note.js";
 /* ---------------------------------------------------------------- *
  * RadioGroup — akranlar arasından TEK seçim.
  *
  * Grubun kendisi `role="radiogroup"`, satırlar `role="radio"`. İkisi birden
  * olmadan ekran okuyucu "üç ayrı düğme" duyurur, "üç seçenekten biri" değil.
  * ---------------------------------------------------------------- */
-export function RadioGroup({ options, value, onChange, label, look = "list", disabled = false, className, ...rest }) {
-    return (_jsx("div", { ...dataProps(rest), role: "radiogroup", "aria-label": label, "data-look": look, 
-        /* KARTLAR SÜTUN, ızgara DEĞİL · bir süre `sm:grid-cols-3` basılıydı ve
-           kabın kararını bileşen veriyordu: üç fiyatlı kargo seçeneği yan yana
-           dizildiğinde ikinci satırları hizasız kalıyor, alt alta okunuyorlar.
-           Izgara isteyen çağıran `className` ile söylüyor. */
-        className: cn(look === "chip" ? "flex flex-wrap gap-2" : "flex flex-col gap-2.5", className), children: options.map(({ value: v, label: etiket, ...rest }) => (_jsxs("button", { type: "button", ...rest, role: "radio", "aria-checked": value === v, "aria-disabled": disabled || undefined, onClick: () => !disabled && onChange?.(v), 
-            /* ÜSTTEN HİZALI VE TAM GENİŞLİK, ikisi de iki satırlık bir seçenek yüzünden:
-               `items-center` işareti iki satırın ortasına kaçırıyor (işaret ilk satıra ait),
-               içerik kadar genişlik de seçenekleri tırtıklı bir sütun yapıyor.
-               Gerekçe: docs/gerekce/01-form-ve-girdi.md */
-            className: cn("text-body", look === "list" && "flex w-full items-start gap-2 text-left", look === "chip" && "tamga-choice-chip", look === "card" && "tamga-choice-card", disabled && "text-ink-faint"), children: [_jsx("span", { className: cn("tamga-radio", look !== "chip" && "tamga-choice-mark"), "data-checked": value === v && !disabled, "data-off": disabled || undefined }), _jsx("span", { className: "min-w-0 flex-1", children: etiket })] }, v))) }));
+export function RadioGroup({ options, value, onChange, label, showLabel = false, description, error, errorPrefix, look = "list", disabled = false, className, ...rest }) {
+    const kok = useId();
+    const notId = noteId(kok, error, description);
+    const baslikId = showLabel ? `${kok}-label` : undefined;
+    /* KARTLAR SÜTUN, ızgara DEĞİL · bir süre `sm:grid-cols-3` basılıydı ve
+       kabın kararını bileşen veriyordu: üç fiyatlı kargo seçeneği yan yana
+       dizildiğinde ikinci satırları hizasız kalıyor, alt alta okunuyorlar.
+       Izgara isteyen çağıran `className` ile söylüyor. */
+    const kabuk = cn(look === "chip" ? "flex flex-wrap gap-2" : "flex flex-col gap-2.5", className);
+    const secenekler = options.map(({ value: v, label: etiket, ...rest }) => (_jsxs("button", { type: "button", ...rest, role: "radio", "aria-checked": value === v, "aria-disabled": disabled || undefined, onClick: () => !disabled && onChange?.(v), 
+        /* ÜSTTEN HİZALI VE TAM GENİŞLİK, ikisi de iki satırlık bir seçenek yüzünden:
+           `items-center` işareti iki satırın ortasına kaçırıyor (işaret ilk satıra ait),
+           içerik kadar genişlik de seçenekleri tırtıklı bir sütun yapıyor.
+           Gerekçe: docs/gerekce/01-form-ve-girdi.md */
+        className: cn("text-body", look === "list" && "flex w-full items-start gap-2 text-left", look === "chip" && "tamga-choice-chip", look === "card" && "tamga-choice-card", disabled && "text-ink-faint"), children: [_jsx("span", { className: cn("tamga-radio", look !== "chip" && "tamga-choice-mark"), "data-checked": value === v && !disabled, "data-off": disabled || undefined }), _jsx("span", { className: "min-w-0 flex-1", children: etiket })] }, v)));
+    /* BAŞLIK VE NOT GRUBUN İÇİNDE, fieldset/legend gibi: kök her zaman
+       `role="radiogroup"`, kanca ve `data-look` hep aynı elemanda. Yalnız başlık
+       ya da not varken seçenekler bir iç kaba iniyor ve ritim Field'ınki olur:
+       etiket 8px üstte (gap 6 + mb 2), not 6px altta. */
+    const sarili = showLabel || Boolean(notId);
+    return (_jsxs("div", { ...dataProps(rest), role: "radiogroup", "aria-label": showLabel ? undefined : label, "aria-labelledby": baslikId, "aria-describedby": notId, "aria-invalid": error ? true : undefined, "data-look": look, className: sarili ? "flex flex-col gap-1.5" : kabuk, children: [showLabel ? (_jsx("span", { className: "mb-0.5 flex items-baseline gap-2", children: _jsx("span", { id: baslikId, className: "text-body font-bold text-ink", children: label }) })) : null, sarili ? _jsx("div", { className: kabuk, children: secenekler }) : secenekler, _jsx(FieldNote, { id: notId, error: error, description: description, errorPrefix: errorPrefix })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../src/components/tone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,0BAA0B;AAC1B,MAAM,MAAM,SAAS,GAAG;IACtB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvF,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,CA2CzC,CAAC;AAEF,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAE5C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAajD,CAAC;AAEF,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAE1E;AAED,0EAA0E;AAC1E,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,OAAO;IACP,KAAK;IACL,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,KAAK;IACL,IAAI;IACJ,KAAK;CACN,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,MAAM;IACjB,EAAE;IACF,EAAE;IACF,GAAG;CACJ,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,YACvB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,CACd,CAAC;AAEX,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE1C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,YACxB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,CACf,CAAC;AAEX,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE3C"}
+{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../src/components/tone.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,0BAA0B;AAC1B,MAAM,MAAM,SAAS,GAAG;IACtB,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvF,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,CA4CzC,CAAC;AAEF,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAE5C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAajD,CAAC;AAEF,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAE1E;AAED,0EAA0E;AAC1E,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,OAAO;IACP,KAAK;IACL,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,KAAK;IACL,IAAI;IACJ,KAAK;CACN,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,MAAM;IACjB,EAAE;IACF,EAAE;IACF,GAAG;CACJ,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,YACvB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,CACd,CAAC;AAEX,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE1C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,YACxB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,uBAAuB,CACf,CAAC;AAEX,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE3C"}

package/dist/components/tone.js

@@ -7,7 +7,8 @@ export const tones = {
     positive: {
         fg: "var(--color-resolved)",
         mark: "var(--color-resolved-mark)",
-        markInk: "var(--color-inverse)",
+        /* Yeşilden açık, soluk nane: yeşil karo üstünde lacivert siyah okunuyordu. */
+        markInk: "var(--color-resolved-mark-ink)",
         bg: "var(--color-resolved-bg)",
         inverse: "var(--color-resolved-inverse)",
     },

package/dist/fonts.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.10.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.12.0 · MIT · https://tamga.org.tr */
 @font-face {
   font-family: "Red Hat Display";
   font-style: normal;

package/dist/kit.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.10.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.12.0 · MIT · https://tamga.org.tr */
 :root {
 
   --overlay-gap: 8px;
@@ -87,6 +87,7 @@
   --color-resolved-bg: #1b3325;
 
   --color-resolved-mark: #3e9a5c;
+  --color-resolved-mark-ink: #f0f7f2;
 
   --color-info: #9db6f0;
 
@@ -1874,6 +1875,16 @@
     border-top: 1px solid var(--color-line);
   }
 
+  .tamga-accordion-list > .tamga-collapsible {
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+  .tamga-accordion-list > .tamga-collapsible + .tamga-collapsible {
+    border-top: 1px solid var(--color-line);
+  }
+
   .tamga-collapsible-head:hover {
     background: var(--color-hover);
   }
@@ -1897,11 +1908,6 @@
     border-top: 1.5px solid var(--color-edge);
   }
 
-  .tamga-accordion-cards > .tamga-collapsible[data-open] {
-    border-color: var(--color-edge-strong);
-    box-shadow: 3px 3px 0 var(--color-edge-strong);
-  }
-
   .tamga-accordion-cards > .tamga-collapsible[data-open] .tamga-collapsible-head {
     background: var(--color-hover);
   }
@@ -1911,7 +1917,7 @@
   }
 
   .tamga-accordion-cards .tamga-collapsible-body {
-    padding: 0 14px 14px;
+    padding: 14px;
   }
 
   .tamga-accordion-cards .tamga-collapsible-body[data-indent] {
@@ -1927,11 +1933,6 @@
       border-color var(--duration-press) var(--ease-standard);
   }
 
-  .tamga-collapsible[data-open] {
-    border-color: var(--color-edge-strong);
-    box-shadow: 3px 3px 0 var(--color-edge-strong);
-  }
-
   .tamga-collapsible-head {
     display: flex;
     width: 100%;
@@ -1950,14 +1951,14 @@
   }
 
   .tamga-collapsible-body {
-    padding: 0 14px 14px;
+    padding: 14px;
     font-size: var(--text-body);
     line-height: 1.55;
     color: var(--color-ink-soft);
   }
 
   .tamga-collapsible-note {
-    padding: 0 14px 12px;
+    padding: 12px 14px 0;
     font-size: var(--text-small);
     line-height: 1.5;
     color: var(--color-ink-faint);
@@ -1991,6 +1992,10 @@
     color: var(--color-accent-soft-ink);
   }
 
+  img.tamga-avatar {
+    background: var(--color-shell);
+  }
+
   .tamga-empty-plain {
     display: flex;
     flex-direction: column;
@@ -2362,6 +2367,24 @@
     box-shadow: 3px 3px 0 var(--color-critical);
   }
 
+  .tamga-select[aria-invalid="true"], .tamga-select[aria-invalid="true"]:hover:not(:disabled) {
+    border-color: var(--color-critical);
+    background: var(--color-critical-bg);
+    box-shadow: 3px 3px 0 var(--color-critical);
+  }
+
+  .tamga-field-hata {
+    align-items: center;
+    display: flex;
+    font-size: var(--text-small);
+    font-weight: var(--weight-label);
+    gap: 6px;
+  }
+
+  .tamga-check-not {
+    font-weight: var(--weight-body);
+  }
+
   .tamga-input:focus {
     border-color: var(--color-edge-strong);
     box-shadow: 3px 3px 0 var(--color-accent-soft);
@@ -2819,7 +2842,8 @@
     width: 100%;
     min-width: 0;
     text-align: left;
-    padding: 16px;
+
+    padding: 12px 16px;
     border-radius: var(--radius-card);
     border: 1px solid var(--color-edge);
     background: var(--color-shell);
@@ -3013,7 +3037,6 @@
 
   .tamga-gun {
     align-items: center;
-    border: 1.5px solid transparent;
     border-radius: var(--radius-ctl);
     color: var(--color-ink);
     cursor: pointer;
@@ -3024,16 +3047,39 @@
     justify-content: center;
     width: 36px;
   }
-  .tamga-gun:hover:not(:disabled) {
+
+  .tamga-gun:hover:not(:disabled):not([data-selected="true"]) {
     background: var(--color-hover);
   }
 
+  .tamga-takvim-kutu[data-align="end"] {
+    left: auto;
+    right: 0;
+  }
+
   .tamga-gun:disabled {
     color: var(--color-ink-faint);
     cursor: not-allowed;
   }
-  .tamga-gun[data-today] {
-    border-color: var(--color-edge-strong);
+
+  .tamga-gun[data-today]:not(:disabled) {
+    color: var(--color-accent-line);
+    font-weight: var(--weight-strong);
+    position: relative;
+  }
+  .tamga-gun[data-today]:not(:disabled)::after {
+    background: var(--color-accent);
+    border-radius: 1px;
+    bottom: 5px;
+    content: "";
+    height: 2px;
+    left: 50%;
+    margin-left: -8px;
+    position: absolute;
+    width: 16px;
+  }
+  .tamga-gun[data-today][data-selected="true"]::after {
+    background: var(--color-accent-ink);
   }
   .tamga-gun[data-active="true"] {
     background: var(--color-accent-bg);
@@ -3048,29 +3094,34 @@
     align-items: center;
     display: flex;
     flex-wrap: wrap;
-    font-size: var(--text-body);
-    font-weight: var(--weight-label);
-    gap: 8px;
+    gap: 10px;
     list-style: none;
     margin: 0;
     padding: 0;
   }
   .tamga-crumb-link {
-    border-radius: var(--radius-chip);
     color: var(--color-ink-faint);
-    padding: 2px 4px;
+    font-size: var(--text-caption);
+    font-weight: var(--weight-strong);
+    letter-spacing: 0.06em;
     text-decoration: none;
+    text-transform: uppercase;
   }
   .tamga-crumb-link:hover {
     color: var(--color-ink);
-    text-decoration: underline;
+  }
+  .tamga-crumb-ayrac {
+    background: var(--color-edge-strong);
+    border-radius: 1px;
+    flex: none;
+    height: 5px;
+    opacity: 0.5;
+    width: 5px;
   }
   .tamga-crumb-son {
-    background: var(--color-hover);
-    border: 1px solid var(--color-edge);
-    border-radius: var(--radius-chip);
     color: var(--color-ink);
-    padding: 2px 8px;
+    font-size: var(--text-body);
+    font-weight: var(--weight-strong);
   }
 
   .tamga-pie-kare {
@@ -3479,6 +3530,11 @@
     padding: 5px;
   }
 
+  .tamga-select-liste {
+    max-height: 256px;
+    overflow-y: auto;
+  }
+
   .tamga-select-panel {
     position: relative;
     display: inline-flex;
@@ -3619,6 +3675,73 @@
     border: 1px solid var(--color-edge-strong);
     border-radius: calc(var(--radius) - 1px);
   }
+  .tamga-alert-eylem,
+  .tamga-alert-kapat {
+    flex: none;
+  }
+
+  .tamga-alert-baslik {
+    font-size: var(--text-body);
+    font-weight: var(--weight-body);
+    margin-top: calc((28px - 1lh) / 2);
+    overflow-wrap: anywhere;
+  }
+  .tamga-alert-govde {
+    font-size: var(--text-small);
+  }
+  .tamga-alert-metin {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .tamga-alert[data-body] > .tamga-alert-tile {
+    margin-top: 2px;
+  }
+  .tamga-alert-eylem {
+    margin-top: -2px;
+  }
+  .tamga-alert-kapat {
+    margin-top: -1px;
+  }
+
+  .tamga-alert[data-look="banner"] {
+    border: 1.5px solid var(--color-edge-strong);
+    border-radius: var(--radius-card);
+    box-shadow: 4px 4px 0 var(--color-edge-strong);
+    flex-wrap: wrap;
+    gap: 16px;
+    padding: 18px 20px;
+  }
+
+  .tamga-alert[data-look="banner"] > .tamga-alert-metin {
+    flex: 1 1 9rem;
+    min-width: 9rem;
+  }
+  .tamga-alert[data-look="banner"] > .tamga-alert-metin + .tamga-alert-eylem,
+  .tamga-alert[data-look="banner"] > .tamga-alert-metin + .tamga-alert-kapat {
+    margin-left: auto;
+  }
+  .tamga-alert[data-look="banner"] > .tamga-alert-tile {
+    border-radius: var(--radius-btn);
+    height: 44px;
+    width: 44px;
+  }
+  .tamga-alert[data-look="banner"] .tamga-alert-baslik {
+    font-family: var(--font-display);
+    font-size: var(--text-display-sm);
+    font-weight: var(--weight-display);
+    line-height: 1.2;
+    margin-top: calc((44px - 1lh) / 2);
+  }
+  .tamga-alert[data-look="banner"] .tamga-alert-govde {
+    font-size: var(--text-body);
+  }
+  .tamga-alert[data-look="banner"] > .tamga-alert-eylem {
+    margin-top: 6px;
+  }
+  .tamga-alert[data-look="banner"] > .tamga-alert-kapat {
+    margin-top: 7px;
+  }
 
   .tamga-count-dot {
     display: block;

package/dist/patterns/detail-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detail-template.d.ts","sourceRoot":"","sources":["../../src/patterns/detail-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AAErB;;;;;GAKG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB,+GAA+G;IAC/G,GAAG,EAAE,MAAM,CAAC;IACZ,wKAAwK;IACxK,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,0JAA0J;IAC1J,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IAE5E,sKAAsK;IACtK,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAe,EACf,KAAK,EACL,aAAa,EAAE,IAAgB,EAC/B,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,+BA+CrB"}
+{"version":3,"file":"detail-template.d.ts","sourceRoot":"","sources":["../../src/patterns/detail-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AAErB;;;;;GAKG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB,+GAA+G;IAC/G,GAAG,EAAE,MAAM,CAAC;IACZ,wKAAwK;IACxK,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,0JAA0J;IAC1J,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IAE5E,sKAAsK;IACtK,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAe,EACf,KAAK,EACL,aAAa,EAAE,IAAgB,EAC/B,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,+BAqDrB"}

package/dist/patterns/detail-template.js

@@ -4,7 +4,7 @@ import { Breadcrumb } from "../components/primitives.js";
 import { SkeletonPanel } from "../components/skeleton.js";
 import { Busy, ErrorSlot, PlainLink, } from "./shared.js";
 export function DetailTemplate({ breadcrumb, title, subtitle, actions, tabs, activeTab, state = "ready", error, linkComponent: Link = PlainLink, labels, children, }) {
-    return (_jsxs("div", { className: "flex min-h-0 flex-col", "data-detail-state": state, children: [_jsxs("div", { className: "tamga-gutter flex flex-wrap items-start gap-4 pt-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(Breadcrumb, { label: labels.breadcrumb, items: breadcrumb }), _jsx("h2", { className: "mt-2 text-title font-semibold text-ink", children: title }), subtitle ? _jsx("p", { className: "text-small text-ink-faint", children: subtitle }) : null] }), actions ? _jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: actions }) : null] }), tabs && tabs.length > 0 ? (_jsx("nav", { "aria-label": labels.tabs, className: "tamga-gutter mt-4 flex gap-6 border-b border-line", children: tabs.map((tab) => {
+    return (_jsxs("div", { className: "flex min-h-0 flex-col", "data-detail-state": state, children: [_jsxs("div", { className: "tamga-gutter flex flex-wrap items-start gap-4 pt-4", children: [_jsxs("div", { className: "min-w-0 flex-1 basis-65", children: [_jsx("div", { className: "mb-1.5", children: _jsx(Breadcrumb, { label: labels.breadcrumb, items: breadcrumb }) }), _jsx("h1", { className: "font-display text-display-sm leading-tight font-extrabold break-words text-ink", children: title }), subtitle ? _jsx("p", { className: "mt-1.5 text-body text-ink-soft", children: subtitle }) : null] }), actions ? _jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: actions }) : null] }), tabs && tabs.length > 0 ? (_jsx("nav", { "aria-label": labels.tabs, className: "tamga-gutter mt-4 flex gap-6 border-b border-line", children: tabs.map((tab) => {
                     const current = tab.key === activeTab;
                     return (_jsx(Link, { href: tab.href, className: "tamga-tab", "data-active": current, "data-tab": tab.key, "aria-current": current ? "page" : undefined, children: tab.label }, tab.key));
                 }) })) : null, _jsxs("div", { className: "tamga-gutter min-h-0 flex-1 py-6", children: [state === "loading" ? (_jsx(Busy, { label: labels.loading, children: _jsx(SkeletonPanel, {}) })) : null, state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : null, state === "ready" ? children : null] })] }));

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.10.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.12.0 · MIT · https://tamga.org.tr */
 @import "./fonts.css";
 @import "./theme.css";
 @import "./kit.css";

package/dist/theme.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.10.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.12.0 · MIT · https://tamga.org.tr */
 @custom-variant dark (&:is(.dark *));
 
 @theme static {
@@ -202,6 +202,8 @@
 
   --color-resolved-mark: #3e9a5c;
 
+  --color-resolved-mark-ink: #f0f7f2;
+
   --color-info: #2447a8;
 
   --color-info-bg: #e0e8f8;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamga-ui",
-  "version": "0.10.1",
+  "version": "0.12.0",
   "description": "Mantıksal's shared interface library: tokens, physics and components.",
   "license": "MIT",
   "type": "module",