@stisocial/ui 0.1.0 → 0.2.1

package/dist/components/Table/Table.css

@@ -0,0 +1,150 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Table-scroll-962cf {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+  }
+
+  .sti-Table-root-864aa {
+    --sti-table-row-h: var(--sti-row-h);
+    --sti-table-px: var(--sti-space-4);
+    --sti-table-font-size: var(--sti-font-size-sm);
+    --sti-table-leading: var(--sti-line-height-sm);
+    --sti-table-head-bg: var(--sti-bg-subtle);
+    --sti-table-stripe-bg: var(--sti-bg-subtle);
+    --sti-table-hover-bg: var(--sti-bg-surface-hover);
+    --sti-table-divider: var(--sti-border-subtle);
+    border-collapse: separate;
+    border-spacing: 0;
+    inline-size: 100%;
+    min-inline-size: max-content;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-table-font-size);
+    line-height: var(--sti-table-leading);
+    text-align: start;
+  }
+
+  .sti-Table-root-864aa[data-size="sm"] {
+    --sti-table-row-h: calc(var(--sti-row-h) - var(--sti-space-2));
+    --sti-table-px: var(--sti-space-3);
+  }
+
+  .sti-Table-root-864aa[data-size="lg"] {
+    --sti-table-row-h: calc(var(--sti-row-h) + var(--sti-space-3));
+  }
+
+  .sti-Table-caption-c6208 {
+    padding: var(--sti-space-3) var(--sti-table-px);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    text-align: start;
+    caption-side: top;
+  }
+
+  .sti-Table-heading-d96d6, .sti-Table-cell-c930d {
+    block-size: var(--sti-table-row-h);
+    padding-block: var(--sti-space-1);
+    padding-inline: var(--sti-table-px);
+    vertical-align: middle;
+    text-align: start;
+  }
+
+  .sti-Table-cell-c930d {
+    border-block-end: var(--sti-border-width) solid var(--sti-table-divider);
+    font-weight: var(--sti-font-weight-regular);
+  }
+
+  .sti-Table-cell-c930d[data-row-header] {
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-Table-heading-d96d6 {
+    background: var(--sti-table-head-bg);
+    border-block-end: var(--sti-border-width) solid var(--sti-border);
+    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);
+    letter-spacing: var(--sti-tracking-label);
+    white-space: nowrap;
+    position: relative;
+  }
+
+  .sti-Table-root-864aa[data-sticky] .sti-Table-heading-d96d6 {
+    z-index: var(--sti-z-raised);
+    position: sticky;
+    inset-block-start: 0;
+  }
+
+  .sti-Table-heading-d96d6[data-align="end"], .sti-Table-cell-c930d[data-align="end"] {
+    text-align: end;
+  }
+
+  .sti-Table-heading-d96d6[data-align="center"], .sti-Table-cell-c930d[data-align="center"] {
+    text-align: center;
+  }
+
+  .sti-Table-cell-c930d[data-numeric] {
+    font-family: var(--sti-font-numeric);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-Table-row-9f24a:last-child > .sti-Table-cell-c930d {
+    border-block-end: 0;
+  }
+
+  .sti-Table-root-864aa[data-striped] .sti-Table-row-9f24a:nth-child(2n) > .sti-Table-cell-c930d {
+    background: var(--sti-table-stripe-bg);
+  }
+
+  @media (hover: hover) {
+    .sti-Table-root-864aa[data-hoverable] .sti-Table-row-9f24a:hover > .sti-Table-cell-c930d {
+      background: var(--sti-table-hover-bg);
+    }
+  }
+
+  .sti-Table-foot-0c5cf .sti-Table-cell-c930d {
+    border-block-start: var(--sti-border-width) solid var(--sti-border);
+    background: var(--sti-table-head-bg);
+    font-weight: var(--sti-font-weight-semibold);
+    border-block-end: 0;
+  }
+
+  .sti-Table-empty-3ca3c {
+    padding: var(--sti-space-8) var(--sti-table-px);
+    color: var(--sti-fg-muted);
+    text-align: center;
+  }
+
+  .sti-Table-hidden-baa78 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (pointer: coarse) {
+    .sti-Table-root-864aa {
+      --sti-table-row-h: var(--sti-control-h-md);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-Table-scroll-962cf {
+      border-color: canvastext;
+    }
+
+    .sti-Table-heading-d96d6 {
+      border-block-end-color: canvastext;
+    }
+
+    .sti-Table-cell-c930d {
+      border-block-end-color: graytext;
+    }
+  }
+}

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,54 @@
+import { ScrollAreaMaxHeight } from "../ScrollArea/ScrollArea.js";
+import { ReactNode, Ref } from "react";
+export type TableSize = "sm" | "md" | "lg";
+export type TableAlign = "start" | "center" | "end";
+export interface TableColumn {
+  /** Sütunun anahtarı: satır nesnesindeki aynı adlı alan hücrenin içeriğidir. */
+  id: string;
+  /** Sütun başlığı. */
+  header: ReactNode;
+  /** Hücre hizası; sayılar `end`. Varsayılan `start`. */
+  align?: TableAlign;
+  /** Sayısal sütun: eşit genişlikte rakamlar, sağa (sağdan sola yazıda sola) hizalı. */
+  isNumeric?: boolean;
+  /** Satırın başlık hücresi (`th scope="row"`): ekran okuyucu satırı bu hücreyle adlandırır. */
+  isRowHeader?: boolean;
+  /** Sütun başlığı ekran okuyucuya okunur, görünmez (ör. eylem sütunu). */
+  isHeaderHidden?: boolean;
+}
+export type TableRowData = {
+  id: string;
+} & Record<string, ReactNode>;
+export interface TableProps {
+  /** Tablonun adı (zorunlu): tablonun ve kaydırma bölgesinin erişilebilir adı. */
+  label: string;
+  /** Görünür başlık (`caption`). */
+  caption?: ReactNode;
+  columns: readonly TableColumn[];
+  /** Satırlar: `id` ve her sütunun `id`'siyle eşleşen alanlar. */
+  rows: readonly TableRowData[];
+  /** Son satır (toplam, ortalama): sütun `id`'sine göre içerik. */
+  footer?: Record<string, ReactNode>;
+  /** Satır yüksekliği: `sm` 32, `md` 44, `lg` 56 piksel (yoğunluğa göre). */
+  size?: TableSize;
+  /** Çift satırlar bir ton koyu. */
+  isStriped?: boolean;
+  /** Üzerine gelinen satır vurgulanır (satır tıklanabilir değildir; yalnız okumayı kolaylaştırır). */
+  isHoverable?: boolean;
+  /**
+   * Verilirse tablo bu yükseklikte dikey kaydırılır ve başlık satırı yapışkandır (`sm`, `md`,
+   * `lg`, `viewport`).
+   */
+  maxHeight?: ScrollAreaMaxHeight;
+  /** Satır yokken gösterilecek içerik (yönergeli `EmptyState` ya da kısa metin). */
+  emptyState?: ReactNode;
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLTableElement>;
+}
+/**
+ * Salt okunur veri tablosu: gerçek `table`, `th` ve `scope` öznitelikleriyle; ekran okuyucu satır
+ * ve sütun başlıklarını her hücrede bildirir. Geniş tablo kendi kaydırma bölgesinde yatay kayar
+ * (sayfa taşmaz). Sunucu bileşenidir; sıralama, seçim ve sayfalama gerekiyorsa `DataTable`.
+ */
+export declare function Table({ label, caption, columns, rows, footer, size, isStriped, isHoverable, maxHeight, emptyState, className, id, ref }: TableProps): import("react").JSX.Element;

package/dist/components/Table/Table.js

@@ -0,0 +1,75 @@
+import { ScrollArea } from "../ScrollArea/ScrollArea.js";
+import Table_module_default from "./Table.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/Table/Table.tsx
+/**
+* Salt okunur veri tablosu: gerçek `table`, `th` ve `scope` öznitelikleriyle; ekran okuyucu satır
+* ve sütun başlıklarını her hücrede bildirir. Geniş tablo kendi kaydırma bölgesinde yatay kayar
+* (sayfa taşmaz). Sunucu bileşenidir; sıralama, seçim ve sayfalama gerekiyorsa `DataTable`.
+*/
+function Table({ label, caption, columns, rows, footer, size = "md", isStriped, isHoverable, maxHeight, emptyState, className, id, ref }) {
+	const cell = (c, content, key, row) => {
+		const props = {
+			key,
+			className: Table_module_default.cell,
+			"data-align": c.align ?? (c.isNumeric ? "end" : void 0),
+			"data-numeric": c.isNumeric ? "" : void 0
+		};
+		return c.isRowHeader && row !== false ? /* @__PURE__ */ jsx("th", {
+			...props,
+			scope: "row",
+			"data-row-header": "",
+			children: content
+		}) : /* @__PURE__ */ jsx("td", {
+			...props,
+			children: content
+		});
+	};
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		label,
+		orientation: maxHeight ? "both" : "horizontal",
+		maxHeight,
+		className: Table_module_default.scroll,
+		children: /* @__PURE__ */ jsxs("table", {
+			id,
+			ref,
+			"aria-label": label,
+			className: [Table_module_default.root, className].filter(Boolean).join(" "),
+			"data-size": size,
+			"data-striped": isStriped ? "" : void 0,
+			"data-hoverable": isHoverable ? "" : void 0,
+			"data-sticky": maxHeight ? "" : void 0,
+			children: [
+				caption ? /* @__PURE__ */ jsx("caption", {
+					className: Table_module_default.caption,
+					children: caption
+				}) : null,
+				/* @__PURE__ */ jsx("thead", {
+					className: Table_module_default.head,
+					children: /* @__PURE__ */ jsx("tr", { children: columns.map((c) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: Table_module_default.heading,
+						"data-align": c.align ?? (c.isNumeric ? "end" : void 0),
+						children: c.isHeaderHidden ? /* @__PURE__ */ jsx("span", {
+							className: Table_module_default.hidden,
+							children: c.header
+						}) : c.header
+					}, c.id)) })
+				}),
+				/* @__PURE__ */ jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+					className: Table_module_default.empty,
+					colSpan: columns.length,
+					children: emptyState
+				}) }) : rows.map((row) => /* @__PURE__ */ jsx("tr", {
+					className: Table_module_default.row,
+					children: columns.map((c) => cell(c, row[c.id], c.id))
+				}, row.id)) }),
+				footer ? /* @__PURE__ */ jsx("tfoot", {
+					className: Table_module_default.foot,
+					children: /* @__PURE__ */ jsx("tr", { children: columns.map((c) => cell(c, footer[c.id], c.id, true)) })
+				}) : null
+			]
+		})
+	});
+}
+export { Table };

