tamga-ui 0.1.0

package/dist/patterns/auth-template.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+/**
+ * Oturum öncesi ekranların çerçevesi: giriş · kayıt · sıfırlama · davet.
+ *
+ * Uygulama çerçevesi taşımıyor, ve kayıtta bir yan panel var girişte yok.
+ * Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export declare function AuthTemplate({ brand, title, subtitle, children, footer, aside, }: {
+    /** Markanın işareti. Sözcük markası değil işaret: bu ekranın işi tek alan ve tek düğme. */
+    brand?: ReactNode;
+    title: string;
+    subtitle?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+    /**
+     * Ekranın öteki yarısındaki panel. Kayıtta var, girişte yok, ve asimetri
+     * kasıtlı: giriş yapan kişi acelesi olan, dönen bir kullanıcı; kaydolan kişi
+     * hâlâ karar veriyor. Birinciye bir şey satmak gürültü, ikinciye hiçbir şey
+     * dememek ekranı ziyan etmek.
+     */
+    aside?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Sağlayıcıyla giriş seçenekleri.
+ *
+ * Formun ÜSTÜNDE, altında değil: biri hangi yolla kaydolduysa geri de o yolla
+ * gelir, ve bunu bir parola alanının altına gömmek ona sahip olmadığı bir
+ * parolayı yazdırmaya çalışmak olur. Ayıraç "ya da" diyor, hiçbir şey demiyor
+ * değil: üst üste iki düğme yığını tek bir bozuk liste gibi okunuyor.
+ */
+export declare function AuthProviders({ children, dividerLabel, }: {
+    children: ReactNode;
+    /** Ayıracın üstündeki sözcük. */
+    dividerLabel: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=auth-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth-template.d.ts","sourceRoot":"","sources":["../../src/patterns/auth-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE;IACD,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,+BAyDA;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;CACtB,+BAWA"}

package/dist/patterns/auth-template.js

@@ -0,0 +1,40 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+/**
+ * Oturum öncesi ekranların çerçevesi: giriş · kayıt · sıfırlama · davet.
+ *
+ * Uygulama çerçevesi taşımıyor, ve kayıtta bir yan panel var girişte yok.
+ * Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export function AuthTemplate({ brand, title, subtitle, children, footer, aside, }) {
+    const split = aside !== undefined;
+    /* Form sütunu. Bölünmüş ekranda KART TAŞIMIYOR: yarının kendisi yüzey, ve bir
+       panelin içinde yüzen kart, zaten kenarı olan bir şeyin etrafına çizilmiş
+       bir kutudur. */
+    /* BAŞLIK BLOĞU BİR BÜTÜN OLARAK HİZALANIYOR.
+       Önce işaret sola yaslıydı (`items-start`) ama başlık dışarıdan gelen bir
+       `text-center` ile ortalanıyordu: aynı bloğun üç parçası iki farklı hizada
+       duruyordu, ve sebebi hiçbirinin kendi kararı değildi. Hizayı düzenin
+       kendisi söylüyor: tek sütunda üçü de ortada, bölünmüş ekranda üçü de solda
+       — çünkü orada blok bir sütunun başlangıcı, sayfanın merkezi değil. */
+    const form = (_jsxs("div", { className: cn("w-full max-w-96", split ? undefined : "text-center"), children: [_jsxs("div", { className: cn("mb-7 flex flex-col gap-3", split ? "items-start" : "items-center"), children: [brand, _jsxs("div", { children: [_jsx("h1", { className: "text-title font-semibold text-ink", children: title }), subtitle ? (_jsx("p", { className: "mt-1 text-small leading-relaxed text-ink-faint", children: subtitle })) : null] })] }), _jsx("div", { className: cn("text-start", split ? undefined : "tamga-card p-6"), children: children }), footer ? _jsx("p", { className: "mt-6 text-small text-ink-faint", children: footer }) : null] }));
+    if (!split) {
+        return (_jsx("div", { className: "flex min-h-dvh items-center justify-center bg-page px-6 py-12", children: form }));
+    }
+    /* İki malzeme, aralarında tek bir sert kenar: bir yanda oturmuş bir kuyu, öte
+       yanda çalışılan yüzey. Zeminde yüzen iki kart değil; yarıların kendisi
+       zemin. */
+    return (_jsxs("div", { className: "grid min-h-dvh lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [_jsx("div", { className: "flex items-center justify-center bg-page px-6 py-12 sm:px-10", children: form }), _jsx("aside", { className: "tamga-art-well hidden border-l border-edge lg:flex lg:flex-col", children: aside })] }));
+}
+/**
+ * Sağlayıcıyla giriş seçenekleri.
+ *
+ * Formun ÜSTÜNDE, altında değil: biri hangi yolla kaydolduysa geri de o yolla
+ * gelir, ve bunu bir parola alanının altına gömmek ona sahip olmadığı bir
+ * parolayı yazdırmaya çalışmak olur. Ayıraç "ya da" diyor, hiçbir şey demiyor
+ * değil: üst üste iki düğme yığını tek bir bozuk liste gibi okunuyor.
+ */
+export function AuthProviders({ children, dividerLabel, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-2", children: children }), _jsxs("div", { className: "my-5 flex items-center gap-3", children: [_jsx("span", { className: "h-px flex-1 bg-line" }), _jsx("span", { className: "text-caption text-ink-faint", children: dividerLabel }), _jsx("span", { className: "h-px flex-1 bg-line" })] })] }));
+}

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

@@ -0,0 +1,52 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type LinkComponent, type TemplateError } from "./shared.js";
+/**
+ * Her nesne (detay) ekranının şekli: iz, başlık, eylemler, sekmeler, gövde.
+ *
+ * Sekmeler rota (bağlantı), durum değil; sekmesiz kullanım "yeni kayıt"
+ * ekranıdır. Boş hâli yok. Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type DetailState = "ready" | "loading" | "error";
+export type DetailTab = {
+    /** Kararlı kimlik; karşılaştırma ve testler bununla. */
+    key: string;
+    /** Çevrilmiş etiket: şablon kendisine verilen sözcüğü çiziyor, aramıyor. */
+    label: string;
+    href: string;
+};
+export type DetailTemplateProps = {
+    /** Başlığın üstündeki iz. Son öğe o anki nesnedir ve href almaz. */
+    breadcrumb: {
+        label: string;
+        href?: string;
+    }[];
+    title: string;
+    /** Başlığın altı: nesnenin kimlik satırı. */
+    subtitle?: string;
+    actions?: ReactNode;
+    /**
+     * Sekmeler. VERİLMEZSE ŞERİT ÇİZİLMİYOR, ve bu bir kolaylık değil bir
+     * ihtiyaç: "yeni kayıt" ekranı da bir detay ekranıdır (aynı iz, aynı
+     * başlık, aynı eylem şeridi) ama sekmesi yoktur, çünkü henüz bir kayıt
+     * yoktur. Boş bir dizi verilse tek başına duran bir çizgi kalıyordu. TR:
+     * Tabs. WITHOUT THEM THE STRIP IS NOT DRAWN, and that is a need rather than
+     * a convenience: a "new record" screen is a detail screen too (same
+     * breadcrumb, same title, same action band) but it has no tabs, because
+     * there is no record yet. An empty array left a lone rule hanging.
+     */
+    tabs?: readonly DetailTab[];
+    /** Hangi sekmenin açık olduğu, `key` ile. TR: Which tab is open, by `key`. */
+    activeTab?: string;
+    state?: DetailState;
+    error?: TemplateError;
+    linkComponent?: LinkComponent;
+    labels: {
+        loading: string;
+        breadcrumb: string;
+        tabs: string;
+    } & ErrorLabels;
+    /** Açık sekmenin gövdesi. Şablon hangi sekme olduğunu bilmiyor, bilmemeli. */
+    children?: ReactNode;
+};
+export declare function DetailTemplate({ breadcrumb, title, subtitle, actions, tabs, activeTab, state, error, linkComponent: Link, labels, children, }: DetailTemplateProps): import("react").JSX.Element;
+//# sourceMappingURL=detail-template.d.ts.map

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

@@ -0,0 +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,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,oEAAoE;IACpE,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,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,8EAA8E;IAC9E,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"}

package/dist/patterns/detail-template.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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) => {
+                    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/patterns/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ŞABLON KATMANI — `tamga-ui/patterns`.
+ *
+ * AYRI GİRİŞ, ana `tamga-ui` değil, ve bu bilinçli: bir bileşen ile bir ekran
+ * şekli aynı şey değil. Kitin bileşenleri hiçbir düzen dayatmıyor; şablonlar
+ * dayatıyor, çünkü işleri o. Ayrı bir giriş, bir ürünün "yalnız bileşenleri
+ * alayım" diyebilmesi demek.
+ */
+export { PlainLink, ErrorSlot, Busy, errorDetail, type ErrorLabels, type LinkComponent, type TemplateError, } from "./shared.js";
+export { ListTemplate, type ListState, type ListTemplateProps } from "./list-template.js";
+export { OverviewTemplate, type OverviewState, type OverviewTemplateProps, } from "./overview-template.js";
+export { DetailTemplate, type DetailState, type DetailTab, type DetailTemplateProps, } from "./detail-template.js";
+export { SettingsTemplate, SettingsPanel, type SettingsScope, type SettingsSection, type SettingsState, type SettingsTemplateProps, } from "./settings-template.js";
+export { AuthTemplate, AuthProviders } from "./auth-template.js";
+export { WizardTemplate, type WizardStep, type WizardTemplateProps } from "./wizard-template.js";
+export { PublicTemplate, type PublicState, type PublicTemplateProps } from "./public-template.js";
+export { AppShell, type NavEntry, type AppShellProps } from "./app-shell.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/patterns/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EACL,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/patterns/index.js

@@ -0,0 +1,17 @@
+/**
+ * ŞABLON KATMANI — `tamga-ui/patterns`.
+ *
+ * AYRI GİRİŞ, ana `tamga-ui` değil, ve bu bilinçli: bir bileşen ile bir ekran
+ * şekli aynı şey değil. Kitin bileşenleri hiçbir düzen dayatmıyor; şablonlar
+ * dayatıyor, çünkü işleri o. Ayrı bir giriş, bir ürünün "yalnız bileşenleri
+ * alayım" diyebilmesi demek.
+ */
+export { PlainLink, ErrorSlot, Busy, errorDetail, } from "./shared.js";
+export { ListTemplate } from "./list-template.js";
+export { OverviewTemplate, } from "./overview-template.js";
+export { DetailTemplate, } from "./detail-template.js";
+export { SettingsTemplate, SettingsPanel, } from "./settings-template.js";
+export { AuthTemplate, AuthProviders } from "./auth-template.js";
+export { WizardTemplate } from "./wizard-template.js";
+export { PublicTemplate } from "./public-template.js";
+export { AppShell } from "./app-shell.js";

package/dist/patterns/list-template.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type TemplateError } from "./shared.js";
+/**
+ * Her liste ekranının şekli: şerit, filtreler, gövde.
+ *
+ * Dört durum tek sahipte (`loading` · `error` · `empty` · `ready`); yalnız
+ * `empty` bir slot. Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type ListState = "ready" | "loading" | "empty" | "error";
+export type ListTemplateProps = {
+    title: string;
+    /** Başlığın altındaki satır: sayı, kapsam, tazelik. Çağıran çevirmiş olarak veriyor. */
+    subtitle?: string;
+    /** Bu listenin birincil eylemleri. Şeridin sağında. */
+    actions?: ReactNode;
+    /** Filtre satırı: arama, kırılımlar, aralıklar. Şeridin altında, içeriğin üstünde. */
+    filters?: ReactNode;
+    state?: ListState;
+    /** Yüklenirken tutulacak satır sayısı: gerçekten kaç kayıt geliyorsa o. */
+    loadingRows?: number;
+    /** İskeletin sütun genişlikleri, yerini tuttuğu tablonun şekline uysun diye. */
+    loadingColumns?: string[];
+    /** `state === "empty"` iken görünen. Ekrana özel, o yüzden ekran yazıyor. */
+    empty?: ReactNode;
+    error?: TemplateError;
+    labels: {
+        loading: string;
+    } & ErrorLabels;
+    children?: ReactNode;
+};
+export declare function ListTemplate({ title, subtitle, actions, filters, state, loadingRows, loadingColumns, empty, error, labels, children, }: ListTemplateProps): import("react").JSX.Element;
+//# sourceMappingURL=list-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-template.d.ts","sourceRoot":"","sources":["../../src/patterns/list-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEpF;;;;;GAKG;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IAE1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAe,EACf,WAAgB,EAChB,cAAc,EACd,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,iBAAiB,+BA2BnB"}

package/dist/patterns/list-template.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageBand } from "../components/layout.js";
+import { SkeletonTable } from "../components/skeleton.js";
+import { Busy, ErrorSlot } from "./shared.js";
+export function ListTemplate({ title, subtitle, actions, filters, state = "ready", loadingRows = 25, loadingColumns, empty, error, labels, children, }) {
+    return (_jsxs("div", { className: "flex min-h-0 flex-col", "data-list-state": state, children: [_jsx(PageBand, { title: title, subtitle: subtitle, actions: actions }), filters ? (_jsx("div", { className: "tamga-section tamga-gutter flex flex-wrap items-center gap-2 py-3", "data-filters": true, children: filters })) : null, _jsxs("div", { className: "tamga-gutter min-h-0 flex-1 py-6", children: [state === "loading" ? (_jsx(Busy, { label: labels.loading, children: _jsx(SkeletonTable, { rows: loadingRows, ...(loadingColumns ? { cols: loadingColumns } : {}) }) })) : null, state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : null, state === "empty" ? empty : null, state === "ready" ? children : null] })] }));
+}

