@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/VirtualList/VirtualList.module.js

@@ -0,0 +1,11 @@
+import './VirtualList.css';
+// src/components/VirtualList/VirtualList.module.css
+var VirtualList_module_default = {
+	"root": "sti-VirtualList-root-1e693",
+	"spacer": "sti-VirtualList-spacer-426d8",
+	"list": "sti-VirtualList-list-b80bb",
+	"item": "sti-VirtualList-item-16c47",
+	"empty": "sti-VirtualList-empty-62194",
+	"footer": "sti-VirtualList-footer-0d80e"
+};
+export { VirtualList_module_default as default };

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

@@ -0,0 +1,3 @@
+import { buildOffsets, indexAt, visibleRange } from "./offsets.js";
+import { VirtualList, VirtualListHandle, VirtualListProps } from "./VirtualList.js";
+export { VirtualList, VirtualListHandle, VirtualListProps, buildOffsets, indexAt, visibleRange };

package/dist/components/VirtualList/offsets.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Değişken yükseklikli sanal listenin konum hesabı (saf; sunucuda ve sınamada da çalışır).
+ * `offsets[i]` i. öğenin başlangıcı, `offsets[n]` toplam yüksekliktir.
+ */
+export declare function buildOffsets(count: number, heightOf: (index: number) => number): Float64Array;
+/** Konumu `y`'yi içeren öğenin sırası (ikili arama); boş listede 0. */
+export declare function indexAt(offsets: Float64Array, y: number): number;
+/**
+ * Görünen pencere: [start, end) aralığı; görünür alanın üstünde ve altında `overscan` piksel
+ * fazladan çizilir (hızlı kaydırmada boşluk görünmez).
+ */
+export declare function visibleRange(offsets: Float64Array, scrollTop: number, viewport: number, overscan: number): {
+  start: number;
+  end: number;
+};

package/dist/components/VirtualList/offsets.js

@@ -0,0 +1,39 @@
+// src/components/VirtualList/offsets.ts
+/**
+* Değişken yükseklikli sanal listenin konum hesabı (saf; sunucuda ve sınamada da çalışır).
+* `offsets[i]` i. öğenin başlangıcı, `offsets[n]` toplam yüksekliktir.
+*/
+function buildOffsets(count, heightOf) {
+	const offsets = new Float64Array(count + 1);
+	for (let i = 0; i < count; i++) offsets[i + 1] = (offsets[i] ?? 0) + heightOf(i);
+	return offsets;
+}
+/** Konumu `y`'yi içeren öğenin sırası (ikili arama); boş listede 0. */
+function indexAt(offsets, y) {
+	const count = offsets.length - 1;
+	if (count <= 0) return 0;
+	let lo = 0;
+	let hi = count - 1;
+	while (lo < hi) {
+		const mid = lo + hi + 1 >> 1;
+		if ((offsets[mid] ?? 0) <= y) lo = mid;
+		else hi = mid - 1;
+	}
+	return lo;
+}
+/**
+* Görünen pencere: [start, end) aralığı; görünür alanın üstünde ve altında `overscan` piksel
+* fazladan çizilir (hızlı kaydırmada boşluk görünmez).
+*/
+function visibleRange(offsets, scrollTop, viewport, overscan) {
+	const count = offsets.length - 1;
+	if (count <= 0) return {
+		start: 0,
+		end: 0
+	};
+	return {
+		start: indexAt(offsets, Math.max(0, scrollTop - overscan)),
+		end: Math.min(count, indexAt(offsets, scrollTop + viewport + overscan) + 1)
+	};
+}
+export { buildOffsets, indexAt, visibleRange };

package/dist/components/WhatsNew/WhatsNew.css