package/dist/components/Table/Table.module.js

@@ -0,0 +1,14 @@
+import './Table.css';
+// src/components/Table/Table.module.css
+var Table_module_default = {
+	"scroll": "sti-Table-scroll-962cf",
+	"root": "sti-Table-root-864aa",
+	"caption": "sti-Table-caption-c6208",
+	"heading": "sti-Table-heading-d96d6",
+	"cell": "sti-Table-cell-c930d",
+	"row": "sti-Table-row-9f24a",
+	"foot": "sti-Table-foot-0c5cf",
+	"empty": "sti-Table-empty-3ca3c",
+	"hidden": "sti-Table-hidden-baa78"
+};
+export { Table_module_default as default };

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

@@ -0,0 +1,2 @@
+import { Table, TableAlign, TableColumn, TableProps, TableRowData, TableSize } from "./Table.js";
+export { Table, TableAlign, TableColumn, TableProps, TableRowData, TableSize };

package/dist/components/ThemeSwitch/ThemeSwitch.js

@@ -3,10 +3,10 @@ import { useMessages } from "../../provider/UIProvider.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { MenuItem } from "../Menu/Menu.js";
 import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { MonitorIcon } from "../../icons/generated/MonitorIcon.js";
 import { MoonIcon } from "../../icons/generated/MoonIcon.js";
 import { SunIcon } from "../../icons/generated/SunIcon.js";