package/dist/patterns/overview-template.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type TemplateError } from "./shared.js";
+/**
+ * Özet (pano) ekranlarının şekli: bir kahraman, sonra ızgara.
+ *
+ * Kahraman bir slot, ama bir tane. Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type OverviewState = "ready" | "loading" | "error";
+export type OverviewTemplateProps = {
+    title: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    /** Ekrandaki en önemli tek şey. Bir tane, asla iki. */
+    hero?: ReactNode;
+    /** Destekleyen kartlar. Düzeni şablon veriyor ki iki özet ekranı ayrışamasın. */
+    children?: ReactNode;
+    state?: OverviewState;
+    error?: TemplateError;
+    /** Izgaranın kaç kart tutacağı, yükleme hâli doğru şekli ayırsın diye. */
+    loadingCards?: number;
+    labels: {
+        loading: string;
+    } & ErrorLabels;
+};
+export declare function OverviewTemplate({ title, subtitle, actions, hero, children, state, error, loadingCards, labels, }: OverviewTemplateProps): import("react").JSX.Element;
+//# sourceMappingURL=overview-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overview-template.d.ts","sourceRoot":"","sources":["../../src/patterns/overview-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEpF;;;;GAIG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;CAC3C,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAe,EACf,KAAK,EACL,YAAgB,EAChB,MAAM,GACP,EAAE,qBAAqB,+BAoCvB"}

