@stisocial/ui 0.2.0 → 0.3.0

package/dist/ai/ToolCallCard/ToolCallCard.css

@@ -1,6 +1,6 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-ToolCallCard-root-f0b89 {
+  .sti-ToolCallCard-root-f2a71 {
     --sti-toolcall-h: var(--sti-control-h-md);
     --sti-toolcall-font-size: var(--sti-font-size-sm);
     --sti-toolcall-line-height: var(--sti-line-height-sm);
@@ -20,29 +20,29 @@
     overflow: hidden;
   }
 
-  .sti-ToolCallCard-root-f0b89[data-size="sm"] {
+  .sti-ToolCallCard-root-f2a71[data-size="sm"] {
     --sti-toolcall-h: var(--sti-control-h-sm);
     --sti-toolcall-font-size: var(--sti-font-size-xs);
     --sti-toolcall-line-height: var(--sti-line-height-xs);
     --sti-toolcall-px: var(--sti-space-2);
   }
 
-  .sti-ToolCallCard-root-f0b89[data-size="lg"] {
+  .sti-ToolCallCard-root-f2a71[data-size="lg"] {
     --sti-toolcall-h: var(--sti-control-h-lg);
     --sti-toolcall-font-size: var(--sti-font-size-md);
     --sti-toolcall-line-height: var(--sti-line-height-md);
     --sti-toolcall-px: var(--sti-space-4);
   }
 
-  .sti-ToolCallCard-root-f0b89[data-status="error"] {
+  .sti-ToolCallCard-root-f2a71[data-status="error"] {
     --sti-toolcall-border: var(--sti-border-danger);
   }
 
-  .sti-ToolCallCard-disclosure-c31af {
+  .sti-ToolCallCard-disclosure-6aaba {
     display: block;
   }
 
-  .sti-ToolCallCard-header-7e358 {
+  .sti-ToolCallCard-header-86df5 {
     box-sizing: border-box;
     align-items: center;
     gap: var(--sti-space-3);
@@ -54,83 +54,84 @@
     text-align: start;
     background: none;
     border: 0;
+    flex-wrap: wrap;
     display: flex;
   }
 
-  button.sti-ToolCallCard-header-7e358 {
+  button.sti-ToolCallCard-header-86df5 {
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition: background-color var(--sti-duration-fast) var(--sti-ease-snap);
   }
 
   @media (hover: hover) {
-    button.sti-ToolCallCard-header-7e358[data-hovered] {
+    button.sti-ToolCallCard-header-86df5[data-hovered] {
       background: var(--sti-bg-surface-hover);
     }
   }
 
-  button.sti-ToolCallCard-header-7e358[data-pressed] {
+  button.sti-ToolCallCard-header-86df5[data-pressed] {
     background: var(--sti-bg-surface-active);
   }
 
-  button.sti-ToolCallCard-header-7e358:focus-visible, button.sti-ToolCallCard-header-7e358[data-focus-visible] {
+  button.sti-ToolCallCard-header-86df5:focus-visible, button.sti-ToolCallCard-header-86df5[data-focus-visible] {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: calc(var(--sti-focus-ring-width) * -1);
   }
 
-  button.sti-ToolCallCard-header-7e358:focus:not([data-focus-visible]) {
+  button.sti-ToolCallCard-header-86df5:focus:not([data-focus-visible]) {
     outline: none;
   }
 
-  .sti-ToolCallCard-status-9c88f {
+  .sti-ToolCallCard-status-47170 {
     font-size: var(--sti-icon-md);
     flex: none;
     display: inline-flex;
   }
 
-  .sti-ToolCallCard-status-9c88f[data-status="pending"] {
+  .sti-ToolCallCard-status-47170[data-status="pending"] {
     color: var(--sti-fg-muted);
   }
 
-  .sti-ToolCallCard-status-9c88f[data-status="running"] {
+  .sti-ToolCallCard-status-47170[data-status="running"] {
     color: var(--sti-fg-accent);
   }
 
-  .sti-ToolCallCard-status-9c88f[data-status="success"] {
+  .sti-ToolCallCard-status-47170[data-status="success"] {
     color: var(--sti-fg-success);
   }
 
-  .sti-ToolCallCard-status-9c88f[data-status="error"] {
+  .sti-ToolCallCard-status-47170[data-status="error"] {
     color: var(--sti-fg-danger);
   }
 
-  .sti-ToolCallCard-icon-08f7b {
+  .sti-ToolCallCard-icon-dc276 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-icon-sm);
     flex: none;
     display: inline-flex;
   }
 
-  .sti-ToolCallCard-titles-9d8c3 {
+  .sti-ToolCallCard-titles-46898 {
     flex-direction: column;
-    flex: auto;
+    flex: 10rem;
     min-inline-size: 0;
     display: flex;
   }
 
-  .sti-ToolCallCard-name-294ce {
+  .sti-ToolCallCard-name-9121f {
     font-weight: var(--sti-font-weight-semibold);
     overflow-wrap: anywhere;
   }
 
-  .sti-ToolCallCard-summary-8f16a {
+  .sti-ToolCallCard-summary-6cd8e {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-xs);
     line-height: var(--sti-line-height-xs);
     overflow-wrap: anywhere;
   }
 
-  .sti-ToolCallCard-state-cd7b5 {
+  .sti-ToolCallCard-state-49e4e {
     justify-content: flex-end;
     gap: var(--sti-space-0-5) var(--sti-space-2);
     color: var(--sti-fg-muted);
@@ -142,25 +143,25 @@
     display: flex;
   }
 
-  .sti-ToolCallCard-state-cd7b5[data-status="success"] {
+  .sti-ToolCallCard-state-49e4e[data-status="success"] {
     color: var(--sti-fg-success-strong);
   }
 
-  .sti-ToolCallCard-state-cd7b5[data-status="error"] {
+  .sti-ToolCallCard-state-49e4e[data-status="error"] {
     color: var(--sti-fg-danger-strong);
     font-weight: var(--sti-font-weight-medium);
   }
 
-  .sti-ToolCallCard-state-cd7b5[data-status="running"] {
+  .sti-ToolCallCard-state-49e4e[data-status="running"] {
     color: var(--sti-fg-accent-strong);
   }
 
-  .sti-ToolCallCard-duration-f7442 {
+  .sti-ToolCallCard-duration-7960c {
     color: var(--sti-fg-muted);
     font-variant-numeric: tabular-nums;
   }
 
-  .sti-ToolCallCard-chevron-8dc88 {
+  .sti-ToolCallCard-chevron-f0cd8 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-icon-sm);
     transition: transform var(--sti-duration-fast) var(--sti-ease-snap);
@@ -168,29 +169,29 @@
     display: inline-flex;
   }
 
-  .sti-ToolCallCard-disclosure-c31af[data-expanded] .sti-ToolCallCard-chevron-8dc88 {
+  .sti-ToolCallCard-disclosure-6aaba[data-expanded] .sti-ToolCallCard-chevron-f0cd8 {
     transform: rotate(180deg);
   }
 
-  .sti-ToolCallCard-panel-742a6 {
+  .sti-ToolCallCard-panel-3b3fc {
     border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
   }
 
-  .sti-ToolCallCard-errorText-dd8e7 {
+  .sti-ToolCallCard-errorText-4e074 {
     padding: var(--sti-space-3) var(--sti-toolcall-px) 0;
     color: var(--sti-fg-danger-strong);
     overflow-wrap: anywhere;
     margin: 0;
   }
 
-  .sti-ToolCallCard-payload-20a31 {
+  .sti-ToolCallCard-payload-56312 {
     gap: var(--sti-space-1);
     padding: var(--sti-space-3) var(--sti-toolcall-px);
     flex-direction: column;
     display: flex;
   }
 
-  .sti-ToolCallCard-payloadLabel-bd105 {
+  .sti-ToolCallCard-payloadLabel-ea082 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-xs);
     font-weight: var(--sti-font-weight-semibold);
@@ -199,7 +200,7 @@
     text-transform: uppercase;
   }
 
-  .sti-ToolCallCard-code-f4114 {
+  .sti-ToolCallCard-code-7503d {
     box-sizing: border-box;
     max-block-size: 16rem;
     padding: var(--sti-space-2) var(--sti-space-3);
@@ -215,34 +216,34 @@
     overflow: auto;
   }
 
-  .sti-ToolCallCard-code-f4114:focus-visible {
+  .sti-ToolCallCard-code-7503d:focus-visible {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: calc(var(--sti-focus-ring-width) * -1);
   }
 
-  .sti-ToolCallCard-value-730d6 {
+  .sti-ToolCallCard-value-54a09 {
     overflow-wrap: anywhere;
     min-inline-size: 0;
   }
 
   @media (pointer: coarse) {
-    .sti-ToolCallCard-root-f0b89[data-size="sm"] {
+    .sti-ToolCallCard-root-f2a71[data-size="sm"] {
       --sti-toolcall-h: var(--sti-control-h-md);
     }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    button.sti-ToolCallCard-header-7e358, .sti-ToolCallCard-chevron-8dc88 {
+    button.sti-ToolCallCard-header-86df5, .sti-ToolCallCard-chevron-f0cd8 {
       transition: none;
     }
   }
 
   @media (forced-colors: active) {
-    .sti-ToolCallCard-root-f0b89 {
+    .sti-ToolCallCard-root-f2a71 {
       border-color: canvastext;
     }
 
-    .sti-ToolCallCard-code-f4114 {
+    .sti-ToolCallCard-code-7503d {
       border: var(--sti-border-width) solid CanvasText;
     }
   }

package/dist/ai/ToolCallCard/ToolCallCard.js

@@ -1,8 +1,8 @@
 "use client";
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { useLocale, useMessages } from "../../provider/UIProvider.js";
-import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { Spinner } from "../../components/Spinner/Spinner.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
 import { announce } from "../../components/Alert/announcer.js";
 import { ClockIcon } from "../../icons/generated/ClockIcon.js";

package/dist/ai/ToolCallCard/ToolCallCard.module.js

@@ -1,22 +1,22 @@
 import './ToolCallCard.css';
 // src/ai/ToolCallCard/ToolCallCard.module.css
 var ToolCallCard_module_default = {
-	"root": "sti-ToolCallCard-root-f0b89",
-	"disclosure": "sti-ToolCallCard-disclosure-c31af",
-	"header": "sti-ToolCallCard-header-7e358",
-	"status": "sti-ToolCallCard-status-9c88f",
-	"icon": "sti-ToolCallCard-icon-08f7b",
-	"titles": "sti-ToolCallCard-titles-9d8c3",
-	"name": "sti-ToolCallCard-name-294ce",
-	"summary": "sti-ToolCallCard-summary-8f16a",
-	"state": "sti-ToolCallCard-state-cd7b5",
-	"duration": "sti-ToolCallCard-duration-f7442",
-	"chevron": "sti-ToolCallCard-chevron-8dc88",
-	"panel": "sti-ToolCallCard-panel-742a6",
-	"errorText": "sti-ToolCallCard-errorText-dd8e7",
-	"payload": "sti-ToolCallCard-payload-20a31",
-	"payloadLabel": "sti-ToolCallCard-payloadLabel-bd105",
-	"code": "sti-ToolCallCard-code-f4114",
-	"value": "sti-ToolCallCard-value-730d6"
+	"root": "sti-ToolCallCard-root-f2a71",
+	"disclosure": "sti-ToolCallCard-disclosure-6aaba",
+	"header": "sti-ToolCallCard-header-86df5",
+	"status": "sti-ToolCallCard-status-47170",
+	"icon": "sti-ToolCallCard-icon-dc276",
+	"titles": "sti-ToolCallCard-titles-46898",
+	"name": "sti-ToolCallCard-name-9121f",
+	"summary": "sti-ToolCallCard-summary-6cd8e",
+	"state": "sti-ToolCallCard-state-49e4e",
+	"duration": "sti-ToolCallCard-duration-7960c",
+	"chevron": "sti-ToolCallCard-chevron-f0cd8",
+	"panel": "sti-ToolCallCard-panel-3b3fc",
+	"errorText": "sti-ToolCallCard-errorText-4e074",
+	"payload": "sti-ToolCallCard-payload-56312",
+	"payloadLabel": "sti-ToolCallCard-payloadLabel-ea082",
+	"code": "sti-ToolCallCard-code-7503d",
+	"value": "sti-ToolCallCard-value-54a09"
 };
 export { ToolCallCard_module_default as default };

package/dist/charts/BulletChart/BulletChart.css

@@ -0,0 +1,107 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-BulletChart-root-97c69 {
+    gap: var(--sti-space-3);
+    inline-size: 100%;
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-BulletChart-title-4b9fc {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-BulletChart-list-77a50 {
+    gap: var(--sti-space-4);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-BulletChart-item-c8703 {
+    gap: calc(var(--sti-space-1) + 2px);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-BulletChart-head-ccf77 {
+    justify-content: space-between;
+    align-items: baseline;
+    gap: var(--sti-space-1) var(--sti-space-3);
+    font-size: var(--sti-font-size-sm);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-BulletChart-label-7f336 {
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-BulletChart-numbers-3d250 {
+    color: var(--sti-fg-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-BulletChart-value-3c82f {
+    color: var(--sti-fg);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-BulletChart-bar-4d9e4 {
+    border-radius: var(--sti-radius-xs);
+    block-size: .75rem;
+    inline-size: 100%;
+    display: block;
+    overflow: hidden;
+  }
+
+  .sti-BulletChart-range-14032 {
+    fill: var(--sti-bg-surface-hover);
+  }
+
+  .sti-BulletChart-range-14032[data-level="1"] {
+    fill: var(--sti-border);
+  }
+
+  .sti-BulletChart-range-14032[data-level="2"] {
+    fill: var(--sti-bg-surface-active);
+  }
+
+  .sti-BulletChart-range-14032[data-level="3"] {
+    fill: var(--sti-bg-surface-hover);
+  }
+
+  .sti-BulletChart-targetMark-3733b {
+    fill: var(--sti-fg);
+  }
+
+  .sti-BulletChart-note-fc20e {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+  }
+
+  .sti-BulletChart-srOnly-19ba0 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (forced-colors: active) {
+    .sti-BulletChart-range-14032 {
+      fill: graytext;
+    }
+
+    .sti-BulletChart-targetMark-3733b {
+      fill: canvastext;
+    }
+  }
+}

package/dist/charts/BulletChart/BulletChart.d.ts

@@ -0,0 +1,35 @@
+import { ChartValueFormat } from "../_internal/format.js";
+import { ChartTone } from "../_internal/items.js";
+import { ReactNode } from "react";
+export interface BulletItem {
+  id: string;
+  label: string;
+  /** Gerçekleşen. */
+  value: number | null;
+  /** Hedef (dikey çizgi). */
+  target?: number;
+  /** Nitel aralıkların üst sınırları (artan; kötü → iyi), ör. [60, 80, 100]. */
+  ranges?: readonly number[];
+  /** Ölçeğin üst sınırı; verilmezse aralık, hedef ve değerin en büyüğü. */
+  max?: number;
+  tone?: ChartTone;
+  /** Bu satırın değer biçimi (verilmezse grafiğinki). */
+  valueFormat?: ChartValueFormat;
+  /** Değerin yanında kısa not ("geçen ay %72"). */
+  note?: ReactNode;
+}
+export interface BulletChartProps {
+  /** Listenin adı (zorunlu). */
+  label: string;
+  title?: ReactNode;
+  items: readonly BulletItem[];
+  valueFormat?: ChartValueFormat;
+  className?: string;
+  id?: string;
+}
+/**
+ * Mermi grafiği: her ölçü için gerçekleşen değeri, hedefi ve nitel aralıkları (zayıf, iyi, çok
+ * iyi) tek satırda gösterir; gösterge (Gauge) kalabalığının yerini alır. Değer ve hedef her satırda
+ * metin olarak yazılıdır; çizim görseldir.
+ */
+export declare function BulletChart({ label, title, items, valueFormat, className, id }: BulletChartProps): import("react").JSX.Element;

package/dist/charts/BulletChart/BulletChart.js

@@ -0,0 +1,120 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { clamp, isNum } from "../_internal/math.js";
+import marks_module_default from "../_internal/marks/marks.module.js";
+import { makeValueFormat } from "../_internal/format.js";
+import { toneIndex } from "../_internal/items.js";
+import BulletChart_module_default from "./BulletChart.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/charts/BulletChart/BulletChart.tsx
+/**
+* Mermi grafiği: her ölçü için gerçekleşen değeri, hedefi ve nitel aralıkları (zayıf, iyi, çok
+* iyi) tek satırda gösterir; gösterge (Gauge) kalabalığının yerini alır. Değer ve hedef her satırda
+* metin olarak yazılıdır; çizim görseldir.
+*/
+function BulletChart({ label, title, items, valueFormat, className, id }) {
+	const t = useMessages();
+	const formatter = useFormatter();
+	return /* @__PURE__ */ jsxs("figure", {
+		id,
+		className: [BulletChart_module_default.root, className].filter(Boolean).join(" "),
+		children: [title ? /* @__PURE__ */ jsx("figcaption", {
+			className: BulletChart_module_default.title,
+			children: title
+		}) : null, /* @__PURE__ */ jsx("ul", {
+			className: BulletChart_module_default.list,
+			"aria-label": label,
+			children: items.map((it) => {
+				const fmt = makeValueFormat(formatter, it.valueFormat ?? valueFormat);
+				const top = it.max ?? (Math.max(...it.ranges ?? [], isNum(it.target) ? it.target : 0, isNum(it.value) ? it.value : 0) || 1);
+				const pct = (v) => `${clamp(v / top, 0, 1) * 100}`;
+				const ranges = it.ranges ?? [];
+				return /* @__PURE__ */ jsxs("li", {
+					className: BulletChart_module_default.item,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: BulletChart_module_default.head,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: BulletChart_module_default.label,
+								children: it.label
+							}), /* @__PURE__ */ jsxs("span", {
+								className: BulletChart_module_default.numbers,
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: BulletChart_module_default.srOnly,
+										children: `${t.chartBulletValue}: `
+									}),
+									/* @__PURE__ */ jsx("strong", {
+										className: BulletChart_module_default.value,
+										children: isNum(it.value) ? fmt(it.value) : "–"
+									}),
+									isNum(it.target) ? /* @__PURE__ */ jsxs("span", {
+										className: BulletChart_module_default.target,
+										children: [
+											" / ",
+											/* @__PURE__ */ jsx("span", {
+												className: BulletChart_module_default.srOnly,
+												children: `${t.chartBulletTarget}: `
+											}),
+											fmt(it.target),
+											/* @__PURE__ */ jsx("span", {
+												"aria-hidden": "true",
+												children: ` ${t.chartBulletTarget.toLocaleLowerCase()}`
+											})
+										]
+									}) : null
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("svg", {
+							className: BulletChart_module_default.bar,
+							viewBox: "0 0 100 12",
+							preserveAspectRatio: "none",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: [
+								[...ranges].reverse().map((r, k) => /* @__PURE__ */ jsx("rect", {
+									className: BulletChart_module_default.range,
+									"data-level": ranges.length - k,
+									x: "0",
+									y: "0",
+									width: pct(r),
+									height: "12"
+								}, r)),
+								ranges.length === 0 ? /* @__PURE__ */ jsx("rect", {
+									className: BulletChart_module_default.range,
+									"data-level": "1",
+									x: "0",
+									y: "0",
+									width: "100",
+									height: "12"
+								}) : null,
+								isNum(it.value) ? /* @__PURE__ */ jsx("rect", {
+									className: marks_module_default.mark,
+									"data-kind": "bar",
+									"data-s": toneIndex(it.tone, 0),
+									x: "0",
+									y: "3.5",
+									width: pct(it.value),
+									height: "5"
+								}) : null,
+								isNum(it.target) ? /* @__PURE__ */ jsx("rect", {
+									className: BulletChart_module_default.targetMark,
+									x: `${Math.min(99, Number(pct(it.target)))}`,
+									y: "1",
+									width: "1",
+									height: "10"
+								}) : null
+							]
+						}),
+						it.note ? /* @__PURE__ */ jsx("span", {
+							className: BulletChart_module_default.note,
+							children: it.note
+						}) : null
+					]
+				}, it.id);
+			})
+		})]
+	});
+}
+export { BulletChart };

package/dist/charts/BulletChart/BulletChart.module.js

@@ -0,0 +1,18 @@
+import './BulletChart.css';
+// src/charts/BulletChart/BulletChart.module.css
+var BulletChart_module_default = {
+	"root": "sti-BulletChart-root-97c69",
+	"title": "sti-BulletChart-title-4b9fc",
+	"list": "sti-BulletChart-list-77a50",
+	"item": "sti-BulletChart-item-c8703",
+	"head": "sti-BulletChart-head-ccf77",
+	"label": "sti-BulletChart-label-7f336",
+	"numbers": "sti-BulletChart-numbers-3d250",
+	"value": "sti-BulletChart-value-3c82f",
+	"bar": "sti-BulletChart-bar-4d9e4",
+	"range": "sti-BulletChart-range-14032",
+	"targetMark": "sti-BulletChart-targetMark-3733b",
+	"note": "sti-BulletChart-note-fc20e",
+	"srOnly": "sti-BulletChart-srOnly-19ba0"
+};
+export { BulletChart_module_default as default };

package/dist/charts/BulletChart/index.d.ts

@@ -0,0 +1,2 @@
+import { BulletChart, BulletChartProps, BulletItem } from "./BulletChart.js";
+export { BulletChart, BulletChartProps, BulletItem };

package/dist/charts/CalendarHeatmap/CalendarHeatmap.css

@@ -0,0 +1,39 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CalendarHeatmap-root-ed014 {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .sti-CalendarHeatmap-cell-e1be6 {
+    fill: var(--sti-heat, var(--sti-bg-surface-hover));
+  }
+
+  .sti-CalendarHeatmap-cell-e1be6[data-active] {
+    stroke: var(--sti-fg);
+    stroke-width: 2px;
+  }
+
+  .sti-CalendarHeatmap-month-53dfc, .sti-CalendarHeatmap-weekday-58629 {
+    fill: var(--sti-fg-muted);
+    font-family: var(--sti-font-text);
+    font-size: 11px;
+  }
+
+  .sti-CalendarHeatmap-weekday-58629 {
+    text-anchor: end;
+    dominant-baseline: central;
+  }
+
+  @media (forced-colors: active) {
+    .sti-CalendarHeatmap-cell-e1be6 {
+      stroke: canvastext;
+      stroke-width: .5px;
+    }
+
+    .sti-CalendarHeatmap-cell-e1be6[data-active] {
+      stroke: highlight;
+      stroke-width: 2px;
+    }
+  }
+}

package/dist/charts/CalendarHeatmap/CalendarHeatmap.d.ts

@@ -0,0 +1,30 @@
+import { ChartValueFormat } from "../_internal/format.js";
+import { ReactNode, Ref } from "react";
+export interface CalendarHeatmapDatum {
+  /** "2026-11-14" */
+  date: string;
+  value: number;
+}
+export interface CalendarHeatmapProps {
+  label: string;
+  title?: ReactNode;
+  description?: ReactNode;
+  data: readonly CalendarHeatmapDatum[];
+  /** Son gün ("2026-11-14"); verilmezse bugün (saat diliminde). */
+  to?: string;
+  /** İlk gün; verilmezse `to`'dan 52 hafta önce. */
+  from?: string;
+  weekStartsOn?: 0 | 1;
+  valueFormat?: ChartValueFormat;
+  tableToggle?: boolean;
+  isLoading?: boolean;
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLElement>;
+}
+/**
+ * Takvim ısı haritası: günlük yoğunluk (yayın, etkinlik, sipariş) haftalar sütun, günler satır
+ * olarak; hücreler beş basamakta tonlanır. Dar kapta son haftalar gösterilir. Oklar günler (↑ ↓)
+ * ve haftalar (← →) arasında gezer; tablo görünümü aylık özet verir.
+ */
+export declare function CalendarHeatmap({ label, title, description, data, to: toProp, from: fromProp, weekStartsOn, valueFormat, tableToggle, isLoading, className, id, ref }: CalendarHeatmapProps): import("react").JSX.Element;