-import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { isTheme } from "../ThemeScript/theme.js";
 import { useTheme } from "../ThemeScript/useTheme.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/TimeSlotPicker/TimeSlotPicker.d.ts

@@ -1,10 +1,5 @@
+import { TimeSlot } from "./timeSlots.js";
 import { ReactNode } from "react";
-export interface TimeSlot {
-  /** Başlangıç saati ("09:30"). */
-  time: string;
-  /** Dolu ya da kapalı saat (seçilemez, görünür kalır). */
-  isUnavailable?: boolean;
-}
 export interface TimeSlotPickerProps {
   label: ReactNode;
   description?: ReactNode;
@@ -28,11 +23,6 @@ export interface TimeSlotPickerProps {
   className?: string;
   id?: string;
 }
-/**
- * Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
- * değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
- */
-export declare function timeSlots(start: string, end: string, stepMinutes: number, unavailable?: readonly string[]): TimeSlot[];
 /**
  * Randevu saati seçimi: saatler hap biçiminde ızgarada (React Aria ListBox, `layout="grid"`);
  * dolu saatler üstü çizili ve seçilemez, sabah, öğleden sonra ve akşam başlıklarıyla gruplu. Oklar

package/dist/components/TimeSlotPicker/TimeSlotPicker.js

@@ -4,33 +4,11 @@ import { template } from "../../text/text.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
 import TimeSlotPicker_module_default from "./TimeSlotPicker.module.js";
+import { toMinutes, toTime } from "./timeSlots.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { Header, ListBox, ListBoxItem, ListBoxSection } from "react-aria-components";
 // src/components/TimeSlotPicker/TimeSlotPicker.tsx
-const toMinutes = (t) => {
-	const m = /^(\d{1,2}):(\d{2})$/.exec(t);
-	return m ? Number(m[1]) * 60 + Number(m[2]) : NaN;
-};
-const toTime = (min) => `${String(Math.floor(min / 60) % 24).padStart(2, "0")}:${String(min % 60).padStart(2, "0")}`;
-/**
-* Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
-* değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
-*/
-function timeSlots(start, end, stepMinutes, unavailable = []) {
-	const from = toMinutes(start);
-	const to = toMinutes(end);
-	if (!Number.isFinite(from) || !Number.isFinite(to) || stepMinutes <= 0) return [];
-	const out = [];
-	for (let m = from; m + stepMinutes <= to; m += stepMinutes) {
-		const time = toTime(m);
-		out.push({
-			time,
-			isUnavailable: unavailable.includes(time)
-		});
-	}
-	return out;
-}
 const partOf = (t) => {
 	const m = toMinutes(t);
 	return m < 720 ? "morning" : m < 1020 ? "afternoon" : "evening";
@@ -159,4 +137,4 @@ function TimeSlotPicker({ label, description, errorMessage, slots, value, defaul
 		]
 	});
 }