package/dist/patterns/overview-template.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageBand } from "../components/layout.js";
+import { SkeletonCard, SkeletonPanel } from "../components/skeleton.js";
+import { Busy, ErrorSlot } from "./shared.js";
+export function OverviewTemplate({ title, subtitle, actions, hero, children, state = "ready", error, loadingCards = 4, labels, }) {
+    return (_jsxs("div", { className: "flex min-h-0 flex-col", "data-overview-state": state, children: [_jsx(PageBand, { title: title, subtitle: subtitle, actions: actions }), _jsxs("div", { className: "tamga-gutter min-h-0 flex-1 py-6", children: [state === "loading" ? (_jsx(Busy, { label: labels.loading, children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(SkeletonPanel, { lines: 2, block: 140 }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4", children: Array.from({ length: loadingCards }, (_, i) => (_jsx(SkeletonCard, {}, i))) })] }) })) : null, state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : null, state === "ready" ? (_jsxs("div", { className: "flex flex-col gap-6", children: [hero ? _jsx("div", { "data-hero": true, children: hero }) : null, children ? (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4", "data-card-grid": true, children: children })) : null] })) : null] })] }));
+}

package/dist/patterns/public-template.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type TemplateError } from "./shared.js";
+/**
+ * Oturumsuz ulaşılan yüzeyler: durum sayfası, rapor doğrulama, kamusal fatura.
+ *
+ * Kendi şablonu, rayı gizlenmiş uygulama çerçevesi değil: beyaz etiketli bir
+ * alan adında bu sayfa müşterinin kendisidir.
+ * Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type PublicState = "ready" | "loading" | "error";
+export type PublicTemplateProps = {
+    /** Sahibin işareti. Verilmezse hiçbir şey çizilmiyor; varsayılanı ürün koyar. */
+    brand?: ReactNode;
+    title: string;
+    subtitle?: string;
+    /** Başlığın sağı: abone ol kontrolü, dönem seçici, bir doğrulama damgası. */
+    headerAside?: ReactNode;
+    /** Alttaki satır. Beyaz etiketli sayfada sahibin; ne yazacağı bir plan sorusu. */
+    footer?: ReactNode;
+    state?: PublicState;
+    error?: TemplateError;
+    labels: {
+        loading: string;
+    } & ErrorLabels;
+    children?: ReactNode;
+};
+export declare function PublicTemplate({ brand, title, subtitle, headerAside, footer, state, error, labels, children, }: PublicTemplateProps): import("react").JSX.Element;
+//# sourceMappingURL=public-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-template.d.ts","sourceRoot":"","sources":["../../src/patterns/public-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEpF;;;;;;GAMG;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iFAAiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kFAAkF;IAClF,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,WAAW,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAe,EACf,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,+BAiCrB"}

