tamga-ui 0.4.3 → 0.5.0

package/dist/components/gauge.d.ts

@@ -16,7 +16,16 @@ export type ScoreProps = {
      * altında görünen bant metni. Verilmezse okuma hiçbir sözcük göstermiyor.
      */
     bandLabel?: string;
+    /**
+     * The readout's width in pixels: the dial's diameter, the matrix's side, the
+     * meter's track. TR: Okumanın piksel cinsinden genişliği: kadranın çapı,
+     * matrisin kenarı, ölçeğin şeridi.
+     */
     size?: number;
+    /**
+     * Draw `bandLabel` under the number. Off, the colour still carries the band.
+     * TR: `bandLabel`ı sayının altına çiz. Kapalıyken bandı yine renk taşıyor.
+     */
     showLabel?: boolean;
     /**
      * The PRODUCT decides the band's tone. The `band()` below is the kit's default (90 / 70 / 50)
@@ -32,18 +41,72 @@ export type ScoreProps = {
      */
     tone?: Tone;
 };
-export declare function ScoreRing({ value, label, bandLabel, size, showLabel, segments, tone, }: ScoreProps & {
-    segments?: number;
+/**
+ * Skor halkası · 0-100 arası tek bir okuma.
+ *
+ * SEGMENTLİ KADRAN DEĞİL, DOLU YAY. Önce 32 parçalı bir kadran çiziyordu ve
+ * parçalar bir ölçek vadediyordu; oysa okunan şey tek bir sayı ve o sayı zaten
+ * ortada yazılı. Yay, ne kadarının dolduğunu bir bakışta söylüyor.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export declare function ScoreRing({ value, label, bandLabel, size, showLabel, tone, ...rest }: ScoreProps & {
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-export declare function ScoreMeter({ value, label, bandLabel, target, delta, segments, tone, ...rest }: ScoreProps & {
-    target?: number;
-    delta?: number;
-    segments?: number;
+/**
+ * Skor ölçeği · kademeli bir bandın üstünde KONUM.
+ *
+ * Dolan bir çubuk değil: beş bant sabit duruyor ve üçgen işaret skorun hangi
+ * banda düştüğünü gösteriyor. Fark şu: bir çubuk "ne kadar" der, bu "hangisi"
+ * der, ve bir memnuniyet ya da risk skorunda sorulan ikincisi.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export declare function ScoreMeter({ value, label, bands, total, size, tone, ...rest }: Omit<ScoreProps, "bandLabel" | "showLabel"> & {
+    /**
+     * The five band names under the scale, worst to best. The kit does not translate, so they come
+     * ready. Left out, only the bands are drawn. TR: Ölçeğin altındaki beş bandın adı, kötüden
+     * iyiye. Kit çeviri yapmıyor, hazır geliyorlar. Verilmezse yalnız bantlar çiziliyor.
+     */
+    bands?: readonly [string, string, string, string, string];
+    /** The scale's top, when it is not 100. TR: Ölçeğin tepesi, 100 değilse. */
+    total?: number;
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-export declare function ScoreMatrix({ value, label, bandLabel, delta, size, ...rest }: ScoreProps & {
-    delta?: number;
+/**
+ * Skorun kare ızgara hâli · her kare bir puan.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export declare function ScoreMatrix({ rows, columns, levels, label, legend, cellTitle, ...rest }: {
+    /**
+     * One row per band of the first dimension (a weekday, a region), with one value per column.
+     * TR: Birinci boyutun her bandı için bir satır (bir gün, bir bölge), sütun başına bir değer.
+     */
+    rows: readonly ({
+        label: string;
+        values: readonly number[];
+    } & Record<string, unknown>)[];
+    /** The marks over the columns (hours, weeks). TR: Sütunların üstündeki işaretler (saat, hafta). */
+    columns: readonly string[];
+    /**
+     * How many steps of intensity. Five is the design's ramp and about the most an eye reads off a
+     * grid without a number beside it. TR: Kaç yoğunluk basamağı. Beş, tasarımın rampası ve bir
+     * gözün yanında sayı olmadan bir ızgaradan okuyabileceği en fazla basamak.
+     */
+    levels?: number;
+    /** The grid's accessible name: what the two dimensions are. TR: Izgaranın erişilebilir adı: iki boyutun ne olduğu. */
+    label: string;
+    /** The two ends of the ramp, in the product's words: "few" and "many". TR: Rampanın iki ucu, ürünün sözcükleriyle. */
+    legend?: {
+        low: string;
+        high: string;
+    };
+    /**
+     * The cell's own title, written by the caller: the kit knows neither the unit nor the day's
+     * name. TR: Hücrenin kendi başlığı, çağıranın yazdığı: kit ne birimi bilir ne günün adını.
+     */
+    cellTitle?: (row: string, column: string, value: number) => string;
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
-/** default export keeps the existing call sites working */
 //# sourceMappingURL=gauge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAQvD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAyBF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAU,EACV,SAAgB,EAChB,QAAa,EACb,IAAI,GACL,EAAE,UAAU,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,+BA4EpC;AAID,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAW,EACX,KAAK,EACL,QAAa,EACb,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAA;CAAE,+BA+CrG;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,IAAU,EACV,GAAG,IAAI,EACR,EAAE,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAA;CAAE,+BAmCjE;AAED,2DAA2D"}
+{"version":3,"file":"gauge.d.ts","sourceRoot":"","sources":["../../src/components/gauge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAQ9C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAcF;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAS,EACT,SAAgB,EAChB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,UAAU,GAAG;IAAE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAA;CAAE,+BA4BjD;AAID;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAW,EACX,IAAI,EACJ,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1D,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAsCA;AAcD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,MAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAC1F,mGAAmG;IACnG,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sHAAsH;IACtH,KAAK,EAAE,MAAM,CAAC;IACd,sHAAsH;IACtH,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4CA"}

package/dist/components/gauge.js

@@ -1,6 +1,8 @@
+import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
 import { dataProps } from "../lib/data-props.js";
-import { toneOf, neutral } from "./tone.js";
+import { toneOf } from "./tone.js";
 /* Where the readout changes colour. The thresholds are a kit default; a product
    that scores differently passes its own tone instead. Words are NOT decided
    here — see ScoreProps.label. */
@@ -11,56 +13,57 @@ function band(v) {
         return "caution";
     return "danger";
 }
-function Delta({ delta }) {
-    const up = delta >= 0;
-    return (_jsxs("span", { className: "font-mono text-small font-medium", style: { color: up ? neutral.muted : toneOf("danger").fg }, children: [up ? "▲" : "▼", " ", Math.abs(delta).toFixed(1)] }));
-}
-/* ---------- A · Ring — the segmented strip bent round ---------- */
-export function ScoreRing({ value, label, bandLabel, size = 168, showLabel = true, segments = 32, tone, }) {
+/* ---------- A · Ring — the conic ring ---------- */
+/**
+ * Skor halkası · 0-100 arası tek bir okuma.
+ *
+ * SEGMENTLİ KADRAN DEĞİL, DOLU YAY. Önce 32 parçalı bir kadran çiziyordu ve
+ * parçalar bir ölçek vadediyordu; oysa okunan şey tek bir sayı ve o sayı zaten
+ * ortada yazılı. Yay, ne kadarının dolduğunu bir bakışta söylüyor.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export function ScoreRing({ value, label, bandLabel, size = 96, showLabel = true, tone, ...rest }) {
     const v = Math.min(100, Math.max(0, value));
     const c = toneOf(tone ?? band(v));
-    const sweep = 270;
-    const start = 135;
-    const cx = size / 2;
-    const cy = size / 2;
-    const segLength = size * 0.1;
-    const segWidth = Math.max(2, size * 0.032);
-    const ringRadius = size * 0.42 - segLength / 2;
-    const filled = Math.round((v / 100) * segments);
-    /* every fifth of the scale gets a longer mark, like a rule */
-    const majorEvery = segments / 5;
-    const labelReads = size * 0.065 >= 10;
-    return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, role: "img", "aria-label": label, shapeRendering: "crispEdges", children: [Array.from({ length: segments }).map((_, i) => {
-                const angle = start + (sweep * i) / (segments - 1);
-                const major = i % majorEvery === 0;
-                const len = major ? segLength * 1.28 : segLength;
-                return (_jsx("rect", { x: cx - segWidth / 2, y: cy - ringRadius - len / 2, width: segWidth, height: len, transform: `rotate(${angle} ${cx} ${cy})`, style: { fill: i < filled ? c.mark : neutral.line } }, i));
-            }), _jsx("text", { x: cx, y: cy - size * 0.01, textAnchor: "middle", dominantBaseline: "central", className: "font-mono", shapeRendering: "auto", style: {
-                    /* derived from the ring's own size, not the type scale: this glyph
-                       has to stay in proportion to the dial at any diameter */
-                    fontSize: size * 0.28,
-                    fontWeight: 700,
-                    fill: neutral.title,
-                    fontVariantNumeric: "tabular-nums",
-                }, children: Math.round(v) }), showLabel && labelReads ? (_jsx("text", { x: cx, y: cy + size * 0.26, textAnchor: "middle", shapeRendering: "auto", style: { fontSize: size * 0.065, fontWeight: 500, fill: c.fg }, children: bandLabel })) : null] }));
+    return (_jsxs("div", { ...dataProps(rest), className: "tamga-ring-wrap", children: [_jsx("div", { className: "tamga-ring", role: "img", "aria-label": label, style: {
+                    width: size,
+                    height: size,
+                    "--ring-renk": c.mark,
+                    "--ring-yay": `${v * 3.6}deg`,
+                }, children: _jsx("span", { className: "tamga-ring-ic", style: { fontSize: Math.round(size * 0.25) }, children: Math.round(v) }) }), showLabel && bandLabel ? _jsx("span", { className: "tamga-ring-etiket", children: bandLabel }) : null] }));
 }
-/* ---------- B · Linear meter — the same strip, left straight ---------- */
-export function ScoreMeter({ value, label, bandLabel, target = 90, delta, segments = 40, tone, ...rest }) {
-    const v = Math.min(100, Math.max(0, value));
-    const c = toneOf(tone ?? band(v));
-    const filled = Math.round((v / 100) * segments);
-    return (_jsxs("div", { ...dataProps(rest), className: "w-full max-w-sm", role: "group", "aria-label": label, children: [_jsxs("div", { className: "flex items-end gap-4", children: [_jsx("span", { className: "font-mono text-display-lg font-bold leading-none tabular-nums text-ink", children: Math.round(v) }), _jsx("span", { className: "mb-1 font-mono text-body text-ink-faint", children: "/ 100" }), delta !== undefined ? (_jsx("span", { className: "mb-1 ml-auto", children: _jsx(Delta, { delta: delta }) })) : null] }), _jsx("p", { className: "mt-2 text-small", style: { color: c.fg }, children: bandLabel }), _jsxs("div", { className: "relative mt-4", children: [_jsx("div", { className: "flex items-end gap-[var(--mark-tick)]", children: Array.from({ length: segments }).map((_, i) => (_jsx("span", { className: "h-6 flex-1", style: { background: i < filled ? c.mark : neutral.line } }, i))) }), _jsx("span", { className: "absolute -top-1 bottom-[var(--dial-label-drop)] w-[var(--mark-tick)]", style: { left: `${target}%`, background: neutral.title } })] }), _jsxs("div", { className: "mt-2 flex justify-between font-mono text-micro text-ink-faint", children: [_jsx("span", { children: "0" }), _jsxs("span", { children: ["target ", target] }), _jsx("span", { children: "100" })] })] }));
+/* ---------- B · Meter — the same reading, laid flat ---------- */
+/**
+ * Skor ölçeği · kademeli bir bandın üstünde KONUM.
+ *
+ * Dolan bir çubuk değil: beş bant sabit duruyor ve üçgen işaret skorun hangi
+ * banda düştüğünü gösteriyor. Fark şu: bir çubuk "ne kadar" der, bu "hangisi"
+ * der, ve bir memnuniyet ya da risk skorunda sorulan ikincisi.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export function ScoreMeter({ value, label, bands, total = 100, size, tone, ...rest }) {
+    const v = Math.min(total, Math.max(0, value));
+    const pct = (v / total) * 100;
+    return (_jsxs("div", { ...dataProps(rest), className: "tamga-meter", style: { maxWidth: size ?? "35rem" }, role: "group", "aria-label": label, children: [_jsxs("div", { className: "tamga-meter-ust", children: [_jsx("span", { className: "tamga-meter-ad", children: label }), _jsxs("span", { className: "tamga-meter-sayi", children: [Math.round(v), _jsxs("span", { className: "tamga-meter-toplam", children: [" / ", total] })] })] }), _jsxs("div", { className: "tamga-meter-yol", children: [_jsx("span", { className: "tamga-meter-ok", style: { left: `calc(${pct}% - 7px)` }, "aria-hidden": true }), _jsx("div", { className: "tamga-meter-bantlar", children: BANT_RENKLERI.map((renk) => (_jsx("span", { style: { background: renk } }, renk))) })] }), bands ? (_jsx("div", { className: "tamga-meter-adlar", "aria-hidden": true, children: bands.map((b) => (_jsx("span", { children: b }, b))) })) : null] }));
 }
-/* ---------- C · Block matrix — one square is one point ---------- */
-export function ScoreMatrix({ value, label, bandLabel, delta, size = 176, ...rest }) {
-    const v = Math.round(Math.min(100, Math.max(0, value)));
-    const c = toneOf(band(v));
-    const cell = (size - 9 * 2) / 10;
-    return (_jsxs("div", { ...dataProps(rest), style: { width: size }, role: "group", "aria-label": label, children: [_jsxs("div", { className: "flex items-end gap-2", children: [_jsx("span", { className: "font-mono text-display font-bold leading-none tabular-nums text-ink", children: v }), delta !== undefined ? (_jsx("span", { className: "mb-1 ml-auto", children: _jsx(Delta, { delta: delta }) })) : null] }), _jsx("p", { className: "mt-1 text-small", style: { color: c.fg }, children: bandLabel }), _jsx("div", { className: "mt-4 grid grid-cols-10 gap-[var(--mark-tick)]", children: Array.from({ length: 100 }).map((_, i) => {
-                    /* fill bottom-up so the block grows like a column of evidence */
-                    const row = 9 - Math.floor(i / 10);
-                    const index = row * 10 + (i % 10);
-                    const on = index < v;
-                    return (_jsx("span", { style: { height: cell, background: on ? c.mark : neutral.line } }, i));
-                }) }), _jsx("p", { className: "mt-3 font-mono text-micro text-ink-faint", children: "one square is one point" })] }));
+/* Kötüden iyiye beş bant. Sabit bir dizi, çünkü ölçeğin kendisi sabit: skor
+   değişince bantlar değil İŞARET kayıyor. */
+const BANT_RENKLERI = [
+    "var(--color-critical-mark)",
+    "var(--color-warning)",
+    "var(--color-accent-bg)",
+    "var(--color-accent-soft)",
+    "var(--color-accent)",
+];
+/* ---------- C · Matrix — a hundred squares, one per point ---------- */
+/**
+ * Skorun kare ızgara hâli · her kare bir puan.
+ *
+ * Gerekçe: docs/gerekce/03-grafik-ve-olcum.md
+ */
+export function ScoreMatrix({ rows, columns, levels = 5, label, legend, cellTitle, ...rest }) {
+    const enBuyuk = Math.max(1, ...rows.flatMap((r) => [...r.values]));
+    return (_jsxs("div", { ...dataProps(rest), className: "tamga-yogunluk", role: "img", "aria-label": label, children: [_jsxs("div", { className: "tamga-yogunluk-izgara", style: { gridTemplateColumns: `32px repeat(${columns.length}, minmax(26px, 1fr))` }, children: [_jsx("span", {}), columns.map((c) => (_jsx("span", { className: "tamga-yogunluk-sutun", children: c }, c))), rows.map(({ label: satir, values, ...kanca }) => (_jsxs(Fragment, { children: [_jsx("span", { className: "tamga-yogunluk-satir", children: satir }), values.map((v, i) => (_createElement("span", { ...kanca, key: i, className: "tamga-yogunluk-hucre", "data-seviye": Math.round((v / enBuyuk) * (levels - 1)), title: cellTitle?.(satir, columns[i] ?? "", v) })))] }, satir)))] }), legend ? (_jsxs("div", { className: "tamga-yogunluk-lejant", children: [legend.low, Array.from({ length: levels }, (_, i) => (_jsx("span", { "data-seviye": i }, i))), legend.high] })) : null] }));
 }

package/dist/components/icons.d.ts

@@ -15,5 +15,5 @@ export * from "@phosphor-icons/react/ssr";
  * `Icon` zaten kitin çizen BİLEŞENİ.
  */
 export type { Icon as IconGlyph } from "@phosphor-icons/react";
-export { MagnifyingGlass as Search, ArrowsClockwise as Refresh, ArrowClockwise as RunNow, Pause, Plus, Trash as Delete, DownloadSimple as Download, UploadSimple as Upload, DotsThree as More, Copy, X as Close, Check, FunnelSimple as Filter, SlidersHorizontal as Customize, GearSix as Settings, Lifebuoy as Support, PencilSimple as Edit, FloppyDisk as Save, Printer as Print, ShareNetwork as Share, Archive, Minus, ArrowUUpLeft as Undo, ArrowUUpRight as Redo, ArrowsDownUp as Sort, DotsSixVertical as Drag, CaretDown, CaretLeft, CaretRight, ArrowUp, ArrowDown, ArrowUpRight, ArrowRight, List as Menu, House as Home, ArrowSquareOut as ExternalLink, ArrowsOut as Expand, ArrowsIn as Collapse, Columns as BoardView, ListBullets as ListView, GitBranch as TimelineView, GridFour as GridView, Bell, Star as Main, Eye, EyeSlash, ShieldCheck, Warning, Tray as Empty, CalendarPlus, MoonStars as ThemeDark, Sun as ThemeLight, Info, Question as Help, CheckCircle as Success, XCircle as Failure, Clock, CalendarBlank as Calendar, File, FolderSimple as Folder, Image, Lock, LockOpen as Unlock, Key, Tag, PushPin as Pin, EnvelopeSimple as Mail, Phone, Play, Stop, TextB as Bold, TextItalic as Italic, LinkSimple as Link, ListBullets as BulletList, ListNumbers as NumberedList, TextAa as TextStyle, MagnifyingGlassPlus as ZoomIn, MagnifyingGlassMinus as ZoomOut, Crop, FlipHorizontal, FlipVertical, StackSimple as Layers, CircleHalf as Contrast, Eyedropper, PaintBrush as Brush, Palette, GoogleLogo, GithubLogo, } from "@phosphor-icons/react/ssr";
+export { MagnifyingGlass as Search, ArrowsClockwise as Refresh, ArrowClockwise as RunNow, Pause, Plus, Trash as Delete, DownloadSimple as Download, UploadSimple as Upload, DotsThree as More, Copy, X as Close, Check, FunnelSimple as Filter, SlidersHorizontal as Customize, GearSix as Settings, Lifebuoy as Support, PencilSimple as Edit, FloppyDisk as Save, Printer as Print, ShareNetwork as Share, Archive, Minus, ArrowUUpLeft as Undo, ArrowUUpRight as Redo, ArrowsDownUp as Sort, DotsSixVertical as Drag, CaretDown, CaretLeft, CaretRight, ArrowUp, ArrowDown, ArrowUpRight, ArrowRight, List as Menu, House as Home, ArrowSquareOut as ExternalLink, ArrowsOut as Expand, ArrowsIn as Collapse, Columns as BoardView, ListBullets as ListView, GitBranch as TimelineView, GridFour as GridView, Bell, Star as Main, Eye, EyeSlash, ShieldCheck, Warning, Tray as Empty, CalendarPlus, MoonStars as ThemeDark, Sun as ThemeLight, Desktop as ThemeSystem, Info, Question as Help, CheckCircle as Success, XCircle as Failure, Clock, CalendarBlank as Calendar, File, FolderSimple as Folder, Image, Lock, LockOpen as Unlock, Key, Tag, PushPin as Pin, EnvelopeSimple as Mail, Phone, Play, Stop, TextB as Bold, TextItalic as Italic, LinkSimple as Link, ListBullets as BulletList, ListNumbers as NumberedList, TextAa as TextStyle, MagnifyingGlassPlus as ZoomIn, MagnifyingGlassMinus as ZoomOut, Crop, FlipHorizontal, FlipVertical, StackSimple as Layers, CircleHalf as Contrast, Eyedropper, PaintBrush as Brush, Palette, GoogleLogo, GithubLogo, } from "@phosphor-icons/react/ssr";
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6CAA6C;AAC7C,cAAc,2BAA2B,CAAC;AAE1C;;;;;;;;GAQG;AACH,YAAY,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAEL,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,OAAO,EAC1B,cAAc,IAAI,MAAM,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,IAAI,MAAM,EACf,cAAc,IAAI,QAAQ,EAC1B,YAAY,IAAI,MAAM,EACtB,SAAS,IAAI,IAAI,EAIjB,IAAI,EACJ,CAAC,IAAI,KAAK,EACV,KAAK,EACL,YAAY,IAAI,MAAM,EACtB,iBAAiB,IAAI,SAAS,EAC9B,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,OAAO,EACnB,YAAY,IAAI,IAAI,EACpB,UAAU,IAAI,IAAI,EAClB,OAAO,IAAI,KAAK,EAChB,YAAY,IAAI,KAAK,EACrB,OAAO,EAGP,KAAK,EACL,YAAY,IAAI,IAAI,EACpB,aAAa,IAAI,IAAI,EACrB,YAAY,IAAI,IAAI,EAEpB,eAAe,IAAI,IAAI,EAGvB,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,EACV,IAAI,IAAI,IAAI,EACZ,KAAK,IAAI,IAAI,EACb,cAAc,IAAI,YAAY,EAC9B,SAAS,IAAI,MAAM,EACnB,QAAQ,IAAI,QAAQ,EAGpB,OAAO,IAAI,SAAS,EACpB,WAAW,IAAI,QAAQ,EACvB,SAAS,IAAI,YAAY,EACzB,QAAQ,IAAI,QAAQ,EAGpB,IAAI,EAIJ,IAAI,IAAI,IAAI,EACZ,GAAG,EACH,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,IAAI,KAAK,EACb,YAAY,EACZ,SAAS,IAAI,SAAS,EACtB,GAAG,IAAI,UAAU,EAIjB,IAAI,EACJ,QAAQ,IAAI,IAAI,EAChB,WAAW,IAAI,OAAO,EACtB,OAAO,IAAI,OAAO,EAClB,KAAK,EACL,aAAa,IAAI,QAAQ,EACzB,IAAI,EACJ,YAAY,IAAI,MAAM,EACtB,KAAK,EACL,IAAI,EACJ,QAAQ,IAAI,MAAM,EAClB,GAAG,EACH,GAAG,EACH,OAAO,IAAI,GAAG,EACd,cAAc,IAAI,IAAI,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EAGJ,KAAK,IAAI,IAAI,EACb,UAAU,IAAI,MAAM,EACpB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,UAAU,EACzB,WAAW,IAAI,YAAY,EAC3B,MAAM,IAAI,SAAS,EAGnB,mBAAmB,IAAI,MAAM,EAC7B,oBAAoB,IAAI,OAAO,EAC/B,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,WAAW,IAAI,MAAM,EACrB,UAAU,IAAI,QAAQ,EACtB,UAAU,EACV,UAAU,IAAI,KAAK,EACnB,OAAO,EAGP,UAAU,EACV,UAAU,GACX,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6CAA6C;AAC7C,cAAc,2BAA2B,CAAC;AAE1C;;;;;;;;GAQG;AACH,YAAY,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAEL,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,OAAO,EAC1B,cAAc,IAAI,MAAM,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,IAAI,MAAM,EACf,cAAc,IAAI,QAAQ,EAC1B,YAAY,IAAI,MAAM,EACtB,SAAS,IAAI,IAAI,EAIjB,IAAI,EACJ,CAAC,IAAI,KAAK,EACV,KAAK,EACL,YAAY,IAAI,MAAM,EACtB,iBAAiB,IAAI,SAAS,EAC9B,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,OAAO,EACnB,YAAY,IAAI,IAAI,EACpB,UAAU,IAAI,IAAI,EAClB,OAAO,IAAI,KAAK,EAChB,YAAY,IAAI,KAAK,EACrB,OAAO,EAGP,KAAK,EACL,YAAY,IAAI,IAAI,EACpB,aAAa,IAAI,IAAI,EACrB,YAAY,IAAI,IAAI,EAEpB,eAAe,IAAI,IAAI,EAGvB,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,EACV,IAAI,IAAI,IAAI,EACZ,KAAK,IAAI,IAAI,EACb,cAAc,IAAI,YAAY,EAC9B,SAAS,IAAI,MAAM,EACnB,QAAQ,IAAI,QAAQ,EAGpB,OAAO,IAAI,SAAS,EACpB,WAAW,IAAI,QAAQ,EACvB,SAAS,IAAI,YAAY,EACzB,QAAQ,IAAI,QAAQ,EAGpB,IAAI,EAIJ,IAAI,IAAI,IAAI,EACZ,GAAG,EACH,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,IAAI,KAAK,EACb,YAAY,EACZ,SAAS,IAAI,SAAS,EACtB,GAAG,IAAI,UAAU,EAIjB,OAAO,IAAI,WAAW,EAItB,IAAI,EACJ,QAAQ,IAAI,IAAI,EAChB,WAAW,IAAI,OAAO,EACtB,OAAO,IAAI,OAAO,EAClB,KAAK,EACL,aAAa,IAAI,QAAQ,EACzB,IAAI,EACJ,YAAY,IAAI,MAAM,EACtB,KAAK,EACL,IAAI,EACJ,QAAQ,IAAI,MAAM,EAClB,GAAG,EACH,GAAG,EACH,OAAO,IAAI,GAAG,EACd,cAAc,IAAI,IAAI,EACtB,KAAK,EACL,IAAI,EACJ,IAAI,EAGJ,KAAK,IAAI,IAAI,EACb,UAAU,IAAI,MAAM,EACpB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,UAAU,EACzB,WAAW,IAAI,YAAY,EAC3B,MAAM,IAAI,SAAS,EAGnB,mBAAmB,IAAI,MAAM,EAC7B,oBAAoB,IAAI,OAAO,EAC/B,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,WAAW,IAAI,MAAM,EACrB,UAAU,IAAI,QAAQ,EACtB,UAAU,EACV,UAAU,IAAI,KAAK,EACnB,OAAO,EAGP,UAAU,EACV,UAAU,GACX,MAAM,2BAA2B,CAAC"}

package/dist/components/icons.js

@@ -27,6 +27,10 @@ Bell,
    adres, birincil kişi. Rolü her üründe aynı, o yüzden burada. Adı `Star`
    değil `Main`: çağrı yeri rolü okur, glifi değil. */
 Star as Main, Eye, EyeSlash, ShieldCheck, Warning, Tray as Empty, CalendarPlus, MoonStars as ThemeDark, Sun as ThemeLight, 
+/* "İşletim sistemi ne diyorsa o" · temanın üçüncü hâli ve bir açık/koyu
+   ikilisiyle söylenemiyor. Bir ekran glifi, çünkü karar ekranın kendisine
+   bırakılıyor. */
+Desktop as ThemeSystem, 
 /* Dört geri bildirim işareti. `Warning` zaten vardı ama tek başına bir
    ailenin dörtte biriydi: bir arayüz "oldu", "olmadı", "dikkat" ve "şunu
    bil" demek zorunda, ve üçünü glifsiz bırakmak dördüncüyü de zayıflatıyor. */

package/dist/components/input.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { type VariantProps } from "class-variance-authority";
 /**
  * Text entry. Flat until focus, then it joins the raised family — an accent
@@ -32,4 +33,24 @@ export type InputProps = Omit<React.ComponentProps<"input">, "size"> & VariantPr
 export declare function Input({ className, invalid, full, size, leading, ...props }: InputProps): import("react").JSX.Element;
 export type TextareaProps = React.ComponentProps<"textarea"> & VariantProps<typeof textareaVariants>;
 export declare function Textarea({ className, invalid, full, ...props }: TextareaProps): import("react").JSX.Element;
+/**
+ * ÖNEKLİ VE SONEKLİ GİRDİ · para birimi, alan adı, birim.
+ *
+ * Neden girdinin kendi prop'u değil: önek bir METİN değil bir PARÇA · bazen
+ * "₺", bazen "tamga.shop/", bazen bir ikon. Girdiye string olarak verilseydi
+ * ikincisi mümkün olmazdı, ve girdinin kendi kenarı ile önekin ayracı arasında
+ * kim hangi çizgiyi çizecek belirsiz kalırdı: kutu burada, girdi onun içinde.
+ *
+ * Gerekçe: docs/gerekce/01-form-ve-girdi.md
+ */
+export declare function InputGroup({ prefix, suffix, children, className, ...rest }: {
+    /** What sits before the field: "₺", "tamga.shop/". TR: Alanın önünde duran şey. */
+    prefix?: ReactNode;
+    /** What sits after it: "KDV dahil", "kg". TR: Ardında duran şey. */
+    suffix?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
+}): import("react").JSX.Element;
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;8EAWxB,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB;;;8EAM3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAClE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAUtF;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAC1D,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAExC,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAS7E"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;8EAWxB,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB;;;8EAM3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAClE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAUtF;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAC1D,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAExC,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAS7E;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAgBA"}

package/dist/components/input.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
+import { dataProps } from "../lib/data-props.js";
 /**
  * Text entry. Flat until focus, then it joins the raised family — an accent
  * edge plus a 2px accent offset.
@@ -39,3 +40,16 @@ export function Input({ className, invalid, full, size, leading, ...props }) {
 export function Textarea({ className, invalid, full, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", "aria-invalid": invalid || undefined, className: cn(textareaVariants({ invalid, full }), className), ...props }));
 }
+/**
+ * ÖNEKLİ VE SONEKLİ GİRDİ · para birimi, alan adı, birim.
+ *
+ * Neden girdinin kendi prop'u değil: önek bir METİN değil bir PARÇA · bazen
+ * "₺", bazen "tamga.shop/", bazen bir ikon. Girdiye string olarak verilseydi
+ * ikincisi mümkün olmazdı, ve girdinin kendi kenarı ile önekin ayracı arasında
+ * kim hangi çizgiyi çizecek belirsiz kalırdı: kutu burada, girdi onun içinde.
+ *
+ * Gerekçe: docs/gerekce/01-form-ve-girdi.md
+ */
+export function InputGroup({ prefix, suffix, children, className, ...rest }) {
+    return (_jsxs("div", { ...dataProps(rest), className: cn("tamga-input-group", className), children: [prefix !== undefined ? (_jsx("span", { className: "tamga-unit", "data-side": "start", children: prefix })) : null, children, suffix !== undefined ? (_jsx("span", { className: "tamga-unit", "data-side": "end", children: suffix })) : null] }));
+}

package/dist/components/layout.d.ts

@@ -15,43 +15,26 @@ export declare function Surface({ raised, className, children, ...props }: React
     raised?: boolean;
 }): import("react").JSX.Element;
 /**
- * Yatay taşma kabı — ve bu bileşenin asıl işi erişilebilirlik.
+ * Yatay taşma kabı · asıl işi erişilebilirlik. `overflow-x: auto` tek başına
+ * yalnız FARE için çalışıyor; `tabIndex={0}` + `role="region"` + zorunlu bir ad
+ * o kutuyu klavyeye açıyor.
  *
- * `overflow-x: auto` tek başına FARE için çalışır. Klavye kullanan biri o
- * kutuya hiç giremez: kaydırılabilir bir alan odaklanabilir değilse içindeki
- * geniş tabloyu yana kaydırmanın yolu yoktur. Tarayıcılar bunu kendiliğinden
- * çözmüyor.
- *
- * `tabIndex={0}` + `role="region"` + bir ad, o kutuyu klavyeye açıyor. Ad
- * zorunlu: adsız bir `region` ekran okuyucunun landmark listesinde
- * "bölge, bölge, bölge" olarak birikir ve hiçbirinin ne olduğu bilinmez.
+ * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
-export declare function ScrollX({ label, className, children, ...props }: React.ComponentProps<"div"> & {
-    label: string;
-}): import("react").JSX.Element;
 /**
- * Aşağıdan giren blok.
+ * Aşağıdan giren blok · GİRİŞ animasyonu, hover etkisi değil.
  *
- * `.tamga-rise` bir HOVER etkisi değil, bir GİRİŞ animasyonu: sekiz piksel
- * aşağıdan, sönükten. Azaltılmış harekette CSS onu tamamen kapatıyor.
- *
- * `delay` bir listeyi sırayla açmak için. Basamak küçük tutulmalı — otuz
- * satırlık bir listede 60ms'lik bir gecikme, sonuncuyu iki saniye sonra
- * gösterir ve bekleme hissi yaratır.
+ * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
-export declare function Rise({ delay, className, children, ...props }: React.ComponentProps<"div"> & {
+export declare function Reveal({ delay, className, children, ...props }: React.ComponentProps<"div"> & {
     delay?: number;
 }): import("react").JSX.Element;
 /**
- * İki durumun aynı yerde durması.
+ * İki durumun aynı yerde durması · kutu her zaman UZUN olanın genişliğinde,
+ * yani "Kaydet" → "Kaydediliyor…" yanındaki hiçbir şeyi kaydırmıyor. Gizlenen
+ * taraf `aria-hidden` alıyor.
  *
- * Bir düğmenin yazısı "Kaydet" iken "Kaydediliyor…" olduğunda düğme genişler
- * ve yanındaki her şey kayar. Swap ikisini de aynı ızgara hücresine koyuyor:
- * kutu her zaman UZUN olanın genişliğinde, yani hiçbir şey oynamıyor.
- *
- * Gizlenen taraf `aria-hidden` alıyor. Almasaydı ekran okuyucu iki metni
- * arka arkaya okurdu — "Kaydet Kaydediliyor" — ve hangisinin geçerli olduğu
- * anlaşılmazdı.
+ * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
 export declare function Swap({ showing, a, b, className, ...rest }: {
     /** Which side is visible: `"a"` or `"b"`. TR: Hangi taraf görünür: `"a"` ya da `"b"`. */
@@ -63,15 +46,11 @@ export declare function Swap({ showing, a, b, className, ...rest }: {
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /**
- * Liste satırı — tablo olmayan listeler için.
- *
- * Bir tabloya yetmeyen ama bir listeden fazlası olan şey: ayarlar satırı,
- * entegrasyon satırı, üye satırı. Sabit yükseklik ve alt kural, satırların
- * taranabilir kalmasını sağlıyor.
+ * Liste satırı · tablo olmayan listeler için. `href` verilirse bağlantı,
+ * `onClick` verilirse düğme, ikisi de yoksa düz satır: tıklanabilir bir `<div>`
+ * klavyeyle erişilemiyor.
  *
- * `href` verilirse bir bağlantıya, `onClick` verilirse bir düğmeye döner —
- * ikisi de yoksa düz bir satır kalır. Bu ayrım önemli: tıklanabilir bir
- * `<div>` klavyeyle erişilemez ve ekran okuyucuya hiçbir şey söylemez.
+ * Gerekçe: docs/gerekce/05-yuzey-ve-kabuk.md
  */
 export declare function ListRow({ size, href, onClick, className, children, ...rest }: {
     size?: "base" | "sm";
@@ -83,33 +62,32 @@ export declare function ListRow({ size, href, onClick, className, children, ...r
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /**
- * İçinde bir panel AÇILAN tablo hücresi.
- *
- * Tek işi kırpmayı kapatmak — ve o tek iş, unutulduğunda görünmeyen bir hata
- * üretiyor: hücrenin içindeki bir menü, ipucu ya da açılır panel hücre
- * sınırında KESİLİYOR. Kontrol çalışıyor, tıklanıyor, ama yarısı yok. Hata
- * mesajı yok, konsol sessiz, ve ilk akla gelen z-index oluyor. Z-index bunu
- * çözmez: hiçbir yığın sırası bir `overflow` kırpmasını aşamaz.
+ * İçinde bir panel AÇILAN tablo hücresi. Tek işi kırpmayı kapatmak, ve
+ * unutulduğunda görünmeyen bir hata üretiyor: hücredeki menü hücre sınırında
+ * KESİLİYOR, konsol sessiz, ve ilk akla gelen z-index oluyor. Z-index bunu
+ * çözmez · hiçbir yığın sırası bir `overflow` kırpmasını aşamaz.
  *
- * `align` VARSAYILAN OLARAK SAĞDA, çünkü en sık kullanımı satır sonundaki
- * eylem menüsü. Ama hiza ile kırpma AYRI iki karar: sola yaslı bir hücrede
- * ipucu barındırmak isteyen, hizasını feda etmek zorunda kalmasın diye
- * `align="start"` var. (Uzun süre tek parçaydı ve tam bu yüzden yakalandı.)
+ * `align` varsayılan olarak sağda: en sık kullanımı satır sonundaki eylem.
  */
 export declare function CellActions({ className, children, align, ...props }: Omit<React.ComponentProps<"td">, "align"> & {
     align?: "start" | "end";
 }): import("react").JSX.Element;
 /**
- * Sayfa başlığı şeridi.
+ * Sayfa başlığı şeridi. Eylem SAĞA yaslı ve başlığın taban çizgisinde.
  *
- * Ürün bunu kendi yazmıştı (23 satır) ve doğru yazmıştı — ama her ekranın
- * tepesinde duran bir şeyin her projede yeniden yazılması, on panelde on
- * farklı boşluk demek.
- *
- * Eylem SAĞA yaslı ve başlığın taban çizgisinde. Başka yere koyan bir başlık
- * altındaki listeden kopmuş görünüyor — bu bir tercih değil, ölçülmüş bir şey.
+ * Doküman: /docs/page-band
  */
-export declare function PageBand({ title, subtitle, actions, className, ...rest }: {
+export declare function PageBand({ eyebrow, title, subtitle, actions, className, ...rest }: {
+    /**
+     * A short line above the title saying what KIND of page this is, or whose it is.
+     * TR: Başlığın üstünde, bu sayfanın NE TÜR bir sayfa olduğunu ya da kimin olduğunu söyleyen kısa satır.
+     *
+     * Use it when the title alone leaves a question the reader would otherwise ask, such as whether a
+     * setting applies to everyone or only to them.
+     * TR: Başlığın tek başına cevapsız bıraktığı bir soru varsa kullanılıyor · bir ayarın herkesi mi
+     * yoksa yalnız o kişiyi mi ilgilendirdiği gibi.
+     */
+    eyebrow?: string;
     title: string;
     subtitle?: string;
     actions?: ReactNode;
@@ -118,23 +96,22 @@ export declare function PageBand({ title, subtitle, actions, className, ...rest
     [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 /**
- * Gezinen bağlantı.
- *
- * `.tamga-link` sınıfı kitte yıllarca vardı, bileşeni yoktu — ve doküman
- * sitesi kendi sarmalayıcısını yazmak zorunda kaldı. Sınıfın olup bileşenin
- * olmaması, tam olarak checkbox'ın yaşadığı boşluk.
- *
- * NEDEN `Button variant="link"` DEĞİL. O bir `<button>`; bir bağlantı gibi
- * GÖRÜNÜR ama gezinmez. Orta tuşla yeni sekmede açılamaz, sağ tıkla
- * kopyalanamaz, ve ekran okuyucuya "düğme" der. Görünüm aynı, sözleşme
- * ters.
- *
- * `external` verilince `rel="noopener noreferrer"` geliyor. `noopener`
- * olmadan açılan sayfa `window.opener` üzerinden seninkini yönlendirebilir —
- * eski ve hâlâ geçerli bir açık.
+ * Gezinen bağlantı. `Button variant="link"` DEĞİL: o bir `<button>`, yani orta
+ * tuşla yeni sekmede açılmıyor, kopyalanmıyor, ve ekran okuyucuya "düğme"
+ * diyor. `external` verilince `rel="noopener noreferrer"` geliyor · `noopener`
+ * olmadan açılan sayfa `window.opener` ile seninkini yönlendirebilir.
  */
-export declare function Link({ external, className, children, href, linkComponent: Router, ...props }: React.ComponentProps<"a"> & {
+export declare function Link({ external, look, className, children, href, linkComponent: Router, ...props }: React.ComponentProps<"a"> & {
     external?: boolean;
+    /**
+     * `inline` inside a sentence, `standalone` on its own line with an arrow that steps forward
+     * under the pointer, `quiet` a link that waits until it is looked at, `marked` a link carrying
+     * a wash, for the one address in a paragraph that must be found. TR: `inline` bir cümlenin
+     * içinde, `standalone` kendi satırında ve işaretçi altında bir adım ileri giden okuyla,
+     * `quiet` bakılana kadar bekleyen bağlantı, `marked` yıkama taşıyan bağlantı · bir paragrafta
+     * bulunması gereken tek adres için.
+     */
+    look?: "inline" | "standalone" | "quiet" | "marked";
     /**
      * The router's link, so an in-app link does not reload the page. TR: Yönlendiricinin
      * bağlantısı, uygulama içi bir bağlantı sayfayı yeniden yüklemesin diye.

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

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