-export { TimeSlotPicker, timeSlots };
+export { TimeSlotPicker };

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

@@ -1,2 +1,3 @@
-import { TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots } from "./TimeSlotPicker.js";
-export { TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots };
+import { TimeSlot, timeSlots } from "./timeSlots.js";
+import { TimeSlotPicker, TimeSlotPickerProps } from "./TimeSlotPicker.js";
+export { type TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots };

package/dist/components/TimeSlotPicker/timeSlots.d.ts

@@ -0,0 +1,12 @@
+/** Saat aralığı yardımcıları: istemci yönergesi yoktur, sunucu bileşeninden de çağrılır. */
+export interface TimeSlot {
+  /** Başlangıç saati ("09:30"). */
+  time: string;
+  /** Dolu ya da kapalı saat (seçilemez, görünür kalır). */
+  isUnavailable?: boolean;
+}
+/**
+ * Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
+ * değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
+ */
+export declare function timeSlots(start: string, end: string, stepMinutes: number, unavailable?: readonly string[]): TimeSlot[];

package/dist/components/TimeSlotPicker/timeSlots.js

@@ -0,0 +1,25 @@
+// src/components/TimeSlotPicker/timeSlots.ts
+const toMinutes = (t) => {
+	const m = /^(\d{1,2}):(\d{2})$/.exec(t);
+	return m ? Number(m[1]) * 60 + Number(m[2]) : NaN;
+};
+const toTime = (min) => `${String(Math.floor(min / 60) % 24).padStart(2, "0")}:${String(min % 60).padStart(2, "0")}`;
+/**
+* Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
+* değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
+*/
+function timeSlots(start, end, stepMinutes, unavailable = []) {
+	const from = toMinutes(start);
+	const to = toMinutes(end);
+	if (!Number.isFinite(from) || !Number.isFinite(to) || stepMinutes <= 0) return [];
+	const out = [];
+	for (let m = from; m + stepMinutes <= to; m += stepMinutes) {
+		const time = toTime(m);
+		out.push({
+			time,
+			isUnavailable: unavailable.includes(time)
+		});
+	}
+	return out;
+}
+export { timeSlots, toMinutes, toTime };

package/dist/components/TotalsBlock/TotalsBlock.css