package/dist/patterns/public-template.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SkeletonPanel } from "../components/skeleton.js";
+import { Busy, ErrorSlot } from "./shared.js";
+export function PublicTemplate({ brand, title, subtitle, headerAside, footer, state = "ready", error, labels, children, }) {
+    return (_jsxs("div", { className: "flex min-h-dvh flex-col bg-page", "data-public-state": state, children: [_jsxs("header", { className: "tamga-section tamga-gutter flex flex-wrap items-center gap-4 py-6", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-3", "data-brand": true, children: [brand, _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "truncate text-title font-semibold text-ink", children: title }), subtitle ? _jsx("p", { className: "text-small text-ink-faint", children: subtitle }) : null] })] }), headerAside ? (_jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: headerAside })) : null] }), _jsxs("main", { className: "tamga-gutter flex-1 py-8", children: [state === "loading" ? (_jsx(Busy, { label: labels.loading, children: _jsx(SkeletonPanel, { lines: 4, block: 120 }) })) : null, state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : null, state === "ready" ? children : null] }), footer ? (_jsx("footer", { className: "tamga-section tamga-gutter py-6 text-caption text-ink-faint", children: footer })) : null] }));
+}

package/dist/patterns/settings-template.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type LinkComponent, type TemplateError } from "./shared.js";
+/**
+ * Ayarlar alanı: tek hub, çok bölüm, iki kapsam.
+ *
+ * Bölüm listesi dışarıdan; kapsam gösteriliyor, tahmin edilmiyor.
+ * Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type SettingsState = "ready" | "loading" | "error";
+/** Bir ayarın kime ait olduğu. */
+export type SettingsScope = "personal" | "workspace" | "mixed";
+export type SettingsSection = {
+    key: string;
+    label: string;
+    href: string;
+    scope: SettingsScope;
+};
+export type SettingsTemplateProps = {
+    sections: readonly SettingsSection[];
+    /** Şu an açık bölüm, `key` ile. */
+    activeSection: string;
+    title: string;
+    subtitle?: string;
+    /** Bölüm düzeyindeki eylemler; genelde tek bir "Kaydet". */
+    actions?: ReactNode;
+    state?: SettingsState;
+    error?: TemplateError;
+    linkComponent?: LinkComponent;
+    labels: {
+        loading: string;
+        sections: string;
+        scope: Record<SettingsScope, string>;
+    } & ErrorLabels;
+    children?: ReactNode;
+};
+export declare function SettingsTemplate({ sections, activeSection, title, subtitle, actions, state, error, linkComponent: Link, labels, children, }: SettingsTemplateProps): import("react").JSX.Element;
+/**
+ * Değerinin nereden geldiğini söyleyen ayar paneli.
+ *
+ * Bir değer üst bir düzeyden miras alınıyorsa, bunu bilmeden değiştirmek üç
+ * ekran açıp "bu alan neden böyle yazıyor" diye aramak demek.
+ */
+export declare function SettingsPanel({ title, description, inheritedFrom, children, }: {
+    title: string;
+    description?: string;
+    /** "çalışma alanından geliyor" gibi, çağıran tarafından yazılmış tam cümle. */
+    inheritedFrom?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=settings-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-template.d.ts","sourceRoot":"","sources":["../../src/patterns/settings-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AAErB;;;;;GAKG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,kCAAkC;AAClC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,mCAAmC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;KACtC,GAAG,WAAW,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAe,EACf,KAAK,EACL,aAAa,EAAE,IAAgB,EAC/B,MAAM,EACN,QAAQ,GACT,EAAE,qBAAqB,+BAsDvB;AA0BD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0BA"}

package/dist/patterns/settings-template.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SkeletonPanel } from "../components/skeleton.js";
+import { Busy, ErrorSlot, PlainLink, } from "./shared.js";
+export function SettingsTemplate({ sections, activeSection, title, subtitle, actions, state = "ready", error, linkComponent: Link = PlainLink, labels, children, }) {
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-6 sm:flex-row", "data-settings-state": state, children: [_jsx("nav", { "aria-label": labels.sections, className: "shrink-0 sm:w-64 sm:border-r sm:border-line", children: _jsx("ul", { className: "flex flex-col py-4", children: sections.map((section) => {
+                        const current = section.key === activeSection;
+                        return (_jsx("li", { children: _jsxs(Link, { href: section.href, "data-section": section.key, "data-scope": section.scope, "data-active": current, "aria-current": current ? "page" : undefined, className: "tamga-list-row tamga-list-row-sm flex items-center gap-2", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: section.label }), _jsx(ScopeMark, { scope: section.scope, label: labels.scope[section.scope] })] }) }, section.key));
+                    }) }) }), _jsxs("div", { className: "tamga-gutter min-h-0 flex-1 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "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] }), _jsxs("div", { className: "mt-6 flex flex-col gap-4", children: [state === "loading" ? (_jsx(Busy, { label: labels.loading, children: _jsx(SkeletonPanel, { lines: 5 }) })) : null, state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : null, state === "ready" ? children : null] })] })] }));
+}
+/**
+ * Bu ayar kimin.
+ *
+ * Kelime değil NOKTA: alt gezinme sekiz satırlık bir liste, ve sekiz kez
+ * tekrarlanan bir kelime gürültü olurken taranabilir de olmuyor. Ad, `title` ve
+ * erişilebilir etikette duruyor: istendiğinde var, sürekli bağırmıyor.
+ */
+function ScopeMark({ scope, label }) {
+    return (_jsx("span", { title: label, "aria-label": label, "data-scope-mark": scope, className: scope === "workspace"
+            ? "size-1.5 shrink-0 rounded-full bg-ink-faint"
+            : scope === "mixed"
+                ? "size-1.5 shrink-0 rounded-full bg-warning"
+                : "size-1.5 shrink-0 rounded-full bg-transparent" }));
+}
+/**
+ * Değerinin nereden geldiğini söyleyen ayar paneli.
+ *
+ * Bir değer üst bir düzeyden miras alınıyorsa, bunu bilmeden değiştirmek üç
+ * ekran açıp "bu alan neden böyle yazıyor" diye aramak demek.
+ */
+export function SettingsPanel({ title, description, inheritedFrom, children, }) {
+    return (_jsxs("section", { className: "tamga-card tamga-card-open tamga-gutter py-4", "data-panel": title, children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [_jsx("h3", { className: "text-subhead font-semibold text-ink", children: title }), inheritedFrom ? (_jsx("span", { className: "text-caption text-ink-faint", "data-inherited-from": true, children: inheritedFrom })) : null] }), description ? (_jsx("p", { className: "mt-1 text-small leading-relaxed text-ink-soft", children: description })) : null, _jsx("div", { className: "mt-4", children: children })] }));
+}

