@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/SideNav/SideNav.css

@@ -1,6 +1,8 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-SideNav-root-fc1d9 {
+  .sti-SideNav-root-87ae2 {
+    --sti-side-nav-pad: var(--sti-space-2);
+    --sti-side-nav-guide: calc(var(--sti-side-nav-pad) + var(--sti-icon-sm) / 2);
     box-sizing: border-box;
     max-block-size: 100%;
     inline-size: 100%;
@@ -10,75 +12,83 @@
     display: flex;
   }
 
-  .sti-SideNav-header-94f12, .sti-SideNav-footer-01908 {
+  .sti-SideNav-header-32312, .sti-SideNav-footer-ac8b1 {
     padding: var(--sti-space-3);
     flex: none;
   }
 
-  .sti-SideNav-header-94f12 {
-    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+  .sti-SideNav-header-32312 {
+    padding-block-end: var(--sti-space-2);
   }
 
-  .sti-SideNav-footer-01908 {
+  .sti-SideNav-footer-ac8b1 {
     border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
   }
 
-  .sti-SideNav-body-8eb58 {
+  .sti-SideNav-body-1761f {
     align-content: start;
-    gap: var(--sti-space-4);
+    gap: var(--sti-space-5);
     min-block-size: 0;
-    padding: var(--sti-space-3);
+    padding: var(--sti-space-2) var(--sti-space-3) var(--sti-space-4);
+    overscroll-behavior: contain;
     scrollbar-width: thin;
+    scrollbar-color: var(--sti-border) transparent;
     flex: auto;
     display: grid;
     overflow-y: auto;
   }
 
-  .sti-SideNav-section-8d217 {
+  .sti-SideNav-section-e1aa5 {
     gap: var(--sti-space-1);
     display: grid;
   }
 
-  .sti-SideNav-title-e7072 {
-    padding-inline: var(--sti-space-3);
+  .sti-SideNav-title-f5037 {
+    padding-inline: var(--sti-side-nav-pad);
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-xs);
-    font-weight: var(--sti-font-weight-semibold);
-    letter-spacing: .02em;
+    font-weight: var(--sti-font-weight-medium);
+    letter-spacing: var(--sti-tracking-xs);
     line-height: var(--sti-line-height-xs);
+    padding-block-end: var(--sti-space-0-5);
   }
 
-  .sti-SideNav-list-51f4c, .sti-SideNav-sublist-ba86f {
-    gap: var(--sti-space-0-5);
+  .sti-SideNav-list-f03d5, .sti-SideNav-sublist-b1ae1 {
+    gap: 1px;
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
   }
 
-  .sti-SideNav-sublist-ba86f {
-    margin-block-start: var(--sti-space-0-5);
-    padding-inline-start: calc(var(--sti-icon-sm) + var(--sti-space-2));
+  .sti-SideNav-sublist-b1ae1 {
+    margin-block: 1px var(--sti-space-1);
+    border-inline-start: var(--sti-border-width) solid var(--sti-border-subtle);
+    margin-inline-start: var(--sti-side-nav-guide);
+    padding-inline-start: calc(var(--sti-space-2) - var(--sti-border-width));
+    position: relative;
   }
 
-  .sti-SideNav-sublist-ba86f[hidden] {
+  .sti-SideNav-sublist-b1ae1[hidden] {
     display: none;
   }
 
-  .sti-SideNav-item-c7c74 {
+  .sti-SideNav-item-1d49f {
     align-items: center;
     gap: var(--sti-space-2);
     box-sizing: border-box;
     inline-size: 100%;
     min-block-size: var(--sti-control-h-sm);
-    padding-inline: var(--sti-space-3);
+    padding-inline: var(--sti-side-nav-pad);
     border-radius: var(--sti-radius-md);
     color: var(--sti-fg-muted);
     font: inherit;
     font-size: var(--sti-font-size-sm);
     font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
     text-align: start;
     cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
     transition: color var(--sti-duration-fast) var(--sti-ease-snap),
       background-color var(--sti-duration-fast) var(--sti-ease-snap);
     background: none;
@@ -90,59 +100,87 @@
   }
 
   @media (pointer: coarse) {
-    .sti-SideNav-item-c7c74 {
+    .sti-SideNav-item-1d49f {
       min-block-size: var(--sti-control-h-md);
     }
   }
 
   @media (hover: hover) {
-    .sti-SideNav-item-c7c74[data-hovered]:not([data-current], [data-disabled]) {
+    .sti-SideNav-item-1d49f[data-hovered]:not([data-current], [data-disabled]) {
       background: var(--sti-bg-surface-hover);
       color: var(--sti-fg);
     }
   }
 
-  .sti-SideNav-item-c7c74[data-current] {
+  .sti-SideNav-item-1d49f[data-pressed]:not([data-current], [data-disabled]) {
+    background: var(--sti-bg-surface-active);
+    color: var(--sti-fg);
+  }
+
+  .sti-SideNav-item-1d49f[data-current] {
     background: var(--sti-bg-accent-subtle);
     color: var(--sti-fg-accent-strong);
     font-weight: var(--sti-font-weight-semibold);
   }
 
-  .sti-SideNav-item-c7c74[data-current]:before {
+  .sti-SideNav-item-1d49f[data-current] .sti-SideNav-icon-23eb0 {
+    color: var(--sti-fg-accent);
+  }
+
+  .sti-SideNav-sublist-b1ae1 .sti-SideNav-item-1d49f[data-current] {
+    background: none;
+  }
+
+  .sti-SideNav-sublist-b1ae1 .sti-SideNav-item-1d49f[data-current]:before {
     content: "";
-    inset-block: var(--sti-space-2);
+    inset-block: calc(var(--sti-space-1) + var(--sti-space-0-5));
+    border-radius: var(--sti-radius-pill);
     background: var(--sti-fg-accent);
-    border-radius: 0 3px 3px 0;
-    inline-size: 3px;
+    inline-size: 2px;
     position: absolute;
-    inset-inline-start: 0;
+    inset-inline-start: calc(var(--sti-space-2) * -1 - .5px);
   }
 
-  .sti-SideNav-item-c7c74[data-current]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
-    border-radius: 3px 0 0 3px;
+  @media (hover: hover) {
+    .sti-SideNav-sublist-b1ae1 .sti-SideNav-item-1d49f[data-current][data-hovered] {
+      background: var(--sti-bg-surface-hover);
+    }
   }
 
-  .sti-SideNav-item-c7c74[data-contains-current][aria-expanded="false"] {
+  .sti-SideNav-item-1d49f[data-contains-current][aria-expanded="false"] {
     color: var(--sti-fg-accent-strong);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-SideNav-item-1d49f[data-contains-current][aria-expanded="false"] .sti-SideNav-icon-23eb0 {
+    color: var(--sti-fg-accent);
   }
 
-  .sti-SideNav-item-c7c74[data-focus-visible] {
+  .sti-SideNav-item-1d49f[data-focus-visible] {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: calc(var(--sti-focus-ring-width) * -1);
   }
 
-  .sti-SideNav-item-c7c74[data-disabled] {
+  .sti-SideNav-item-1d49f[data-disabled] {
     opacity: var(--sti-opacity-disabled);
     cursor: not-allowed;
   }
 
-  .sti-SideNav-icon-bd4cc {
+  .sti-SideNav-icon-23eb0 {
+    color: var(--sti-fg-muted);
     font-size: var(--sti-icon-sm);
+    transition: color var(--sti-duration-fast) var(--sti-ease-snap);
     flex: none;
     display: inline-flex;
   }
 
-  .sti-SideNav-label-524ff {
+  @media (hover: hover) {
+    .sti-SideNav-item-1d49f[data-hovered]:not([data-current], [data-disabled]) .sti-SideNav-icon-23eb0 {
+      color: var(--sti-fg);
+    }
+  }
+
+  .sti-SideNav-label-91118 {
     text-overflow: ellipsis;
     white-space: nowrap;
     flex: auto;
@@ -150,22 +188,42 @@
     overflow: hidden;
   }
 
-  .sti-SideNav-chevron-0609b {
+  .sti-SideNav-chevron-c875a {
+    color: var(--sti-fg-muted);
     font-size: var(--sti-icon-sm);
     transition: rotate var(--sti-duration-fast) var(--sti-ease-snap);
     flex: none;
+    rotate: -90deg;
+  }
+
+  .sti-SideNav-chevron-c875a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    rotate: 90deg;
+  }
+
+  .sti-SideNav-item-1d49f[aria-expanded="true"] .sti-SideNav-chevron-c875a {
+    rotate: 0deg;
   }
 
-  .sti-SideNav-item-c7c74[aria-expanded="true"] .sti-SideNav-chevron-0609b {
-    rotate: 180deg;
+  @media (prefers-reduced-motion: reduce) {
+    .sti-SideNav-item-1d49f, .sti-SideNav-icon-23eb0, .sti-SideNav-chevron-c875a {
+      transition: none;
+    }
   }
 
   @media (forced-colors: active) {
-    .sti-SideNav-item-c7c74[data-current] {
+    .sti-SideNav-item-1d49f[data-current] {
       outline: var(--sti-border-width) solid Highlight;
     }
 
-    .sti-SideNav-item-c7c74[data-current]:before {
+    .sti-SideNav-item-1d49f[data-current] .sti-SideNav-icon-23eb0 {
+      color: highlight;
+    }
+
+    .sti-SideNav-sublist-b1ae1 {
+      border-inline-start-color: canvastext;
+    }
+
+    .sti-SideNav-sublist-b1ae1 .sti-SideNav-item-1d49f[data-current]:before {
       background: highlight;
     }
   }

package/dist/components/SideNav/SideNav.js

@@ -28,7 +28,8 @@ function Entry({ item, currentId }) {
 			}),
 			/* @__PURE__ */ jsx(NavBadge, {
 				badge: item.badge,
-				variant: "inline"
+				variant: "inline",
+				tone: current ? "accent" : "neutral"
 			})
 		]
 	});
@@ -60,7 +61,8 @@ function Group$1({ item, currentId }) {
 			}),
 			/* @__PURE__ */ jsx(NavBadge, {
 				badge: item.badge,
-				variant: "inline"
+				variant: "inline",
+				tone: "neutral"
 			}),
 			/* @__PURE__ */ jsx(ChevronDownIcon, {
 				className: SideNav_module_default.chevron,

package/dist/components/SideNav/SideNav.module.js

@@ -1,17 +1,17 @@
 import './SideNav.css';
 // src/components/SideNav/SideNav.module.css
 var SideNav_module_default = {
-	"root": "sti-SideNav-root-fc1d9",
-	"header": "sti-SideNav-header-94f12",
-	"footer": "sti-SideNav-footer-01908",
-	"body": "sti-SideNav-body-8eb58",
-	"section": "sti-SideNav-section-8d217",
-	"title": "sti-SideNav-title-e7072",
-	"list": "sti-SideNav-list-51f4c",
-	"sublist": "sti-SideNav-sublist-ba86f",
-	"item": "sti-SideNav-item-c7c74",
-	"icon": "sti-SideNav-icon-bd4cc",
-	"label": "sti-SideNav-label-524ff",
-	"chevron": "sti-SideNav-chevron-0609b"
+	"root": "sti-SideNav-root-87ae2",
+	"header": "sti-SideNav-header-32312",
+	"footer": "sti-SideNav-footer-ac8b1",
+	"body": "sti-SideNav-body-1761f",
+	"section": "sti-SideNav-section-e1aa5",
+	"title": "sti-SideNav-title-f5037",
+	"list": "sti-SideNav-list-f03d5",
+	"sublist": "sti-SideNav-sublist-b1ae1",
+	"item": "sti-SideNav-item-1d49f",
+	"icon": "sti-SideNav-icon-23eb0",
+	"label": "sti-SideNav-label-91118",
+	"chevron": "sti-SideNav-chevron-c875a"
 };
 export { SideNav_module_default as default };

package/dist/components/SignatureBlock/SignatureBlock.css

@@ -0,0 +1,109 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SignatureBlock-root-9b751 {
+    gap: var(--sti-space-4);
+    break-inside: avoid-page;
+    font-size: var(--sti-document-font-size, var(--sti-font-size-md));
+    display: grid;
+  }
+
+  .sti-SignatureBlock-title-84491 {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    margin: 0;
+  }
+
+  .sti-SignatureBlock-grid-2427d {
+    gap: var(--sti-space-6) var(--sti-space-10);
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+    display: grid;
+  }
+
+  .sti-SignatureBlock-party-c0a1c {
+    align-content: start;
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-SignatureBlock-role-c7d88 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: .04em;
+    text-transform: uppercase;
+    margin: 0;
+  }
+
+  .sti-SignatureBlock-org-aef41 {
+    font-weight: var(--sti-font-weight-semibold);
+    margin: 0;
+  }
+
+  .sti-SignatureBlock-field-fa513 {
+    align-items: end;
+    gap: var(--sti-space-2);
+    grid-template-columns: auto minmax(0, 1fr);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-SignatureBlock-fieldLabel-4c20a {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+  }
+
+  .sti-SignatureBlock-signLine-7adfb {
+    block-size: var(--sti-space-12);
+    border-block-end: var(--sti-border-width) solid var(--sti-fg);
+  }
+
+  .sti-SignatureBlock-blank-13255 {
+    border-block-end: var(--sti-border-width) solid var(--sti-border-strong);
+    block-size: 1.25em;
+    min-inline-size: 8rem;
+    display: block;
+  }
+
+  .sti-SignatureBlock-nameRow-24730 {
+    gap: calc(var(--sti-space-1) / 2);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-SignatureBlock-name-c8b07 {
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-SignatureBlock-titleText-9e869 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+  }
+
+  .sti-SignatureBlock-seal-ed52f {
+    border: var(--sti-border-width) dashed var(--sti-border-strong);
+    border-radius: var(--sti-radius-sm);
+    block-size: 5rem;
+    inline-size: 7rem;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    place-items: center;
+    display: grid;
+  }
+
+  .sti-SignatureBlock-srOnly-69c80 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (forced-colors: active) {
+    .sti-SignatureBlock-signLine-7adfb, .sti-SignatureBlock-blank-13255 {
+      border-color: canvastext;
+    }
+  }
+}

package/dist/components/SignatureBlock/SignatureBlock.d.ts

@@ -0,0 +1,35 @@
+import { Locale } from "../../provider/locale.js";
+import { UIMessages } from "../../messages/messages.js";
+import { DateValue } from "../DateTime/instant.js";
+export interface Signatory {
+  /** Taraf ("Hizmet veren", "Müşteri"). */
+  role: string;
+  /** Kurum ya da kişi adı. */
+  organization?: string;
+  /** İmzalayan ad soyad (boşsa elle yazılmak üzere boş satır). */
+  name?: string;
+  /** Unvan. */
+  title?: string;
+  /** İmza tarihi; boşsa boş satır. */
+  date?: DateValue;
+  /** Kaşe alanı. */
+  seal?: boolean;
+}
+export interface SignatureBlockProps {
+  signatories: readonly Signatory[];
+  /** Bölüm başlığı. Varsayılan "İmzalar". */
+  title?: string;
+  titleLevel?: 2 | 3 | 4;
+  /** Başlığı gizle (yine okunur). */
+  hideTitle?: boolean;
+  locale?: Locale;
+  labels?: Partial<UIMessages>;
+  className?: string;
+  id?: string;
+}
+/**
+ * İmza bloğu: taraf başına rol, kurum, ad soyad ve unvan, imza çizgisi, tarih ve isteğe bağlı kaşe
+ * alanı. Boş alanlar elle doldurulmak üzere çizgi olarak basılır. Yazdırınca sayfa arasında
+ * bölünmez. Sunucu bileşenidir.
+ */
+export declare function SignatureBlock({ signatories, title, titleLevel, hideTitle, locale, labels, className, id }: SignatureBlockProps): import("react").JSX.Element;

package/dist/components/SignatureBlock/SignatureBlock.js

@@ -0,0 +1,80 @@
+import { DateTime } from "../DateTime/DateTime.js";
+import { documentText } from "../_document/text.js";
+import SignatureBlock_module_default from "./SignatureBlock.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/SignatureBlock/SignatureBlock.tsx
+/**
+* İmza bloğu: taraf başına rol, kurum, ad soyad ve unvan, imza çizgisi, tarih ve isteğe bağlı kaşe
+* alanı. Boş alanlar elle doldurulmak üzere çizgi olarak basılır. Yazdırınca sayfa arasında
+* bölünmez. Sunucu bileşenidir.
+*/
+function SignatureBlock({ signatories, title, titleLevel = 2, hideTitle, locale, labels, className, id }) {
+	const t = documentText(locale, labels);
+	const Heading = `h${titleLevel}`;
+	const name = title ?? t.documentSignatures;
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		className: [SignatureBlock_module_default.root, className].filter(Boolean).join(" "),
+		"aria-label": name,
+		children: [/* @__PURE__ */ jsx(Heading, {
+			className: hideTitle ? SignatureBlock_module_default.srOnly : SignatureBlock_module_default.title,
+			children: name
+		}), /* @__PURE__ */ jsx("div", {
+			className: SignatureBlock_module_default.grid,
+			children: signatories.map((s) => /* @__PURE__ */ jsxs("div", {
+				className: SignatureBlock_module_default.party,
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: SignatureBlock_module_default.role,
+						children: s.role
+					}),
+					s.organization ? /* @__PURE__ */ jsx("p", {
+						className: SignatureBlock_module_default.org,
+						children: s.organization
+					}) : null,
+					/* @__PURE__ */ jsxs("p", {
+						className: SignatureBlock_module_default.field,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.fieldLabel,
+							children: t.documentSignature
+						}), /* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.signLine,
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: SignatureBlock_module_default.nameRow,
+						children: [s.name ? /* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.name,
+							children: s.name
+						}) : /* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.blank,
+							"aria-hidden": "true"
+						}), s.title ? /* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.titleText,
+							children: s.title
+						}) : null]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: SignatureBlock_module_default.field,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.fieldLabel,
+							children: t.documentSignDate
+						}), s.date !== void 0 ? /* @__PURE__ */ jsx(DateTime, {
+							value: s.date,
+							locale
+						}) : /* @__PURE__ */ jsx("span", {
+							className: SignatureBlock_module_default.blank,
+							"aria-hidden": "true"
+						})]
+					}),
+					s.seal ? /* @__PURE__ */ jsx("span", {
+						className: SignatureBlock_module_default.seal,
+						children: t.documentSeal
+					}) : null
+				]
+			}, s.role))
+		})]
+	});
+}
+export { SignatureBlock };

package/dist/components/SignatureBlock/SignatureBlock.module.js

@@ -0,0 +1,20 @@
+import './SignatureBlock.css';
+// src/components/SignatureBlock/SignatureBlock.module.css
+var SignatureBlock_module_default = {
+	"root": "sti-SignatureBlock-root-9b751",
+	"title": "sti-SignatureBlock-title-84491",
+	"grid": "sti-SignatureBlock-grid-2427d",
+	"party": "sti-SignatureBlock-party-c0a1c",
+	"role": "sti-SignatureBlock-role-c7d88",
+	"org": "sti-SignatureBlock-org-aef41",
+	"field": "sti-SignatureBlock-field-fa513",
+	"fieldLabel": "sti-SignatureBlock-fieldLabel-4c20a",
+	"signLine": "sti-SignatureBlock-signLine-7adfb",
+	"blank": "sti-SignatureBlock-blank-13255",
+	"nameRow": "sti-SignatureBlock-nameRow-24730",
+	"name": "sti-SignatureBlock-name-c8b07",
+	"titleText": "sti-SignatureBlock-titleText-9e869",
+	"seal": "sti-SignatureBlock-seal-ed52f",
+	"srOnly": "sti-SignatureBlock-srOnly-69c80"
+};
+export { SignatureBlock_module_default as default };

package/dist/components/SignaturePad/SignaturePad.js

@@ -1,8 +1,8 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../Button/Button.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
-import { Button } from "../Button/Button.js";
 import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { UndoIcon } from "../../icons/generated/UndoIcon.js";
 import SignaturePad_module_default from "./SignaturePad.module.js";

package/dist/components/SortMenu/SortMenu.css

@@ -0,0 +1,6 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SortMenu-root-373c5 {
+    max-inline-size: 100%;
+  }
+}

package/dist/components/SortMenu/SortMenu.d.ts

@@ -0,0 +1,31 @@
+export type SortDirection = "asc" | "desc";
+export interface SortValue {
+  /** Sıralanan alanın kimliği. */
+  field: string;
+  direction: SortDirection;
+}
+export interface SortOption {
+  id: string;
+  label: string;
+}
+export interface SortMenuProps {
+  /** Sıralanabilecek alanlar. */
+  options: readonly SortOption[];
+  /** Denetimli sıralama. */
+  value?: SortValue;
+  /** Denetimsiz başlangıç; verilmezse ilk alan, azalan. */
+  defaultValue?: SortValue;
+  onChange?: (value: SortValue) => void;
+  /** Düğme boyu: `sm` (araç çubuğu, varsayılan) ya da `md`. */
+  size?: "sm" | "md";
+  /** Grubun adı; varsayılan "Sıralama". */
+  label?: string;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Sıralama seçimi: alanı seçen açılır menü (APG Menu Button, tek seçimli) ve yönü değiştiren düğme;
+ * ikisi bitişik düğme grubudur.
+ */
+export declare function SortMenu({ options, value, defaultValue, onChange, size, label, isDisabled, className, id }: SortMenuProps): import("react").JSX.Element;