@@ -0,0 +1,86 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-TotalsBlock-root-08e5d {
+    --sti-totals-width: calc(var(--sti-space-32) * 2.5);
+    --sti-totals-line: var(--sti-border-subtle);
+    inline-size: 100%;
+    max-inline-size: var(--sti-totals-width);
+    min-inline-size: 0;
+    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));
+    margin-inline-start: auto;
+  }
+
+  .sti-TotalsBlock-root-08e5d[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-TotalsBlock-root-08e5d[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-TotalsBlock-list-2fc5f {
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-TotalsBlock-row-fa85c {
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 0 var(--sti-space-4);
+    padding-block: var(--sti-document-cell, var(--sti-space-2));
+    border-block-end: var(--sti-border-width) solid var(--sti-totals-line);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-TotalsBlock-label-eb8ed {
+    color: var(--sti-fg-muted);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-TotalsBlock-value-e31ea {
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    margin: 0;
+    margin-inline-start: auto;
+  }
+
+  .sti-TotalsBlock-row-fa85c[data-total] {
+    border-block-end: 0;
+    border-block-start: var(--sti-border-width-strong) solid var(--sti-border-strong);
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-lg);
+  }
+
+  .sti-TotalsBlock-row-fa85c[data-total] > .sti-TotalsBlock-label-eb8ed {
+    color: var(--sti-fg);
+  }
+
+  .sti-TotalsBlock-row-fa85c:has( + .sti-TotalsBlock-row-fa85c[data-total]) {
+    border-block-end: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-TotalsBlock-row-fa85c {
+      border-color: graytext;
+    }
+
+    .sti-TotalsBlock-row-fa85c[data-total] {
+      border-block-start-color: canvastext;
+    }
+  }
+
+  @media print {
+    .sti-TotalsBlock-root-08e5d {
+      break-inside: avoid;
+    }
+  }
+}

package/dist/components/TotalsBlock/TotalsBlock.d.ts

@@ -0,0 +1,32 @@
+import { Locale } from "../../provider/locale.js";
+import { DocumentSize } from "../_document/types.js";
+import { DocumentTotals } from "./totals.js";
+export interface TotalsBlockLabels {
+  subtotal?: string;
+  discount?: string;
+  /** `{rate}` yer tutucusu oranı alır ("KDV %{rate}"). */
+  vat?: string;
+  vatTotal?: string;
+  total?: string;
+}
+export interface TotalsBlockProps {
+  /** Toplamlar; `calculateTotals(lines)` ile hesaplanır ya da elle verilir. */
+  totals: DocumentTotals;
+  /** ISO 4217 para birimi; varsayılan "TRY". */
+  currency?: string;
+  /** Oran başına KDV satırları yerine tek "Toplam KDV" satırı. */
+  isVatCollapsed?: boolean;
+  labels?: TotalsBlockLabels;
+  /** Bloğun adı (ekran okuyucu); varsayılan "Toplamlar". */
+  title?: string;
+  size?: DocumentSize;
+  locale?: Locale;
+  className?: string;
+  id?: string;
+}
+/**
+ * Ara toplam, iskonto, KDV ve genel toplam bloğu. Ad–değer listesidir (`dl`); tutarlar sağa
+ * yaslı ve eşit genişlikte rakamlıdır, genel toplam üstten çizgiyle ayrılır ve büyüktür.
+ * İskonto ve oran satırları yalnız varsa yazılır. Sunucu bileşenidir.
+ */
+export declare function TotalsBlock({ totals, currency, isVatCollapsed, labels, title, size, locale, className, id }: TotalsBlockProps): import("react").JSX.Element;

package/dist/components/TotalsBlock/TotalsBlock.js

@@ -0,0 +1,88 @@
+import { Amount } from "../Amount/Amount.js";
+import { documentText, fill } from "../_document/text.js";
+import TotalsBlock_module_default from "./TotalsBlock.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/TotalsBlock/TotalsBlock.tsx
+/**
+* Ara toplam, iskonto, KDV ve genel toplam bloğu. Ad–değer listesidir (`dl`); tutarlar sağa
+* yaslı ve eşit genişlikte rakamlıdır, genel toplam üstten çizgiyle ayrılır ve büyüktür.
+* İskonto ve oran satırları yalnız varsa yazılır. Sunucu bileşenidir.
+*/
+function TotalsBlock({ totals, currency = "TRY", isVatCollapsed = false, labels, title, size, locale, className, id }) {
+	const t = documentText(locale);
+	const text = {
+		subtotal: labels?.subtotal ?? t.documentSubtotal,
+		discount: labels?.discount ?? t.documentDiscount,
+		vat: labels?.vat ?? t.documentVat,
+		vatTotal: labels?.vatTotal ?? t.documentVatTotal,
+		total: labels?.total ?? t.documentTotal
+	};
+	const money = (value) => /* @__PURE__ */ jsx(Amount, {
+		value,
+		currency,
+		locale
+	});
+	return /* @__PURE__ */ jsx("section", {
+		id,
+		className: [TotalsBlock_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-sti-document-totals": "",
+		"aria-label": title ?? t.documentTotals,
+		children: /* @__PURE__ */ jsxs("dl", {
+			className: TotalsBlock_module_default.list,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: TotalsBlock_module_default.row,
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: TotalsBlock_module_default.label,
+						children: text.subtotal
+					}), /* @__PURE__ */ jsx("dd", {
+						className: TotalsBlock_module_default.value,
+						children: money(totals.subtotal)
+					})]
+				}),
+				totals.discount > 0 ? /* @__PURE__ */ jsxs("div", {
+					className: TotalsBlock_module_default.row,
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: TotalsBlock_module_default.label,
+						children: text.discount
+					}), /* @__PURE__ */ jsx("dd", {
+						className: TotalsBlock_module_default.value,
+						children: money(-totals.discount)
+					})]
+				}) : null,
+				isVatCollapsed ? totals.vatTotal > 0 && /* @__PURE__ */ jsxs("div", {
+					className: TotalsBlock_module_default.row,
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: TotalsBlock_module_default.label,
+						children: text.vatTotal
+					}), /* @__PURE__ */ jsx("dd", {
+						className: TotalsBlock_module_default.value,
+						children: money(totals.vatTotal)
+					})]
+				}) : totals.vat.map((v) => /* @__PURE__ */ jsxs("div", {
+					className: TotalsBlock_module_default.row,
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: TotalsBlock_module_default.label,
+						children: fill(text.vat, { rate: v.rate })
+					}), /* @__PURE__ */ jsx("dd", {
+						className: TotalsBlock_module_default.value,
+						children: money(v.amount)
+					})]
+				}, v.rate)),
+				/* @__PURE__ */ jsxs("div", {
+					className: TotalsBlock_module_default.row,
+					"data-total": "",
+					children: [/* @__PURE__ */ jsx("dt", {
+						className: TotalsBlock_module_default.label,
+						children: text.total
+					}), /* @__PURE__ */ jsx("dd", {
+						className: TotalsBlock_module_default.value,
+						children: money(totals.total)
+					})]
+				})
+			]
+		})
+	});
+}
+export { TotalsBlock };