package/dist/patterns/shared.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+/**
+ * Şablon katmanının ortak parçaları.
+ *
+ * Katmanın gerekçesi ve üç kuralı (slot alır · sözcükler dışarıdan · bağlantılar
+ * dışarıdan): docs/adr/0004-sablon-katmani.md
+ *
+ * Adlar İngilizce, yorumlar Türkçe: bir ad tanımlayıcıdır ve çevrilmez
+ * (ADR-0001, K12).
+ */
+export { PlainLink, type LinkComponent } from "../components/link.js";
+/**
+ * Bir şablonun çerçevelediği şey yüklenemediğinde ne gösterdiği. Tek dosyada,
+ * çünkü teknik satırın biçimi (`code · request_id`) tek bir karar.
+ */
+export type TemplateError = {
+    /** Zarfın makine tarafından okunan `code`u: kararlı, çevrilmez, desteğin dallandığı şey. */
+    code?: string;
+    /** `meta.request_id`; sunucu günlüğüne giden tek iplik. */
+    requestId?: string;
+    /** Yalnız çağıran gerçekten yeniden deneyebiliyorsa; yoksa düğme hiç çizilmiyor. */
+    onRetry?: () => void;
+};
+export type ErrorLabels = {
+    title: string;
+    body: string;
+    retry: string;
+};
+/** `code · request_id`, eksik olanı atlayarak: yarım bir zarf da okunur kalmalı. */
+export declare function errorDetail(error?: TemplateError): string | undefined;
+export declare function ErrorSlot({ error, labels }: {
+    error?: TemplateError;
+    labels: ErrorLabels;
+}): import("react").JSX.Element;
+/** Yüklenirken bölgenin oturmadığını söyleyen sarmalayıcı. */
+export declare function Busy({ label, children }: {
+    label: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=shared.d.ts.map

package/dist/patterns/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/patterns/shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;GAQG;AAKH,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,CAErE;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,+BAU1F;AAED,8DAA8D;AAC9D,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAQ/E"}

package/dist/patterns/shared.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorState } from "../components/error-state.js";
+/**
+ * Şablon katmanının ortak parçaları.
+ *
+ * Katmanın gerekçesi ve üç kuralı (slot alır · sözcükler dışarıdan · bağlantılar
+ * dışarıdan): docs/adr/0004-sablon-katmani.md
+ *
+ * Adlar İngilizce, yorumlar Türkçe: bir ad tanımlayıcıdır ve çevrilmez
+ * (ADR-0001, K12).
+ */
+/* Bağlantı tipi `components/link.tsx`e indi (bir BİLEŞEN de bağlantı
+   olabildiği için); burada yeniden dışa vuruluyor ki bu dosyadan import eden
+   şablonlar değişmesin. */
+export { PlainLink } from "../components/link.js";
+/** `code · request_id`, eksik olanı atlayarak: yarım bir zarf da okunur kalmalı. */
+export function errorDetail(error) {
+    return [error?.code, error?.requestId].filter(Boolean).join(" · ") || undefined;
+}
+export function ErrorSlot({ error, labels }) {
+    return (_jsx(ErrorState, { title: labels.title, description: labels.body, detail: errorDetail(error), retryLabel: labels.retry, ...(error?.onRetry ? { onRetry: error.onRetry } : {}) }));
+}
+/** Yüklenirken bölgenin oturmadığını söyleyen sarmalayıcı. */
+export function Busy({ label, children }) {
+    /* `aria-busy`, canlı bölge değil: iskelet dekoratif (`aria-hidden`), ve ekran
+       okuyucunun bilmesi gereken şey bu bölgenin henüz oturmadığı. */
+    return (_jsx("div", { "aria-busy": "true", "aria-label": label, children: children }));
+}

package/dist/patterns/wizard-template.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+import { type ErrorLabels, type TemplateError } from "./shared.js";
+/**
+ * Sonu belli olan bir akış: kuruluş, bir kayıt ekleme.
+ *
+ * Verdiği söz "bu kadar adım ve bitti"; "bitti" konumsal.
+ * Gerekçe: docs/adr/0004-sablon-katmani.md
+ */
+export type WizardStep = {
+    key: string;
+    /** Çevrilmiş etiket. */
+    label: string;
+};
+export type WizardState = "ready" | "error";
+export type WizardTemplateProps = {
+    steps: readonly WizardStep[];
+    activeStep: string;
+    title: string;
+    subtitle?: string;
+    back?: ReactNode;
+    next?: ReactNode;
+    state?: WizardState;
+    error?: TemplateError;
+    labels: ErrorLabels;
+    children?: ReactNode;
+};
+export declare function WizardTemplate({ steps, activeStep, title, subtitle, back, next, state, error, labels, children, }: WizardTemplateProps): import("react").JSX.Element;
+//# sourceMappingURL=wizard-template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-template.d.ts","sourceRoot":"","sources":["../../src/patterns/wizard-template.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAa,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE9E;;;;;GAKG;AAEH,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAe,EACf,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,mBAAmB,+BAsErB"}

package/dist/patterns/wizard-template.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../components/icon.js";
+import { Check } from "../components/icons.js";
+import { ErrorSlot } from "./shared.js";
+export function WizardTemplate({ steps, activeStep, title, subtitle, back, next, state = "ready", error, labels, children, }) {
+    const activeIndex = steps.findIndex((s) => s.key === activeStep);
+    return (_jsxs("div", { className: "flex min-h-0 flex-col", "data-wizard-state": state, children: [_jsx("ol", { className: "tamga-section tamga-gutter flex flex-wrap items-center gap-x-6 gap-y-2 py-4", children: steps.map((step, i) => {
+                    const current = step.key === activeStep;
+                    /* "Bitti" konumsal, çağıranın taşıması gereken bir bayrak değil: açık
+                       adımdan öncekilerin hepsinden geçilmiş. Tek kaynak, kayma yok. */
+                    const done = activeIndex >= 0 && i < activeIndex;
+                    return (_jsxs("li", { "data-step": step.key, "data-current": current, "data-done": done, "aria-current": current ? "step" : undefined, className: `flex items-center gap-2 text-small ${current ? "font-medium text-ink" : done ? "text-ink-soft" : "text-ink-faint"}`, children: [_jsx("span", { className: "inline-flex w-5 shrink-0 justify-center font-mono text-caption tabular-nums", children: done ? (_jsx(Icon, { icon: Check, size: "xs", weight: "bold" })) : (String(i + 1).padStart(2, "0")) }), step.label] }, step.key));
+                }) }), _jsx("div", { className: "tamga-gutter min-h-0 flex-1 py-6", children: _jsxs("div", { className: "max-w-[var(--measure)]", children: [_jsx("h2", { className: "text-title font-semibold text-ink", children: title }), subtitle ? _jsx("p", { className: "mt-1 text-small text-ink-faint", children: subtitle }) : null, _jsx("div", { className: "mt-6", children: state === "error" ? _jsx(ErrorSlot, { error: error, labels: labels }) : children })] }) }), back || next ? (_jsxs("div", { className: "tamga-section tamga-gutter flex items-center gap-2 py-4", children: [back, _jsx("div", { className: "ml-auto flex items-center gap-2", children: next })] })) : null, _jsx("span", { className: "sr-only", "aria-live": "polite", children: activeIndex >= 0 ? `${activeIndex + 1} / ${steps.length}` : "" })] }));
+}

package/dist/styles.css

@@ -0,0 +1,5 @@
+/* tamga-ui — tek satırda her şey. Ayrı ayrı da alınabilir:
+   @import "tamga-ui/theme.css";   sadece token'lar
+   @import "tamga-ui/kit.css";     sadece sınıflar (saf CSS) */
+@import "./theme.css";
+@import "./kit.css";