@stisocial/ui 0.1.0 → 0.2.1

package/dist/components/DocumentLayout/DocumentLayout.js

@@ -0,0 +1,69 @@
+import DocumentLayout_module_default from "./DocumentLayout.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+// src/components/DocumentLayout/DocumentLayout.tsx
+/**
+* Belge sayfası: antetli, başlıklı, künyeli, ekranda kâğıt görünümlü, yazdırınca çerçevesiz
+* sayfa. Sunucu bileşenidir. Yerleşik metin taşımaz; bütün metinler özellikle verilir.
+*/
+function DocumentLayout({ title, titleLevel = 1, letterhead, meta, footer, watermark, size = "md", children, className, id }) {
+	const titleId = useId();
+	const Heading = `h${titleLevel}`;
+	return /* @__PURE__ */ jsxs("article", {
+		id,
+		className: [DocumentLayout_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-sti-document": "",
+		"aria-labelledby": titleId,
+		children: [
+			watermark,
+			/* @__PURE__ */ jsxs("header", {
+				className: DocumentLayout_module_default.header,
+				children: [letterhead ? /* @__PURE__ */ jsxs("div", {
+					className: DocumentLayout_module_default.letterhead,
+					children: [letterhead.logo ? /* @__PURE__ */ jsx("span", {
+						className: DocumentLayout_module_default.logo,
+						children: letterhead.logo
+					}) : null, /* @__PURE__ */ jsxs("div", {
+						className: DocumentLayout_module_default.org,
+						children: [/* @__PURE__ */ jsx("p", {
+							className: DocumentLayout_module_default.orgName,
+							children: letterhead.name
+						}), letterhead.details?.map((line, i) => /* @__PURE__ */ jsx("p", {
+							className: DocumentLayout_module_default.detail,
+							children: line
+						}, i))]
+					})]
+				}) : null, /* @__PURE__ */ jsxs("div", {
+					className: DocumentLayout_module_default.titleBlock,
+					children: [/* @__PURE__ */ jsx(Heading, {
+						id: titleId,
+						className: DocumentLayout_module_default.title,
+						children: title
+					}), meta?.length ? /* @__PURE__ */ jsx("dl", {
+						className: DocumentLayout_module_default.meta,
+						children: meta.map((item, i) => /* @__PURE__ */ jsxs("div", {
+							className: DocumentLayout_module_default.metaRow,
+							children: [/* @__PURE__ */ jsx("dt", {
+								className: DocumentLayout_module_default.metaLabel,
+								children: item.label
+							}), /* @__PURE__ */ jsx("dd", {
+								className: DocumentLayout_module_default.metaValue,
+								children: item.value
+							})]
+						}, i))
+					}) : null]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: DocumentLayout_module_default.body,
+				children
+			}),
+			footer ? /* @__PURE__ */ jsx("footer", {
+				className: DocumentLayout_module_default.footer,
+				children: footer
+			}) : null
+		]
+	});
+}
+export { DocumentLayout };

package/dist/components/DocumentLayout/DocumentLayout.module.js

@@ -0,0 +1,20 @@
+import './DocumentLayout.css';
+// src/components/DocumentLayout/DocumentLayout.module.css
+var DocumentLayout_module_default = {
+	"root": "sti-DocumentLayout-root-48bdf",
+	"header": "sti-DocumentLayout-header-89771",
+	"letterhead": "sti-DocumentLayout-letterhead-430ff",
+	"logo": "sti-DocumentLayout-logo-f025e",
+	"org": "sti-DocumentLayout-org-a1c6a",
+	"orgName": "sti-DocumentLayout-orgName-849c5",
+	"detail": "sti-DocumentLayout-detail-294e2",
+	"titleBlock": "sti-DocumentLayout-titleBlock-38e2f",
+	"title": "sti-DocumentLayout-title-2f41d",
+	"meta": "sti-DocumentLayout-meta-9f605",
+	"metaRow": "sti-DocumentLayout-metaRow-75bb8",
+	"metaLabel": "sti-DocumentLayout-metaLabel-e1dbe",
+	"metaValue": "sti-DocumentLayout-metaValue-4e499",
+	"body": "sti-DocumentLayout-body-8f7be",
+	"footer": "sti-DocumentLayout-footer-0e39f"
+};
+export { DocumentLayout_module_default as default };

package/dist/components/DocumentLayout/index.d.ts

@@ -0,0 +1,2 @@
+import { DocumentLayout, DocumentLayoutProps, DocumentLetterhead } from "./DocumentLayout.js";
+export { DocumentLayout, DocumentLayoutProps, DocumentLetterhead };

package/dist/components/DocumentTable/DocumentTable.css

@@ -0,0 +1,149 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-DocumentTable-root-0221b {
+    --sti-document-table-min: calc(var(--sti-space-32) * 4);
+    --sti-document-table-head-bg: var(--sti-bg-subtle);
+    --sti-document-table-stripe: var(--sti-bg-subtle);
+    --sti-document-table-line: var(--sti-border-subtle);
+    inline-size: 100%;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    color: var(--sti-fg);
+    font-size: var(--sti-document-font-size, var(--sti-font-size-md));
+    line-height: var(--sti-document-line-height, var(--sti-line-height-md));
+  }
+
+  .sti-DocumentTable-root-0221b[data-size="sm"] {
+    --sti-document-font-size: var(--sti-font-size-sm);
+    --sti-document-line-height: var(--sti-line-height-sm);
+    --sti-document-cell: var(--sti-space-1);
+  }
+
+  .sti-DocumentTable-root-0221b[data-size="lg"] {
+    --sti-document-font-size: var(--sti-font-size-body);
+    --sti-document-line-height: var(--sti-line-height-body);
+    --sti-document-cell: var(--sti-space-3);
+  }
+
+  .sti-DocumentTable-scroll-4cfb9 {
+    border: var(--sti-border-width) solid var(--sti-document-table-line);
+    border-radius: var(--sti-radius-sm);
+    overflow-x: auto;
+  }
+
+  .sti-DocumentTable-scroll-4cfb9:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-DocumentTable-table-b515c {
+    inline-size: 100%;
+    min-inline-size: var(--sti-document-table-min);
+    border-collapse: collapse;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-DocumentTable-caption-97ed3 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .sti-DocumentTable-caption-97ed3[data-visible] {
+    block-size: auto;
+    inline-size: auto;
+    padding: var(--sti-space-2) var(--sti-space-3);
+    clip-path: none;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    text-align: start;
+    white-space: normal;
+    margin: 0;
+    position: static;
+    overflow: visible;
+  }
+
+  .sti-DocumentTable-th-34d83 {
+    padding: var(--sti-document-cell, var(--sti-space-2)) var(--sti-space-3);
+    border-block-end: var(--sti-border-width) solid var(--sti-border);
+    background: var(--sti-document-table-head-bg);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xs);
+    text-align: start;
+    vertical-align: bottom;
+  }
+
+  .sti-DocumentTable-td-b0f66 {
+    padding: var(--sti-document-cell, var(--sti-space-2)) var(--sti-space-3);
+    border-block-end: var(--sti-border-width) solid var(--sti-document-table-line);
+    font-weight: var(--sti-font-weight-regular);
+    text-align: start;
+    vertical-align: top;
+    overflow-wrap: anywhere;
+  }
+
+  .sti-DocumentTable-tr-59c4c:last-child > .sti-DocumentTable-td-b0f66 {
+    border-block-end: 0;
+  }
+
+  .sti-DocumentTable-th-34d83[data-align="end"], .sti-DocumentTable-td-b0f66[data-align="end"] {
+    text-align: end;
+  }
+
+  .sti-DocumentTable-th-34d83[data-align="center"], .sti-DocumentTable-td-b0f66[data-align="center"] {
+    text-align: center;
+  }
+
+  .sti-DocumentTable-th-34d83[data-align="end"], .sti-DocumentTable-td-b0f66[data-align="end"], .sti-DocumentTable-td-b0f66[data-kind="index"] {
+    white-space: nowrap;
+  }
+
+  .sti-DocumentTable-td-b0f66[data-kind="index"] {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-DocumentTable-root-0221b[data-striped] .sti-DocumentTable-tr-59c4c:nth-child(2n) {
+    background: var(--sti-document-table-stripe);
+  }
+
+  @media (forced-colors: active) {
+    .sti-DocumentTable-scroll-4cfb9 {
+      border-color: canvastext;
+    }
+
+    .sti-DocumentTable-th-34d83 {
+      color: canvastext;
+      background: canvas;
+      border-block-end-color: canvastext;
+    }
+
+    .sti-DocumentTable-td-b0f66 {
+      border-block-end-color: graytext;
+    }
+  }
+
+  @media print {
+    .sti-DocumentTable-scroll-4cfb9 {
+      overflow: visible;
+    }
+
+    .sti-DocumentTable-table-b515c {
+      min-inline-size: 0;
+    }
+
+    .sti-DocumentTable-th-34d83 {
+      background: none;
+    }
+
+    .sti-DocumentTable-tr-59c4c {
+      break-inside: avoid;
+    }
+  }
+}

package/dist/components/DocumentTable/DocumentTable.d.ts

@@ -0,0 +1,40 @@
+import { Locale } from "../../provider/locale.js";
+import { DocumentSize } from "../_document/types.js";
+import { ReactNode } from "react";
+export interface DocumentTableColumn {
+  /** Satırdaki hücre nesnesinin anahtarı. */
+  key: string;
+  /** Sütun başlığı. */
+  header: string;
+  /** Hizalama: tutar ve miktar sütunları `end`. */
+  align?: "start" | "center" | "end";
+  /** Sütunun hücreleri satır başlığıdır (`th scope="row"`): kalem adı sütunu. */
+  isRowHeader?: boolean;
+}
+export interface DocumentTableRow {
+  id?: string;
+  cells: Readonly<Record<string, ReactNode>>;
+}
+export interface DocumentTableProps {
+  /** Tablonun adı; ekran okuyucuya okunur ve kaydırma bölgesinin adına girer. */
+  caption: string;
+  /** Başlığı görünür yapar; verilmezse yalnız ekran okuyucuya okunur. */
+  isCaptionVisible?: boolean;
+  columns: readonly DocumentTableColumn[];
+  rows: readonly DocumentTableRow[];
+  /** Başa sıra numarası sütunu ekler. */
+  isNumbered?: boolean;
+  /** Dönüşümlü satır zemini. */
+  isStriped?: boolean;
+  size?: DocumentSize;
+  locale?: Locale;
+  className?: string;
+  id?: string;
+}
+/**
+ * Belge tablosu (kalem listesi, madde dökümü). Gerçek `table`'dır: başlık hücreleri `scope`
+ * taşır, tutar sütunları sağa yaslı ve eşit genişlikte rakamlıdır. Dar kapta tablo kendi
+ * kaydırma bölgesinde kayar (klavyeyle odaklanır, ok tuşlarıyla kayar); sayfa taşmaz. Yazdırınca
+ * bölge açılır, satırlar sayfa arasında bölünmez. Sunucu bileşenidir.
+ */
+export declare function DocumentTable({ caption, isCaptionVisible, columns, rows, isNumbered, isStriped, size, locale, className, id }: DocumentTableProps): import("react").JSX.Element;

package/dist/components/DocumentTable/DocumentTable.js

@@ -0,0 +1,67 @@
+import { documentText, fill } from "../_document/text.js";
+import DocumentTable_module_default from "./DocumentTable.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/DocumentTable/DocumentTable.tsx
+/**
+* Belge tablosu (kalem listesi, madde dökümü). Gerçek `table`'dır: başlık hücreleri `scope`
+* taşır, tutar sütunları sağa yaslı ve eşit genişlikte rakamlıdır. Dar kapta tablo kendi
+* kaydırma bölgesinde kayar (klavyeyle odaklanır, ok tuşlarıyla kayar); sayfa taşmaz. Yazdırınca
+* bölge açılır, satırlar sayfa arasında bölünmez. Sunucu bileşenidir.
+*/
+function DocumentTable({ caption, isCaptionVisible = false, columns, rows, isNumbered = false, isStriped = false, size, locale, className, id }) {
+	const t = documentText(locale);
+	const alignOf = (c) => c.align ?? "start";
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		className: [DocumentTable_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-striped": isStriped ? "" : void 0,
+		"data-sti-document-table": "",
+		children: /* @__PURE__ */ jsx("section", {
+			className: DocumentTable_module_default.scroll,
+			"aria-label": fill(t.documentScrollRegion, { caption }),
+			tabIndex: 0,
+			children: /* @__PURE__ */ jsxs("table", {
+				className: DocumentTable_module_default.table,
+				children: [
+					/* @__PURE__ */ jsx("caption", {
+						className: DocumentTable_module_default.caption,
+						"data-visible": isCaptionVisible ? "" : void 0,
+						children: caption
+					}),
+					/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [isNumbered ? /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: DocumentTable_module_default.th,
+						"data-align": "end",
+						"data-kind": "index",
+						children: t.documentRowNumber
+					}) : null, columns.map((c) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: DocumentTable_module_default.th,
+						"data-align": alignOf(c),
+						children: c.header
+					}, c.key))] }) }),
+					/* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs("tr", {
+						className: DocumentTable_module_default.tr,
+						children: [isNumbered ? /* @__PURE__ */ jsx("td", {
+							className: DocumentTable_module_default.td,
+							"data-align": "end",
+							"data-kind": "index",
+							children: i + 1
+						}) : null, columns.map((c) => c.isRowHeader ? /* @__PURE__ */ jsx("th", {
+							scope: "row",
+							className: DocumentTable_module_default.td,
+							"data-align": alignOf(c),
+							children: row.cells[c.key]
+						}, c.key) : /* @__PURE__ */ jsx("td", {
+							className: DocumentTable_module_default.td,
+							"data-align": alignOf(c),
+							children: row.cells[c.key]
+						}, c.key))]
+					}, row.id ?? i)) })
+				]
+			})
+		})
+	});
+}
+export { DocumentTable };