package/dist/components/TotalsBlock/TotalsBlock.module.js

@@ -0,0 +1,10 @@
+import './TotalsBlock.css';
+// src/components/TotalsBlock/TotalsBlock.module.css
+var TotalsBlock_module_default = {
+	"root": "sti-TotalsBlock-root-08e5d",
+	"list": "sti-TotalsBlock-list-2fc5f",
+	"row": "sti-TotalsBlock-row-fa85c",
+	"label": "sti-TotalsBlock-label-eb8ed",
+	"value": "sti-TotalsBlock-value-e31ea"
+};
+export { TotalsBlock_module_default as default };

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

@@ -0,0 +1,3 @@
+import { DocumentTotals, VatLine, calculateTotals } from "./totals.js";
+import { TotalsBlock, TotalsBlockLabels, TotalsBlockProps } from "./TotalsBlock.js";
+export { type DocumentTotals, TotalsBlock, TotalsBlockLabels, TotalsBlockProps, type VatLine, calculateTotals };

package/dist/components/TotalsBlock/totals.d.ts

@@ -0,0 +1,28 @@
+import { DocumentLine } from "../_document/types.js";
+/** Bir KDV oranının matrahı ve tutarı. */
+export interface VatLine {
+  /** Yüzde olarak oran (20). */
+  rate: number;
+  /** Bu orana tabi iskontolu tutar (matrah). */
+  base: number;
+  /** Matrahın KDV'si. */
+  amount: number;
+}
+export interface DocumentTotals {
+  /** İskontosuz ara toplam (KDV hariç). */
+  subtotal: number;
+  /** Toplam iskonto (pozitif sayı). */
+  discount: number;
+  /** Orana göre KDV dökümü; yalnız sıfırdan büyük oranlar, küçükten büyüğe. */
+  vat: readonly VatLine[];
+  /** Toplam KDV. */
+  vatTotal: number;
+  /** Genel toplam = ara toplam − iskonto + KDV. */
+  total: number;
+}
+/**
+ * Kalemlerden toplamları hesaplar. Her kalemin tutarı kuruşa yuvarlanır, iskonto kalem
+ * düzeyindedir, KDV oran başına matrah toplamı üzerinden hesaplanır ve kuruşa yuvarlanır
+ * (fatura düzenleme uygulamalarındaki olağan yöntem). Sonlu olmayan sayılar hata verir.
+ */
+export declare function calculateTotals(lines: readonly DocumentLine[]): DocumentTotals;