@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/_internal/nav/nav.css

@@ -1,6 +1,6 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-nav-badge-756cf {
+  .sti-nav-badge-b7ac0 {
     box-sizing: border-box;
     block-size: 1.25rem;
     min-inline-size: 1.25rem;
@@ -17,16 +17,21 @@
     display: inline-grid;
   }
 
-  .sti-nav-badge-756cf[data-on-accent] {
+  .sti-nav-badge-b7ac0[data-on-accent] {
     background: var(--sti-bg-surface);
     color: var(--sti-fg-accent-strong);
   }
 
-  .sti-nav-badge-756cf[data-variant="inline"] {
+  .sti-nav-badge-b7ac0[data-tone="neutral"] {
+    background: var(--sti-bg-surface-active);
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-nav-badge-b7ac0[data-variant="inline"] {
     margin-inline-start: auto;
   }
 
-  .sti-nav-badge-756cf[data-variant="corner"] {
+  .sti-nav-badge-b7ac0[data-variant="corner"] {
     block-size: 1.125rem;
     min-inline-size: 1.125rem;
     box-shadow: 0 0 0 2px var(--sti-bg-surface);
@@ -35,26 +40,32 @@
     inset-inline-start: calc(100% - .625rem);
   }
 
-  .sti-nav-badge-756cf[data-dot] {
+  .sti-nav-badge-b7ac0[data-dot] {
     block-size: .5rem;
     inline-size: .5rem;
     min-inline-size: 0;
     padding: 0;
   }
 
-  .sti-nav-badge-756cf[data-variant="corner"][data-dot] {
+  .sti-nav-badge-b7ac0[data-variant="corner"][data-dot] {
     inset-block-start: -.125rem;
     inset-inline-start: calc(100% - .25rem);
   }
 
   @media (forced-colors: active) {
-    .sti-nav-badge-756cf {
+    .sti-nav-badge-b7ac0 {
       color: highlighttext;
       forced-color-adjust: none;
       background: highlight;
     }
 
-    .sti-nav-badge-756cf[data-on-accent] {
+    .sti-nav-badge-b7ac0[data-tone="neutral"] {
+      border: var(--sti-border-width) solid CanvasText;
+      color: canvastext;
+      background: canvas;
+    }
+
+    .sti-nav-badge-b7ac0[data-on-accent] {
       color: highlight;
       background: highlighttext;
     }

package/dist/components/_internal/nav/nav.module.js

@@ -1,4 +1,4 @@
 import './nav.css';
 // src/components/_internal/nav/nav.module.css
-var nav_module_default = { "badge": "sti-nav-badge-756cf" };
+var nav_module_default = { "badge": "sti-nav-badge-b7ac0" };
 export { nav_module_default as default };

package/dist/components/_internal/overlay/OverlayFrame.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMessages } from "../../../provider/UIProvider.js";
-import { useThemeContext } from "../themeContext.js";
 import { VisuallyHidden } from "../../VisuallyHidden/VisuallyHidden.js";
+import { useThemeContext } from "../themeContext.js";
 import { CloseButton } from "../../CloseButton/CloseButton.js";
 import overlay_module_default from "./overlay.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/_internal/tree/openBranchKey.js

@@ -0,0 +1,23 @@
+// src/components/_internal/tree/openBranchKey.ts
+/**
+* APG Tree: açık dalda → (sağdan sola yazımda ←) ilk çocuğa iner. React Aria açık dalda bu tuşta
+* yerinde kalır; tuş React'in yakalama aşamasında, ağacın kendi işleyicisinden önce karşılanır ve
+* ilk çocuk bir sonraki satır olduğundan ↓ hareketine çevrilir (odak React Aria'nın durumundadır).
+*/
+function onOpenBranchKey(e) {
+	const forward = getComputedStyle(e.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+	if (e.key !== forward || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+	const row = e.target;
+	if (row.getAttribute("role") !== "row" || row.getAttribute("aria-expanded") !== "true") return;
+	const level = Number(row.getAttribute("aria-level"));
+	const next = row.nextElementSibling;
+	if (!next || Number(next.getAttribute("aria-level")) !== level + 1) return;
+	e.preventDefault();
+	e.stopPropagation();
+	row.dispatchEvent(new globalThis.KeyboardEvent("keydown", {
+		key: "ArrowDown",
+		bubbles: true,
+		cancelable: true
+	}));
+}
+export { onOpenBranchKey };

package/dist/csp/csp.d.ts

@@ -3,7 +3,7 @@
  *
  * React Aria, onay kutusu, anahtar ve radyo düğmesinin gerçek (gizli) input'unu ve Select'in
  * otomatik doldurma için çizdiği yerel seçimi sunucuda sabit `style` öznitelikleriyle gizler;
- * kaydırıcının rayına, etiket grubunun (ChipGroup) hücrelerine ve dosya seçicinin (FileUpload)
+ * kaydırıcının rayına, etiket grubunun (ChipGroup) ve listenin (ListView) hücrelerine, tablo satırlarına (DataTable) ve dosya seçicinin (FileUpload)
  * gizli alanına ve parçalı tarih alanının giriş grubuyla parçalarına da sabit stil yazar (tutamaçlar
  * yalnız tarayıcıda, CSSOM ile çizilir). Her birinin aynısı paketin CSS'inde de vardır. Nonce'lu sıkı CSP bu özniteliği engeller; paket aynı gizlemeyi
  * sınıfla da yaptığı için görünüş yine doğrudur (`styles/scoped.css`). Tarayıcının konsola ihlal
@@ -13,6 +13,7 @@
  *     'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718=' 'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='
  *     'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac=' 'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='
  *     'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw=' 'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='
+ *     'sha256-hJ78XysmC8+yKD8GyyhebrEz/YhXS2S5hjsPgxZfCaU=' 'sha256-1OjyRYLAOH1vhXLUN4bBHal0rWxuwBDBP220NNc0CNU='
  *
  * `'unsafe-hashes'` yalnız listelenen sabit öznitelik değerlerine izin verir; başka hiçbir satır içi
  * stil çalışmaz. Değer React Aria sürümüne bağlıdır ve testte her sürümde yeniden doğrulanır.
@@ -31,7 +32,18 @@ export declare const ARIA_FILE_TRIGGER_STYLE = "display:none";
 export declare const ARIA_DATE_INPUT_STYLE = "unicode-bidi:isolate";
 /** Parçalı tarih alanının her parçasının `style` özniteliğinin tam değeri. */
 export declare const ARIA_DATE_SEGMENT_STYLE = "caret-color:transparent";
+/**
+ * Tablo satırının (DataTable) `style` özniteliğinin tam değeri: yalnız iç içe satır düzeyi
+ * değişkeni; düz tabloda kullanılmaz, engellense de görünüş değişmez.
+ */
+export declare const ARIA_TABLE_ROW_STYLE = "--table-row-level:1";
+/**
+ * Sürükle-bırak tutamacının (ListView, Kanban) `style` özniteliğinin tam değeri: fareyle satırın
+ * kendisi sürüklenir, tutamaç yalnız klavye ve yardımcı teknoloji içindir. Paket aynısını
+ * sınıfla da verir.
+ */
+export declare const ARIA_DRAG_BUTTON_STYLE = "pointer-events:none";
 /** CSP `style-src-attr` için özetler (tırnaklı, doğrudan yönergeye yazılır). */
-export declare const CSP_STYLE_ATTR_HASHES: readonly ["'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='", "'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718='", "'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='", "'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac='", "'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='", "'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw='", "'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='"];
+export declare const CSP_STYLE_ATTR_HASHES: readonly ["'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='", "'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718='", "'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='", "'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac='", "'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='", "'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw='", "'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='", "'sha256-hJ78XysmC8+yKD8GyyhebrEz/YhXS2S5hjsPgxZfCaU='", "'sha256-1OjyRYLAOH1vhXLUN4bBHal0rWxuwBDBP220NNc0CNU='"];
 /** Hazır yönerge: `style-src-attr 'unsafe-hashes' 'sha256-…'`. */
 export declare const CSP_STYLE_ATTR_DIRECTIVE: string;

package/dist/csp/csp.js

@@ -4,7 +4,7 @@
 *
 * React Aria, onay kutusu, anahtar ve radyo düğmesinin gerçek (gizli) input'unu ve Select'in
 * otomatik doldurma için çizdiği yerel seçimi sunucuda sabit `style` öznitelikleriyle gizler;
-* kaydırıcının rayına, etiket grubunun (ChipGroup) hücrelerine ve dosya seçicinin (FileUpload)
+* kaydırıcının rayına, etiket grubunun (ChipGroup) ve listenin (ListView) hücrelerine, tablo satırlarına (DataTable) ve dosya seçicinin (FileUpload)
 * gizli alanına ve parçalı tarih alanının giriş grubuyla parçalarına da sabit stil yazar (tutamaçlar
 * yalnız tarayıcıda, CSSOM ile çizilir). Her birinin aynısı paketin CSS'inde de vardır. Nonce'lu sıkı CSP bu özniteliği engeller; paket aynı gizlemeyi
 * sınıfla da yaptığı için görünüş yine doğrudur (`styles/scoped.css`). Tarayıcının konsola ihlal
@@ -14,6 +14,7 @@
 *     'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718=' 'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='
 *     'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac=' 'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='
 *     'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw=' 'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='
+*     'sha256-hJ78XysmC8+yKD8GyyhebrEz/YhXS2S5hjsPgxZfCaU=' 'sha256-1OjyRYLAOH1vhXLUN4bBHal0rWxuwBDBP220NNc0CNU='
 *
 * `'unsafe-hashes'` yalnız listelenen sabit öznitelik değerlerine izin verir; başka hiçbir satır içi
 * stil çalışmaz. Değer React Aria sürümüne bağlıdır ve testte her sürümde yeniden doğrulanır.
@@ -32,6 +33,17 @@ const ARIA_FILE_TRIGGER_STYLE = "display:none";
 const ARIA_DATE_INPUT_STYLE = "unicode-bidi:isolate";
 /** Parçalı tarih alanının her parçasının `style` özniteliğinin tam değeri. */
 const ARIA_DATE_SEGMENT_STYLE = "caret-color:transparent";
+/**
+* Tablo satırının (DataTable) `style` özniteliğinin tam değeri: yalnız iç içe satır düzeyi
+* değişkeni; düz tabloda kullanılmaz, engellense de görünüş değişmez.
+*/
+const ARIA_TABLE_ROW_STYLE = "--table-row-level:1";
+/**
+* Sürükle-bırak tutamacının (ListView, Kanban) `style` özniteliğinin tam değeri: fareyle satırın
+* kendisi sürüklenir, tutamaç yalnız klavye ve yardımcı teknoloji içindir. Paket aynısını
+* sınıfla da verir.
+*/
+const ARIA_DRAG_BUTTON_STYLE = "pointer-events:none";
 /** CSP `style-src-attr` için özetler (tırnaklı, doğrudan yönergeye yazılır). */
 const CSP_STYLE_ATTR_HASHES = [
 	"'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='",
@@ -40,8 +52,10 @@ const CSP_STYLE_ATTR_HASHES = [
 	"'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac='",
 	"'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='",
 	"'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw='",
-	"'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='"
+	"'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='",
+	"'sha256-hJ78XysmC8+yKD8GyyhebrEz/YhXS2S5hjsPgxZfCaU='",
+	"'sha256-1OjyRYLAOH1vhXLUN4bBHal0rWxuwBDBP220NNc0CNU='"
 ];
 /** Hazır yönerge: `style-src-attr 'unsafe-hashes' 'sha256-…'`. */
 const CSP_STYLE_ATTR_DIRECTIVE = `style-src-attr 'unsafe-hashes' ${CSP_STYLE_ATTR_HASHES.join(" ")}`;
-export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_DRAG_BUTTON_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, ARIA_TABLE_ROW_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };

package/dist/csp/index.d.ts

@@ -1,2 +1,2 @@
-import { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";
-export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };
+import { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_DRAG_BUTTON_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, ARIA_TABLE_ROW_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_DRAG_BUTTON_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, ARIA_TABLE_ROW_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };

package/dist/csp/index.js

@@ -1 +1 @@
-export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_DRAG_BUTTON_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, ARIA_TABLE_ROW_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";

package/dist/document/index.d.ts

@@ -1,13 +1,27 @@
 import { DOCUMENT_SIZES, DocumentLine, DocumentMetaItem, DocumentParty, DocumentSize } from "../components/_document/types.js";
 import { DocumentLayout, DocumentLayoutProps, DocumentLetterhead } from "../components/DocumentLayout/DocumentLayout.js";
+import { Clause, NumberedClauses, NumberedClausesProps } from "../components/NumberedClauses/NumberedClauses.js";
+import { Signatory, SignatureBlock, SignatureBlockProps } from "../components/SignatureBlock/SignatureBlock.js";
+import { ContractParty, ContractTemplate, ContractTemplateProps } from "../components/ContractTemplate/ContractTemplate.js";
+import "../components/ContractTemplate/index.js";
+import { CoverPage, CoverPageProps } from "../components/CoverPage/CoverPage.js";
+import "../components/CoverPage/index.js";
 import "../components/DocumentLayout/index.js";
 import { DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow } from "../components/DocumentTable/DocumentTable.js";
 import "../components/DocumentTable/index.js";
+import { DocumentToc, DocumentTocItem, DocumentTocProps, tocNumbers } from "../components/DocumentToc/DocumentToc.js";
+import { InvoiceTemplate, InvoiceTemplateProps } from "../components/InvoiceTemplate/InvoiceTemplate.js";
+import "../components/InvoiceTemplate/index.js";
+import "../components/NumberedClauses/index.js";
 import { PageNumber, PageNumberProps } from "../components/PageNumber/PageNumber.js";
 import { PaymentInfo, PaymentInfoLabels, PaymentInfoProps } from "../components/PaymentInfo/PaymentInfo.js";
 import "../components/PaymentInfo/index.js";
+import { QuoteTemplate, QuoteTemplateProps } from "../components/QuoteTemplate/QuoteTemplate.js";
+import "../components/QuoteTemplate/index.js";
+import { ReportFigure, ReportTemplate, ReportTemplateProps } from "../components/ReportTemplate/ReportTemplate.js";
+import "../components/ReportTemplate/index.js";
 import { DocumentTotals, VatLine, calculateTotals } from "../components/TotalsBlock/totals.js";
 import { TotalsBlock, TotalsBlockLabels, TotalsBlockProps } from "../components/TotalsBlock/TotalsBlock.js";
 import "../components/TotalsBlock/index.js";
 import { Watermark, WatermarkProps, WatermarkVariant } from "../components/Watermark/Watermark.js";
-export { DOCUMENT_SIZES, DocumentLayout, DocumentLayoutProps, DocumentLetterhead, type DocumentLine, type DocumentMetaItem, type DocumentParty, type DocumentSize, DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow, type DocumentTotals, PageNumber, PageNumberProps, PaymentInfo, PaymentInfoLabels, PaymentInfoProps, TotalsBlock, TotalsBlockLabels, TotalsBlockProps, type VatLine, Watermark, WatermarkProps, WatermarkVariant, calculateTotals };
+export { Clause, ContractParty, ContractTemplate, ContractTemplateProps, CoverPage, CoverPageProps, DOCUMENT_SIZES, DocumentLayout, DocumentLayoutProps, DocumentLetterhead, type DocumentLine, type DocumentMetaItem, type DocumentParty, type DocumentSize, DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow, DocumentToc, DocumentTocItem, DocumentTocProps, type DocumentTotals, InvoiceTemplate, InvoiceTemplateProps, NumberedClauses, NumberedClausesProps, PageNumber, PageNumberProps, PaymentInfo, PaymentInfoLabels, PaymentInfoProps, QuoteTemplate, QuoteTemplateProps, ReportFigure, ReportTemplate, ReportTemplateProps, Signatory, SignatureBlock, SignatureBlockProps, TotalsBlock, TotalsBlockLabels, TotalsBlockProps, type VatLine, Watermark, WatermarkProps, WatermarkVariant, calculateTotals, tocNumbers };

package/dist/document/index.js

@@ -1,9 +1,17 @@
 import { DOCUMENT_SIZES } from "../components/_document/types.js";
 import { DocumentLayout } from "../components/DocumentLayout/DocumentLayout.js";
+import { NumberedClauses } from "../components/NumberedClauses/NumberedClauses.js";
+import { SignatureBlock } from "../components/SignatureBlock/SignatureBlock.js";
+import { ContractTemplate } from "../components/ContractTemplate/ContractTemplate.js";
+import { CoverPage } from "../components/CoverPage/CoverPage.js";
 import { DocumentTable } from "../components/DocumentTable/DocumentTable.js";
-import { PageNumber } from "../components/PageNumber/PageNumber.js";
+import { DocumentToc, tocNumbers } from "../components/DocumentToc/DocumentToc.js";
 import { PaymentInfo } from "../components/PaymentInfo/PaymentInfo.js";
 import { TotalsBlock } from "../components/TotalsBlock/TotalsBlock.js";
 import { calculateTotals } from "../components/TotalsBlock/totals.js";
+import { InvoiceTemplate } from "../components/InvoiceTemplate/InvoiceTemplate.js";
+import { PageNumber } from "../components/PageNumber/PageNumber.js";
+import { QuoteTemplate } from "../components/QuoteTemplate/QuoteTemplate.js";
+import { ReportTemplate } from "../components/ReportTemplate/ReportTemplate.js";
 import { Watermark } from "../components/Watermark/Watermark.js";
-export { DOCUMENT_SIZES, DocumentLayout, DocumentTable, PageNumber, PaymentInfo, TotalsBlock, Watermark, calculateTotals };
+export { ContractTemplate, CoverPage, DOCUMENT_SIZES, DocumentLayout, DocumentTable, DocumentToc, InvoiceTemplate, NumberedClauses, PageNumber, PaymentInfo, QuoteTemplate, ReportTemplate, SignatureBlock, TotalsBlock, Watermark, calculateTotals, tocNumbers };

package/dist/editor/CodeEditor/CodeEditor.js

@@ -1,14 +1,14 @@
 "use client";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { FieldDescription, FieldErrorText, FieldLabel, fieldStyles } from "../../components/Field/Field.js";
 import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { FieldDescription, FieldErrorText, FieldLabel, fieldStyles } from "../../components/Field/Field.js";
 import { announce } from "../../components/Alert/announcer.js";
+import { splitLines, tokenize } from "./highlight.js";
 import { CopyButton } from "../../components/CopyButton/CopyButton.js";
 import { applyEdit } from "../_shared/textEdit.js";
 import CodeEditor_module_default from "./CodeEditor.module.js";
 import { backspaceEdit, caretPosition, commentEdit, enterEdit, indentEdit, indentUnit, moveLinesEdit, typeEdit } from "./codeEdits.js";
-import { splitLines, tokenize } from "./highlight.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { TextArea, TextField } from "react-aria-components";

package/dist/editor/CommentComposer/CommentComposer.css

@@ -0,0 +1,82 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CommentComposer-root-9c96c {
+    column-gap: var(--sti-space-3);
+    row-gap: var(--sti-space-2);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    font-family: var(--sti-font-text);
+    grid-template-columns: auto minmax(0, 1fr);
+    display: grid;
+  }
+
+  .sti-CommentComposer-root-9c96c:not(:has(.sti-CommentComposer-avatar-acec2)) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .sti-CommentComposer-avatar-acec2 {
+    margin-block-start: var(--sti-space-1);
+  }
+
+  .sti-CommentComposer-box-23a6f {
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-CommentComposer-field-6b988, .sti-CommentComposer-files-7dfa7 {
+    min-inline-size: 0;
+  }
+
+  .sti-CommentComposer-bar-8898f {
+    align-items: center;
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-CommentComposer-tools-f9289 {
+    align-items: center;
+    gap: var(--sti-space-1);
+    flex: none;
+    display: flex;
+  }
+
+  .sti-CommentComposer-hint-03b4f {
+    min-inline-size: 0;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    text-align: end;
+    flex: auto;
+  }
+
+  .sti-CommentComposer-actions-b434c {
+    gap: var(--sti-space-2);
+    flex: none;
+    margin-inline-start: auto;
+    display: flex;
+  }
+
+  .sti-CommentComposer-fileInput-f62f9 {
+    display: none;
+  }
+
+  .sti-CommentComposer-error-bfd05 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    color: var(--sti-fg-danger-strong);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    grid-column: -2 / -1;
+    margin: 0;
+    display: flex;
+  }
+
+  @media (pointer: coarse) {
+    .sti-CommentComposer-hint-03b4f {
+      display: none;
+    }
+  }
+}

package/dist/editor/CommentComposer/CommentComposer.d.ts

@@ -0,0 +1,54 @@
+import { MentionUser } from "../../components/Mentions/Mentions.js";
+import { ReactNode } from "react";
+export interface CommentDraft {
+  /** Yorum metni (anmalar "@Ad Soyad" olarak). */
+  text: string;
+  /** Anılan kişilerin kimlikleri. */
+  mentions: string[];
+  /** Eklenen dosyalar. */
+  files: File[];
+}
+export interface CommentComposerProps {
+  /** Yazma alanının adı ("Yorum yazın"); görsel olarak gizlidir. */
+  label?: string;
+  placeholder?: string;
+  /** Yorumu yazan kişi (soldaki avatar). */
+  author?: {
+    name: string;
+    avatarSrc?: string;
+  };
+  /** Anılabilecek kişiler. */
+  users?: readonly MentionUser[];
+  /**
+   * Gönderir. Söz bitene dek düğme bekler; başarıda alan ve ekler temizlenir. Reddedilen söz ya da
+   * dönen hata metni alanın altında yazılır, taslak korunur.
+   */
+  onSubmit: (draft: CommentDraft) => void | string | Promise<void | string>;
+  /** Verilirse "Vazgeçin" (yanıt ya da düzenleme kipinde). */
+  onCancel?: () => void;
+  /** Dosya ekleme (varsayılan açık). */
+  allowAttachments?: boolean;
+  /** Kabul edilen türler (`accept`). */
+  accept?: string;
+  /** En çok dosya sayısı. Varsayılan 5. */
+  maxFiles?: number;
+  /** Dosya başına en çok boyut (bayt). Varsayılan 10 MB. */
+  maxFileSize?: number;
+  maxLength?: number;
+  /** Gönder düğmesi metni; verilmezse "Gönderin". */
+  submitLabel?: string;
+  defaultValue?: string;
+  autoFocus?: boolean;
+  isDisabled?: boolean;
+  /** Ek düğme ve gönderimin yanındaki içerik (ör. "Yalnız ekip görür" anahtarı). */
+  extra?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * Yorum yazma alanı (görev, onay ve dosya yorumları): avatar, kişi anmalı çok satırlı alan (@ ile
+ * öneri listesi), dosya ekleri (kaldırılabilir çipler; tür, sayı ve boyut sınırı), Ctrl/Cmd + Enter
+ * ile gönderme. Gönderim beklenirken taslak kilitlenir; hata alanın altında yazılır ve taslak
+ * korunur.
+ */
+export declare function CommentComposer({ label, placeholder, author, users, onSubmit, onCancel, allowAttachments, accept, maxFiles, maxFileSize, maxLength, submitLabel, defaultValue, autoFocus, isDisabled, extra, className, id }: CommentComposerProps): import("react").JSX.Element;

package/dist/editor/CommentComposer/CommentComposer.js

@@ -0,0 +1,205 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
+import { Button } from "../../components/Button/Button.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { Chip, ChipGroup } from "../../components/Chip/Chip.js";
+import { Mentions } from "../../components/Mentions/Mentions.js";
+import { FileIcon } from "../../icons/generated/FileIcon.js";
+import { PaperclipIcon } from "../../icons/generated/PaperclipIcon.js";
+import { SendIcon } from "../../icons/generated/SendIcon.js";
+import CommentComposer_module_default from "./CommentComposer.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+// src/editor/CommentComposer/CommentComposer.tsx
+const MB = 1048576;
+/**
+* Yorum yazma alanı (görev, onay ve dosya yorumları): avatar, kişi anmalı çok satırlı alan (@ ile
+* öneri listesi), dosya ekleri (kaldırılabilir çipler; tür, sayı ve boyut sınırı), Ctrl/Cmd + Enter
+* ile gönderme. Gönderim beklenirken taslak kilitlenir; hata alanın altında yazılır ve taslak
+* korunur.
+*/
+function CommentComposer({ label, placeholder, author, users = [], onSubmit, onCancel, allowAttachments = true, accept, maxFiles = 5, maxFileSize = 10 * MB, maxLength, submitLabel, defaultValue = "", autoFocus, isDisabled, extra, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const auto = useId();
+	const base = id ?? auto;
+	const [text, setText] = useState(defaultValue);
+	const [mentions, setMentions] = useState([]);
+	const [files, setFiles] = useState([]);
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState(null);
+	const [notice, setNotice] = useState(null);
+	const fileInput = useRef(null);
+	const textRef = useRef(null);
+	const seq = useRef(0);
+	const empty = text.trim().length === 0 && files.length === 0;
+	const tooLong = maxLength !== void 0 && [...text].length > maxLength;
+	const locked = isDisabled || pending;
+	const addFiles = (list) => {
+		if (!list) return;
+		const accepted = [];
+		const rejected = [];
+		for (const file of Array.from(list)) {
+			if (files.length + accepted.length >= maxFiles) {
+				rejected.push(template(t.commentTooManyFiles, { max: maxFiles }));
+				break;
+			}
+			if (file.size > maxFileSize) {
+				rejected.push(template(t.commentFileTooLarge, {
+					name: file.name,
+					max: f.fileSize(maxFileSize)
+				}));
+				continue;
+			}
+			seq.current += 1;
+			accepted.push({
+				key: `f${seq.current}`,
+				file
+			});
+		}
+		if (accepted.length) setFiles((prev) => [...prev, ...accepted]);
+		setNotice(rejected.length ? rejected.join(" ") : null);
+	};
+	const submit = async () => {
+		if (locked || empty || tooLong) return;
+		setPending(true);
+		setError(null);
+		try {
+			const result = await onSubmit({
+				text: text.trim(),
+				mentions,
+				files: files.map((a) => a.file)
+			});
+			if (typeof result === "string" && result) setError(result);
+			else {
+				setText("");
+				setMentions([]);
+				setFiles([]);
+				setNotice(null);
+				textRef.current?.focus();
+			}
+		} catch {
+			setError(t.commentFailed);
+		} finally {
+			setPending(false);
+		}
+	};
+	const onKeyDown = (e) => {
+		if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+			e.preventDefault();
+			submit();
+		} else if (e.key === "Escape" && onCancel && empty) onCancel();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: [CommentComposer_module_default.root, className].filter(Boolean).join(" "),
+		"data-disabled": isDisabled ? "" : void 0,
+		"data-pending": pending ? "" : void 0,
+		children: [
+			author ? /* @__PURE__ */ jsx(Avatar, {
+				name: author.name,
+				src: author.avatarSrc,
+				size: "sm",
+				className: CommentComposer_module_default.avatar
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: CommentComposer_module_default.box,
+				children: [
+					/* @__PURE__ */ jsx(Mentions, {
+						id: base,
+						label: label ?? t.commentLabel,
+						hideLabel: true,
+						placeholder: placeholder ?? t.commentPlaceholder,
+						users,
+						value: text,
+						onChange: (v) => {
+							setText(v);
+							setError(null);
+						},
+						onMentionsChange: setMentions,
+						maxLength,
+						minRows: 2,
+						maxRows: 10,
+						isDisabled: locked,
+						autoFocus,
+						onKeyDown,
+						inputRef: textRef,
+						className: CommentComposer_module_default.field
+					}),
+					files.length ? /* @__PURE__ */ jsx(ChipGroup, {
+						label: t.commentAttachments,
+						isLabelHidden: true,
+						size: "sm",
+						onRemove: (keys) => setFiles((prev) => prev.filter((a) => !keys.has(a.key))),
+						className: CommentComposer_module_default.files,
+						children: files.map((a) => /* @__PURE__ */ jsx(Chip, {
+							id: a.key,
+							icon: /* @__PURE__ */ jsx(FileIcon, {}),
+							isDisabled: locked,
+							children: `${a.file.name} (${f.fileSize(a.file.size)})`
+						}, a.key))
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: CommentComposer_module_default.bar,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: CommentComposer_module_default.tools,
+								children: [allowAttachments ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+									size: "sm",
+									label: t.commentAttach,
+									icon: /* @__PURE__ */ jsx(PaperclipIcon, {}),
+									isDisabled: locked || files.length >= maxFiles,
+									onPress: () => fileInput.current?.click()
+								}), /* @__PURE__ */ jsx("input", {
+									ref: fileInput,
+									type: "file",
+									multiple: true,
+									accept,
+									className: CommentComposer_module_default.fileInput,
+									tabIndex: -1,
+									"aria-hidden": "true",
+									onChange: (e) => {
+										addFiles(e.currentTarget.files);
+										e.currentTarget.value = "";
+									}
+								})] }) : null, extra]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: CommentComposer_module_default.hint,
+								id: `${base}-hint`,
+								children: t.commentShortcut
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: CommentComposer_module_default.actions,
+								children: [onCancel ? /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "sm",
+									isDisabled: pending,
+									onPress: onCancel,
+									children: t.commentCancel
+								}) : null, /* @__PURE__ */ jsx(Button, {
+									variant: "primary",
+									size: "sm",
+									iconEnd: /* @__PURE__ */ jsx(SendIcon, {}),
+									isPending: pending,
+									isDisabled: isDisabled || empty || tooLong,
+									onPress: () => void submit(),
+									"aria-describedby": `${base}-hint`,
+									children: submitLabel ?? t.commentSubmit
+								})]
+							})
+						]
+					})
+				]
+			}),
+			error || notice ? /* @__PURE__ */ jsxs("p", {
+				className: CommentComposer_module_default.error,
+				role: "alert",
+				children: [/* @__PURE__ */ jsx(AlertCircleIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: error ?? notice })]
+			}) : null
+		]
+	});
+}
+export { CommentComposer };