package/dist/components/DocumentTable/DocumentTable.module.js

@@ -0,0 +1,12 @@
+import './DocumentTable.css';
+// src/components/DocumentTable/DocumentTable.module.css
+var DocumentTable_module_default = {
+	"root": "sti-DocumentTable-root-0221b",
+	"scroll": "sti-DocumentTable-scroll-4cfb9",
+	"table": "sti-DocumentTable-table-b515c",
+	"caption": "sti-DocumentTable-caption-97ed3",
+	"th": "sti-DocumentTable-th-34d83",
+	"td": "sti-DocumentTable-td-b0f66",
+	"tr": "sti-DocumentTable-tr-59c4c"
+};
+export { DocumentTable_module_default as default };

package/dist/components/DocumentTable/index.d.ts

@@ -0,0 +1,2 @@
+import { DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow } from "./DocumentTable.js";
+export { DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow };

package/dist/components/ErrorPage/ErrorPage.css

@@ -0,0 +1,181 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ErrorPage-root-ae1e9 {
+    --sti-error-page-tone-bg: var(--sti-bg-accent-subtle);
+    --sti-error-page-tone-fg: var(--sti-fg-accent);
+    --sti-error-page-gap: var(--sti-space-5);
+    --sti-error-page-measure: calc(var(--sti-width-measure) * .8);
+    --sti-error-page-icon-box: var(--sti-space-16);
+    --sti-error-page-halo: var(--sti-space-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    padding-block: var(--sti-space-12);
+    padding-inline: var(--sti-space-4);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    text-align: center;
+    place-items: center;
+    display: grid;
+  }
+
+  .sti-ErrorPage-root-ae1e9[data-full-page] {
+    min-block-size: 100dvh;
+  }
+
+  .sti-ErrorPage-root-ae1e9[data-tone="warning"] {
+    --sti-error-page-tone-bg: var(--sti-bg-warning-subtle);
+    --sti-error-page-tone-fg: var(--sti-fg-warning);
+  }
+
+  .sti-ErrorPage-root-ae1e9[data-tone="danger"] {
+    --sti-error-page-tone-bg: var(--sti-bg-danger-subtle);
+    --sti-error-page-tone-fg: var(--sti-fg-danger);
+  }
+
+  .sti-ErrorPage-root-ae1e9[data-tone="info"] {
+    --sti-error-page-tone-bg: var(--sti-bg-info-subtle);
+    --sti-error-page-tone-fg: var(--sti-fg-info);
+  }
+
+  .sti-ErrorPage-inner-c7c13 {
+    align-items: center;
+    gap: var(--sti-error-page-gap);
+    inline-size: 100%;
+    max-inline-size: var(--sti-error-page-measure);
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-ErrorPage-icon-06390 {
+    inline-size: var(--sti-error-page-icon-box);
+    block-size: var(--sti-error-page-icon-box);
+    margin: var(--sti-error-page-halo);
+    border: var(--sti-border-width) solid transparent;
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-error-page-tone-bg);
+    box-shadow: 0 0 0 var(--sti-error-page-halo)
+      color-mix(in oklab, var(--sti-error-page-tone-bg) 50%, transparent);
+    color: var(--sti-error-page-tone-fg);
+    font-size: var(--sti-icon-lg);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-ErrorPage-code-0a77d {
+    padding-block: var(--sti-space-0-5);
+    padding-inline: var(--sti-space-3);
+    border: var(--sti-border-width) solid var(--sti-border);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-sm);
+    font-variant-numeric: tabular-nums;
+    letter-spacing: .08em;
+    line-height: var(--sti-line-height-sm);
+    margin: 0;
+  }
+
+  .sti-ErrorPage-text-2658f {
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-ErrorPage-title-f8d39 {
+    color: var(--sti-fg);
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-heading-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-heading-lg);
+    overflow-wrap: anywhere;
+    text-wrap: balance;
+    margin: 0;
+  }
+
+  .sti-ErrorPage-description-896db {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-md);
+    line-height: var(--sti-line-height-md);
+    overflow-wrap: anywhere;
+    text-wrap: pretty;
+    margin: 0;
+  }
+
+  .sti-ErrorPage-until-c800b {
+    justify-content: center;
+    align-items: center;
+    gap: var(--sti-space-2);
+    padding-block: var(--sti-space-2);
+    padding-inline: var(--sti-space-4);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+    flex-wrap: wrap;
+    max-inline-size: 100%;
+    margin: 0;
+    display: inline-flex;
+  }
+
+  .sti-ErrorPage-actions-61022 {
+    justify-content: center;
+    align-items: center;
+    gap: var(--sti-space-2) var(--sti-space-3);
+    max-inline-size: 100%;
+    flex-wrap: wrap;
+    margin-block-start: var(--sti-space-2);
+    display: flex;
+  }
+
+  .sti-ErrorPage-reference-397f7 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-ErrorPage-referenceCode-ddf60 {
+    padding-inline: var(--sti-space-1);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-mono);
+    -webkit-user-select: all;
+    user-select: all;
+    font-size: .95em;
+  }
+
+  .sti-ErrorPage-extra-aac29 {
+    max-inline-size: 100%;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  @media (width <= 30rem) {
+    .sti-ErrorPage-root-ae1e9 {
+      padding-block: var(--sti-space-8);
+    }
+
+    .sti-ErrorPage-root-ae1e9[data-full-page] .sti-ErrorPage-actions-61022 {
+      flex-direction: column;
+      align-items: stretch;
+      inline-size: 100%;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-ErrorPage-icon-06390, .sti-ErrorPage-code-0a77d, .sti-ErrorPage-until-c800b {
+      border-color: canvastext;
+    }
+  }
+}

package/dist/components/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,44 @@
+import { DateValue } from "../DateTime/instant.js";
+import { ReactNode } from "react";
+export type ErrorPageKind = "notFound" | "forbidden" | "serverError" | "maintenance";
+export interface ErrorPageProps {
+  /** Sayfanın türü: 404, 403, 500 ya da bakım (503). Varsayılan başlık, açıklama, ikon ve kod buradan gelir. */
+  kind: ErrorPageKind;
+  /** Başlık; verilmezse türün resmî metni. Sayfanın tek `h1`'idir. */
+  title?: ReactNode;
+  /** Ne oldu ve ne yapılabilir; verilmezse türün resmî metni. */
+  description?: ReactNode;
+  /** Ana sayfa adresi: verilirse "Ana sayfaya dön" düğmesi çizilir. */
+  homeHref?: string;
+  /** Verilirse "Yeniden dene" düğmesi çizilir (genellikle `error.tsx`'in `reset` işlevi). */
+  onRetry?: () => void;
+  /** Yeniden deneme sürüyor: düğme bekleme durumunda. */
+  isRetrying?: boolean;
+  /** "Önceki sayfaya dön" düğmesi (tarayıcı geçmişinde bir adım geri). */
+  showBack?: boolean;
+  /** Bakımın tahmini bitişi; yalnız `maintenance` türünde yazılır. */
+  until?: DateValue;
+  /** Durum sayfasının adresi; verilirse "Durum sayfası" bağlantısı çizilir. */
+  statusHref?: string;
+  /** Destek ekibinin hatayı bulabileceği başvuru kodu (istek kimliği); iç ayrıntı asla verilmez. */
+  reference?: string;
+  /** Varsayılan eylemlerin yerine geçen eylemler (ör. oturum açma düğmesi). */
+  primaryAction?: ReactNode;
+  secondaryAction?: ReactNode;
+  /** Ek içerik (destek bağlantısı); eylemlerin altında. */
+  children?: ReactNode;
+  /**
+   * `true` (varsayılan): sayfa görünür alanın tamamını kaplar ve içeriği ortalar. `false`: bölüm
+   * kendi içeriği kadar yer tutar (katalog, iç sayfa).
+   */
+  isFullPage?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Hata sayfası: 404 (bulunamadı), 403 (yetki yok), 500 (beklenmeyen sorun) ve bakım (503).
+ * Durum kodu, başlık (sayfanın `h1`'i), ne olduğu ve sonraki adım; ana sayfa, yeniden deneme ve
+ * önceki sayfa eylemleri. Teknik ayrıntı (yığın izi, sorgu, sunucu adı) hiçbir türde gösterilmez;
+ * yalnız destek için başvuru kodu yazılır. Uygulama bunu sayfa içeriği olarak (`main` içinde) çizer.
+ */
+export declare function ErrorPage({ kind, title, description, homeHref, onRetry, isRetrying, showBack, until, statusHref, reference, primaryAction, secondaryAction, children, isFullPage, className, id }: ErrorPageProps): import("react").JSX.Element;