@@ -1,6 +1,6 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-WhatsNew-root-d7e8f {
+  .sti-WhatsNew-root-a570e {
     --sti-whats-new-meta: 11rem;
     --sti-whats-new-kind: 7.5rem;
     gap: var(--sti-space-5);
@@ -14,7 +14,7 @@
     container-type: inline-size;
   }
 
-  .sti-WhatsNew-head-271dd {
+  .sti-WhatsNew-head-a7110 {
     justify-content: space-between;
     align-items: flex-end;
     gap: var(--sti-space-3);
@@ -22,13 +22,13 @@
     display: flex;
   }
 
-  .sti-WhatsNew-titles-02f5f {
+  .sti-WhatsNew-titles-a1520 {
     gap: var(--sti-space-0-5);
     min-inline-size: 0;
     display: grid;
   }
 
-  .sti-WhatsNew-title-44280 {
+  .sti-WhatsNew-title-0b5e6 {
     font-family: var(--sti-font-display);
     font-size: var(--sti-font-size-2xl);
     font-weight: var(--sti-font-weight-bold);
@@ -38,7 +38,7 @@
     margin: 0;
   }
 
-  .sti-WhatsNew-summary-4891b {
+  .sti-WhatsNew-summary-d81a4 {
     min-block-size: var(--sti-line-height-sm);
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
@@ -46,7 +46,7 @@
     margin: 0;
   }
 
-  .sti-WhatsNew-controls-65aef {
+  .sti-WhatsNew-controls-a76b2 {
     align-items: center;
     gap: var(--sti-space-2);
     flex-wrap: wrap;
@@ -55,7 +55,7 @@
     display: flex;
   }
 
-  .sti-WhatsNew-filter-8fdb1 {
+  .sti-WhatsNew-filter-61658 {
     min-inline-size: 0;
     max-inline-size: 100%;
     padding: var(--sti-space-1);
@@ -63,7 +63,11 @@
     overflow-x: auto;
   }
 
-  .sti-WhatsNew-list-955f9 {
+  .sti-WhatsNew-filter-61658 > * {
+    inline-size: max-content;
+  }
+
+  .sti-WhatsNew-list-3c45a {
     gap: var(--sti-space-4);
     margin: 0;
     padding: 0;
@@ -71,25 +75,25 @@
     display: grid;
   }
 
-  .sti-WhatsNew-item-cd683 {
+  .sti-WhatsNew-item-ff375 {
     border: var(--sti-border-width) solid var(--sti-border-subtle);
     border-radius: var(--sti-radius-lg);
     background: var(--sti-bg-surface);
     min-inline-size: 0;
   }
 
-  .sti-WhatsNew-item-cd683[data-new] {
+  .sti-WhatsNew-item-ff375[data-new] {
     border-color: var(--sti-border-accent);
   }
 
-  .sti-WhatsNew-release-35c55 {
+  .sti-WhatsNew-release-8f4ac {
     gap: var(--sti-space-3);
     padding: var(--sti-space-5);
     min-inline-size: 0;
     display: grid;
   }
 
-  .sti-WhatsNew-meta-7dfaf {
+  .sti-WhatsNew-meta-06501 {
     align-items: center;
     gap: var(--sti-space-2) var(--sti-space-3);
     flex-wrap: wrap;
@@ -97,27 +101,27 @@
     display: flex;
   }
 
-  .sti-WhatsNew-date-2b48b {
+  .sti-WhatsNew-date-7ba08 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     font-variant-numeric: tabular-nums;
     line-height: var(--sti-line-height-sm);
   }
 
-  .sti-WhatsNew-badges-5c1fd {
+  .sti-WhatsNew-badges-d4274 {
     gap: var(--sti-space-1);
     flex-wrap: wrap;
     display: inline-flex;
   }
 
-  .sti-WhatsNew-body-ca904 {
+  .sti-WhatsNew-body-30941 {
     gap: var(--sti-space-3);
     justify-items: start;
     min-inline-size: 0;
     display: grid;
   }
 
-  .sti-WhatsNew-releaseTitle-d67bf {
+  .sti-WhatsNew-releaseTitle-8d47a {
     font-size: var(--sti-font-size-lg);
     font-weight: var(--sti-font-weight-semibold);
     line-height: var(--sti-line-height-lg);
@@ -126,7 +130,7 @@
     margin: 0;
   }
 
-  .sti-WhatsNew-text-63b2f {
+  .sti-WhatsNew-text-eb6dc {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-md);
     line-height: var(--sti-line-height-md);
@@ -135,7 +139,7 @@
     margin: 0;
   }
 
-  .sti-WhatsNew-changes-d6f88 {
+  .sti-WhatsNew-changes-04d86 {
     gap: var(--sti-space-2);
     inline-size: 100%;
     margin: 0;
@@ -144,51 +148,51 @@
     display: grid;
   }
 
-  .sti-WhatsNew-change-fb297 {
+  .sti-WhatsNew-change-a04b7 {
     gap: var(--sti-space-1);
     align-items: start;
     min-inline-size: 0;
     display: grid;
   }
 
-  .sti-WhatsNew-kind-5652a {
+  .sti-WhatsNew-kind-39cc1 {
     justify-self: start;
   }
 
-  .sti-WhatsNew-changeText-ccd02 {
+  .sti-WhatsNew-changeText-d6366 {
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
     overflow-wrap: anywhere;
   }
 
-  .sti-WhatsNew-more-b4da5 {
+  .sti-WhatsNew-more-ef5d7 {
     margin-block-start: var(--sti-space-1);
   }
 
-  .sti-WhatsNew-loadMore-3c175 {
+  .sti-WhatsNew-loadMore-96759 {
     justify-content: center;
     display: flex;
   }
 
   @container (width >= 36rem) {
-    .sti-WhatsNew-release-35c55 {
+    .sti-WhatsNew-release-8f4ac {
       grid-template-columns: var(--sti-whats-new-meta) minmax(0, 1fr);
       gap: var(--sti-space-6);
     }
 
-    .sti-WhatsNew-meta-7dfaf {
+    .sti-WhatsNew-meta-06501 {
       gap: var(--sti-space-2);
       display: grid;
     }
 
-    .sti-WhatsNew-change-fb297 {
+    .sti-WhatsNew-change-a04b7 {
       grid-template-columns: var(--sti-whats-new-kind) minmax(0, 1fr);
       gap: var(--sti-space-3);
     }
   }
 
   @media (forced-colors: active) {
-    .sti-WhatsNew-item-cd683[data-new] {
+    .sti-WhatsNew-item-ff375[data-new] {
       border-color: highlight;
       border-width: var(--sti-border-width-strong);
     }

package/dist/components/WhatsNew/WhatsNew.js

@@ -3,12 +3,12 @@ import { useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { Button } from "../Button/Button.js";
+import { dayAsUtc, parseDateValue } from "../DateTime/instant.js";
 import { Link } from "../Link/Link.js";
 import { Badge } from "../Badge/Badge.js";
-import { dayAsUtc, parseDateValue } from "../DateTime/instant.js";
+import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { DateTime } from "../DateTime/DateTime.js";
 import { EmptyState } from "../EmptyState/EmptyState.js";
-import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { MegaphoneIcon } from "../../icons/generated/MegaphoneIcon.js";
 import WhatsNew_module_default from "./WhatsNew.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/WhatsNew/WhatsNew.module.js

@@ -1,27 +1,27 @@
 import './WhatsNew.css';
 // src/components/WhatsNew/WhatsNew.module.css
 var WhatsNew_module_default = {
-	"root": "sti-WhatsNew-root-d7e8f",
-	"head": "sti-WhatsNew-head-271dd",
-	"titles": "sti-WhatsNew-titles-02f5f",
-	"title": "sti-WhatsNew-title-44280",
-	"summary": "sti-WhatsNew-summary-4891b",
-	"controls": "sti-WhatsNew-controls-65aef",
-	"filter": "sti-WhatsNew-filter-8fdb1",
-	"list": "sti-WhatsNew-list-955f9",
-	"item": "sti-WhatsNew-item-cd683",
-	"release": "sti-WhatsNew-release-35c55",
-	"meta": "sti-WhatsNew-meta-7dfaf",
-	"date": "sti-WhatsNew-date-2b48b",
-	"badges": "sti-WhatsNew-badges-5c1fd",
-	"body": "sti-WhatsNew-body-ca904",
-	"releaseTitle": "sti-WhatsNew-releaseTitle-d67bf",
-	"text": "sti-WhatsNew-text-63b2f",
-	"changes": "sti-WhatsNew-changes-d6f88",
-	"change": "sti-WhatsNew-change-fb297",
-	"kind": "sti-WhatsNew-kind-5652a",
-	"changeText": "sti-WhatsNew-changeText-ccd02",
-	"more": "sti-WhatsNew-more-b4da5",
-	"loadMore": "sti-WhatsNew-loadMore-3c175"
+	"root": "sti-WhatsNew-root-a570e",
+	"head": "sti-WhatsNew-head-a7110",
+	"titles": "sti-WhatsNew-titles-a1520",
+	"title": "sti-WhatsNew-title-0b5e6",
+	"summary": "sti-WhatsNew-summary-d81a4",
+	"controls": "sti-WhatsNew-controls-a76b2",
+	"filter": "sti-WhatsNew-filter-61658",
+	"list": "sti-WhatsNew-list-3c45a",
+	"item": "sti-WhatsNew-item-ff375",
+	"release": "sti-WhatsNew-release-8f4ac",
+	"meta": "sti-WhatsNew-meta-06501",
+	"date": "sti-WhatsNew-date-7ba08",
+	"badges": "sti-WhatsNew-badges-d4274",
+	"body": "sti-WhatsNew-body-30941",
+	"releaseTitle": "sti-WhatsNew-releaseTitle-8d47a",
+	"text": "sti-WhatsNew-text-eb6dc",
+	"changes": "sti-WhatsNew-changes-04d86",
+	"change": "sti-WhatsNew-change-a04b7",
+	"kind": "sti-WhatsNew-kind-39cc1",
+	"changeText": "sti-WhatsNew-changeText-d6366",
+	"more": "sti-WhatsNew-more-ef5d7",
+	"loadMore": "sti-WhatsNew-loadMore-96759"
 };
 export { WhatsNew_module_default as default };

package/dist/components/Wizard/Wizard.js

@@ -1,8 +1,8 @@
 "use client";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { announce } from "../Alert/announcer.js";
 import { Button } from "../Button/Button.js";
+import { announce } from "../Alert/announcer.js";
 import { InlineMessage } from "../InlineMessage/InlineMessage.js";
 import { Steps } from "../Steps/Steps.js";
 import Wizard_module_default from "./Wizard.module.js";

package/dist/components/WorkingHoursEditor/WorkingHoursEditor.js

@@ -1,17 +1,17 @@
 "use client";
 import { useLocale, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
+import { Button as Button$1 } from "../Button/Button.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Fieldset } from "../Fieldset/Fieldset.js";
-import { Button as Button$1 } from "../Button/Button.js";
 import { fromValue, toTime } from "../_internal/date/iso.js";
 import { CopyIcon } from "../../icons/generated/CopyIcon.js";
+import { Switch } from "../Switch/Switch.js";
 import { PlusIcon } from "../../icons/generated/PlusIcon.js";
 import { DateBox, Segments } from "../_internal/date/DateBox.js";
 import { TrashIcon } from "../../icons/generated/TrashIcon.js";
-import { Switch } from "../Switch/Switch.js";
 import WorkingHoursEditor_module_default from "./WorkingHoursEditor.module.js";
 import { DEFAULT_WORKING_HOURS, WEEKDAYS, dayProblem } from "./workingHours.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -121,6 +121,7 @@ function WorkingHoursEditor({ legend, description, value, defaultValue = DEFAULT
 											...patch
 										} : x));
 										const field = (key, label) => /* @__PURE__ */ jsx(TimeField, {
+											shouldForceLeadingZeros: true,
 											"aria-label": `${dayNames[day]} ${label} ${ranges.length > 1 ? i + 1 : ""}`.trim(),
 											"aria-describedby": problem ? errId : void 0,
 											value: toTime(r[key]),

package/dist/components/_document/Parties.css

@@ -0,0 +1,36 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Parties-root-e4a12 {
+    gap: var(--sti-space-4) var(--sti-space-8);
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
+    display: grid;
+  }
+
+  .sti-Parties-party-3c234 {
+    align-content: start;
+    gap: calc(var(--sti-space-1) / 2);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-Parties-role-ca5f3 {
+    margin: 0 0 var(--sti-space-1);
+    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;
+  }
+
+  .sti-Parties-name-7fc34 {
+    font-weight: var(--sti-font-weight-semibold);
+    margin: 0;
+  }
+
+  .sti-Parties-line-7efb3 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-document-font-size, var(--sti-font-size-md));
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+}

package/dist/components/_document/Parties.js

@@ -0,0 +1,36 @@
+import Parties_module_default from "./Parties.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/_document/Parties.tsx
+/** Tarafların künye blokları (iç): rol, ad, adres, vergi bilgisi ve iletişim. */
+function Parties({ entries, t, label }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: Parties_module_default.root,
+		"aria-label": label ?? t.documentParties,
+		children: entries.map((e) => /* @__PURE__ */ jsxs("div", {
+			className: Parties_module_default.party,
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: Parties_module_default.role,
+					children: e.role
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: Parties_module_default.name,
+					children: e.party.name
+				}),
+				e.party.address ? /* @__PURE__ */ jsx("p", {
+					className: Parties_module_default.line,
+					children: e.party.address.split("\n").map((l, i, all) => /* @__PURE__ */ jsxs("span", { children: [l, i < all.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null] }, i))
+				}) : null,
+				e.party.taxOffice || e.party.taxId ? /* @__PURE__ */ jsx("p", {
+					className: Parties_module_default.line,
+					children: [e.party.taxOffice ? `${e.party.taxOffice} ${t.documentTaxOffice}` : null, e.party.taxId ? `${t.documentTaxId}: ${e.party.taxId}` : null].filter(Boolean).join(" · ")
+				}) : null,
+				e.party.phone || e.party.email ? /* @__PURE__ */ jsx("p", {
+					className: Parties_module_default.line,
+					children: [e.party.phone, e.party.email].filter(Boolean).join(" · ")
+				}) : null
+			]
+		}, e.role))
+	});
+}
+export { Parties };

package/dist/components/_document/Parties.module.js

@@ -0,0 +1,10 @@
+import './Parties.css';
+// src/components/_document/Parties.module.css
+var Parties_module_default = {
+	"root": "sti-Parties-root-e4a12",
+	"party": "sti-Parties-party-3c234",
+	"role": "sti-Parties-role-ca5f3",
+	"name": "sti-Parties-name-7fc34",
+	"line": "sti-Parties-line-7efb3"
+};
+export { Parties_module_default as default };

package/dist/components/_document/lineTable.css

@@ -0,0 +1,8 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-lineTable-details-7fa91 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    display: block;
+  }
+}

package/dist/components/_document/lineTable.js

@@ -0,0 +1,71 @@
+import { createFormatter } from "../../format/formatter.js";
+import { Amount } from "../Amount/Amount.js";
+import lineTable_module_default from "./lineTable.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/_document/lineTable.tsx
+/** Kalem tablosunun sütunları ve satırları (iç; teklif ve fatura şablonları için). */
+function lineTable(lines, t, locale, currency) {
+	const f = createFormatter({ locale });
+	return {
+		columns: [
+			{
+				key: "description",
+				header: t.documentDescription,
+				isRowHeader: true
+			},
+			{
+				key: "quantity",
+				header: t.documentQuantity,
+				align: "end"
+			},
+			{
+				key: "unitPrice",
+				header: t.documentUnitPrice,
+				align: "end"
+			},
+			{
+				key: "vat",
+				header: t.documentVatRate,
+				align: "end"
+			},
+			{
+				key: "total",
+				header: t.documentLineTotal,
+				align: "end"
+			}
+		],
+		rows: lines.map((l, i) => {
+			const gross = Math.round(l.quantity * l.unitPrice * 100) / 100;
+			const off = Math.round(gross * Math.min(Math.max(l.discountRate ?? 0, 0), 100)) / 100;
+			return {
+				id: l.id ?? String(i),
+				cells: {
+					description: /* @__PURE__ */ jsxs(Fragment, { children: [
+						l.description,
+						l.details ? /* @__PURE__ */ jsx("span", {
+							className: lineTable_module_default.details,
+							children: l.details
+						}) : null,
+						l.discountRate ? /* @__PURE__ */ jsx("span", {
+							className: lineTable_module_default.details,
+							children: `${t.documentDiscount} %${f.number(l.discountRate)}`
+						}) : null
+					] }),
+					quantity: `${f.number(l.quantity)}${l.unit ? ` ${l.unit}` : ""}`,
+					unitPrice: /* @__PURE__ */ jsx(Amount, {
+						value: l.unitPrice,
+						currency,
+						locale
+					}),
+					vat: l.vatRate ? `%${f.number(l.vatRate)}` : "—",
+					total: /* @__PURE__ */ jsx(Amount, {
+						value: gross - off,
+						currency,
+						locale
+					})
+				}
+			};
+		})
+	};
+}
+export { lineTable };

package/dist/components/_document/lineTable.module.js

@@ -0,0 +1,4 @@
+import './lineTable.css';
+// src/components/_document/lineTable.module.css
+var lineTable_module_default = { "details": "sti-lineTable-details-7fa91" };
+export { lineTable_module_default as default };

package/dist/components/_internal/listbox/SelectShell.d.ts

@@ -1,8 +1,10 @@
-import { ListItem } from "./options.js";
 import { ErrorMessage } from "../../Field/Field.js";
+import { ListItem } from "./options.js";
 import { ReactNode } from "react";
 export interface SelectBaseProps {
   label: ReactNode;
+  /** Etiket görsel olarak gizlenir (ekran okuyucu yine okur): araç çubuğundaki dar seçimler için. */
+  hideLabel?: boolean;
   description?: ReactNode;
   errorMessage?: ErrorMessage;
   showOptional?: boolean;

package/dist/components/_internal/listbox/SelectShell.js

@@ -1,6 +1,7 @@
 "use client";
 import { ChevronDownIcon } from "../../../icons/generated/ChevronDownIcon.js";
 import { useLocale, useMessages } from "../../../provider/UIProvider.js";
+import { VisuallyHidden } from "../../VisuallyHidden/VisuallyHidden.js";
 import listbox_module_default from "./listbox.module.js";
 import { disabledKeys, renderOptions } from "./options.js";
 import { useThemeContext } from "../themeContext.js";
@@ -11,7 +12,7 @@ import { useRef, useState } from "react";
 import { Button, I18nProvider, ListBox, Popover, Select, SelectValue } from "react-aria-components";
 // src/components/_internal/listbox/SelectShell.tsx
 /** Select ve MultiSelect'in ortak gövdesi (iç; dışa açılmaz). */
-function SelectShell({ multiple, label, description, errorMessage, showOptional, items, placeholder, emptyText, size = "md", className, ariaProps }) {
+function SelectShell({ multiple, label, hideLabel, description, errorMessage, showOptional, items, placeholder, emptyText, size = "md", className, ariaProps }) {
 	const locale = useLocale();
 	const t = useMessages();
 	const anchor = useRef(null);
@@ -39,7 +40,7 @@ function SelectShell({ multiple, label, description, errorMessage, showOptional,
 					className: listbox_module_default.anchor,
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ jsx(FieldLabel, {
+				hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(FieldLabel, { children: label }) }) : /* @__PURE__ */ jsx(FieldLabel, {
 					showOptional: showOptional && !ariaProps.isRequired,
 					children: label
 				}),

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

@@ -17,13 +17,14 @@ function NavBadgeText({ badge }) {
 * Sayı ya da nokta rozeti. `announce` (varsayılan) okunan metni de yazar; köşe rozetinde rozet
 * adın önünde durduğundan metin `NavBadgeText` ile adın sonuna ayrıca konur.
 */
-function NavBadge({ badge, variant, onAccent = false, announce = true }) {
+function NavBadge({ badge, variant, onAccent = false, tone = "accent", announce = true }) {
 	const f = useFormatter();
 	if (badge === void 0 || badge === false || badge === 0) return null;
 	return /* @__PURE__ */ jsxs("span", {
 		className: nav_module_default.badge,
 		"data-variant": variant,
 		"data-on-accent": onAccent || void 0,
+		"data-tone": tone === "neutral" && badge !== true ? "neutral" : void 0,
 		"data-dot": badge === true ? "" : void 0,
 		children: [badge === true ? null : /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",