package/dist/editor/CommentComposer/CommentComposer.module.js

@@ -0,0 +1,16 @@
+import './CommentComposer.css';
+// src/editor/CommentComposer/CommentComposer.module.css
+var CommentComposer_module_default = {
+	"root": "sti-CommentComposer-root-9c96c",
+	"avatar": "sti-CommentComposer-avatar-acec2",
+	"box": "sti-CommentComposer-box-23a6f",
+	"field": "sti-CommentComposer-field-6b988",
+	"files": "sti-CommentComposer-files-7dfa7",
+	"bar": "sti-CommentComposer-bar-8898f",
+	"tools": "sti-CommentComposer-tools-f9289",
+	"hint": "sti-CommentComposer-hint-03b4f",
+	"actions": "sti-CommentComposer-actions-b434c",
+	"fileInput": "sti-CommentComposer-fileInput-f62f9",
+	"error": "sti-CommentComposer-error-bfd05"
+};
+export { CommentComposer_module_default as default };

package/dist/editor/CommentComposer/index.d.ts

@@ -0,0 +1,2 @@
+import { CommentComposer, CommentComposerProps, CommentDraft } from "./CommentComposer.js";
+export { CommentComposer, CommentComposerProps, CommentDraft };

package/dist/editor/JsonEditor/JsonEditor.js

@@ -1,8 +1,8 @@
 "use client";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
 import { Button } from "../../components/Button/Button.js";
+import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
 import { applyEdit, revealOffset } from "../_shared/textEdit.js";
 import { CodeEditor } from "../CodeEditor/CodeEditor.js";
 import JsonEditor_module_default from "./JsonEditor.module.js";