@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/NumberedClauses/NumberedClauses.css

@@ -0,0 +1,79 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-NumberedClauses-root-1eedc {
+    font-size: var(--sti-document-font-size, var(--sti-font-size-md));
+    line-height: var(--sti-document-line-height, var(--sti-line-height-md));
+  }
+
+  .sti-NumberedClauses-list-37c1d {
+    gap: var(--sti-space-3);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-NumberedClauses-list-37c1d[data-depth="0"] {
+    gap: var(--sti-space-6);
+  }
+
+  .sti-NumberedClauses-list-37c1d[data-depth]:not([data-depth="0"]) {
+    margin-block-start: var(--sti-space-3);
+  }
+
+  .sti-NumberedClauses-clause-93edc {
+    break-inside: avoid-page;
+  }
+
+  .sti-NumberedClauses-heading-c3b16 {
+    gap: 0 var(--sti-space-2);
+    margin: 0 0 var(--sti-space-2);
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-md);
+    break-after: avoid-page;
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-NumberedClauses-row-c38bf {
+    gap: var(--sti-space-2);
+    grid-template-columns: auto minmax(0, 1fr);
+    display: grid;
+  }
+
+  .sti-NumberedClauses-row-c38bf:not(:has(.sti-NumberedClauses-num-95faf)) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .sti-NumberedClauses-num-95faf {
+    font-variant-numeric: tabular-nums;
+    min-inline-size: 2.25rem;
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-NumberedClauses-heading-c3b16 .sti-NumberedClauses-num-95faf {
+    min-inline-size: 0;
+  }
+
+  .sti-NumberedClauses-clause-93edc[data-depth="1"] {
+    padding-inline-start: 0;
+  }
+
+  .sti-NumberedClauses-clause-93edc[data-depth="2"] {
+    padding-inline-start: var(--sti-space-8);
+  }
+
+  .sti-NumberedClauses-body-d8bd2 {
+    text-align: start;
+    min-inline-size: 0;
+  }
+
+  .sti-NumberedClauses-inlineTitle-d9478 {
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-NumberedClauses-dash-d2d1e {
+    color: var(--sti-fg-muted);
+  }
+}

package/dist/components/NumberedClauses/NumberedClauses.d.ts

@@ -0,0 +1,31 @@
+import { Locale } from "../../provider/locale.js";
+import { UIMessages } from "../../messages/messages.js";
+import { ReactNode } from "react";
+export interface Clause {
+  id?: string;
+  /** Madde başlığı ("Taraflar", "Sözleşmenin konusu"). */
+  title?: string;
+  /** Madde metni. */
+  text?: ReactNode;
+  /** Alt maddeler (1.1, 1.2). */
+  children?: readonly Clause[];
+}
+export interface NumberedClausesProps {
+  clauses: readonly Clause[];
+  /** `numbered`: 1., 1.1.; `article`: üst düzey "Madde 1 – Başlık", alt düzey 1.1. */
+  variant?: "numbered" | "article";
+  /** Üst düzey başlıkların belge düzeyi. Varsayılan 2. */
+  headingLevel?: 2 | 3 | 4;
+  /** Liste adı ("Hükümler"). */
+  label?: string;
+  locale?: Locale;
+  labels?: Partial<UIMessages>;
+  className?: string;
+  id?: string;
+}
+/**
+ * Madde numaralı metin (sözleşme, şartname, politika): "Madde 1 – Başlık" ya da "1." üst
+ * düzey, "1.1." alt düzey; numaralar metnin parçasıdır (yazdırınca ve kopyalayınca korunur,
+ * ekran okuyucu da okur). Maddeler `id` ile bağlantı alabilir. Sunucu bileşenidir.
+ */
+export declare function NumberedClauses({ clauses, variant, headingLevel, label, locale, labels, className, id }: NumberedClausesProps): import("react").JSX.Element;

package/dist/components/NumberedClauses/NumberedClauses.js

@@ -0,0 +1,71 @@
+import { documentText } from "../_document/text.js";
+import NumberedClauses_module_default from "./NumberedClauses.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/NumberedClauses/NumberedClauses.tsx
+function renderList(items, prefix, depth, props) {
+	const Heading = `h${props.headingLevel}`;
+	return /* @__PURE__ */ jsx("ol", {
+		className: NumberedClauses_module_default.list,
+		"data-depth": depth,
+		children: items.map((c, i) => {
+			const num = prefix ? `${prefix}.${i + 1}` : String(i + 1);
+			const label = depth === 0 && props.variant === "article" ? `${props.article} ${num}` : `${num}.`;
+			return /* @__PURE__ */ jsxs("li", {
+				id: c.id,
+				className: NumberedClauses_module_default.clause,
+				"data-depth": depth,
+				children: [
+					depth === 0 && c.title ? /* @__PURE__ */ jsxs(Heading, {
+						className: NumberedClauses_module_default.heading,
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: NumberedClauses_module_default.num,
+								children: label
+							}),
+							props.variant === "article" ? /* @__PURE__ */ jsx("span", {
+								className: NumberedClauses_module_default.dash,
+								"aria-hidden": "true",
+								children: "–"
+							}) : null,
+							/* @__PURE__ */ jsx("span", { children: c.title })
+						]
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: NumberedClauses_module_default.row,
+						children: [depth > 0 || !c.title ? /* @__PURE__ */ jsx("span", {
+							className: NumberedClauses_module_default.num,
+							children: label
+						}) : null, /* @__PURE__ */ jsxs("div", {
+							className: NumberedClauses_module_default.body,
+							children: [depth > 0 && c.title ? /* @__PURE__ */ jsxs("strong", {
+								className: NumberedClauses_module_default.inlineTitle,
+								children: [c.title, ". "]
+							}) : null, c.text]
+						})]
+					}),
+					c.children?.length ? renderList(c.children, num, depth + 1, props) : null
+				]
+			}, c.id ?? num);
+		})
+	});
+}
+/**
+* Madde numaralı metin (sözleşme, şartname, politika): "Madde 1 – Başlık" ya da "1." üst
+* düzey, "1.1." alt düzey; numaralar metnin parçasıdır (yazdırınca ve kopyalayınca korunur,
+* ekran okuyucu da okur). Maddeler `id` ile bağlantı alabilir. Sunucu bileşenidir.
+*/
+function NumberedClauses({ clauses, variant = "numbered", headingLevel = 2, label, locale, labels, className, id }) {
+	const t = documentText(locale, labels);
+	return /* @__PURE__ */ jsx("section", {
+		id,
+		className: [NumberedClauses_module_default.root, className].filter(Boolean).join(" "),
+		"aria-label": label ?? t.documentClauses,
+		"data-variant": variant,
+		children: renderList(clauses, "", 0, {
+			variant,
+			headingLevel,
+			article: t.documentArticle
+		})
+	});
+}
+export { NumberedClauses };

package/dist/components/NumberedClauses/NumberedClauses.module.js

@@ -0,0 +1,14 @@
+import './NumberedClauses.css';
+// src/components/NumberedClauses/NumberedClauses.module.css
+var NumberedClauses_module_default = {
+	"root": "sti-NumberedClauses-root-1eedc",
+	"list": "sti-NumberedClauses-list-37c1d",
+	"clause": "sti-NumberedClauses-clause-93edc",
+	"heading": "sti-NumberedClauses-heading-c3b16",
+	"row": "sti-NumberedClauses-row-c38bf",
+	"num": "sti-NumberedClauses-num-95faf",
+	"body": "sti-NumberedClauses-body-d8bd2",
+	"inlineTitle": "sti-NumberedClauses-inlineTitle-d9478",
+	"dash": "sti-NumberedClauses-dash-d2d1e"
+};
+export { NumberedClauses_module_default as default };

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

@@ -0,0 +1,2 @@
+import { Clause, NumberedClauses, NumberedClausesProps } from "./NumberedClauses.js";
+export { Clause, NumberedClauses, NumberedClausesProps };

package/dist/components/OnboardingChecklist/OnboardingChecklist.js

@@ -2,8 +2,8 @@
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { CheckIcon } from "../../icons/generated/CheckIcon.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
 import { CloseButton } from "../CloseButton/CloseButton.js";
 import { ProgressBar as ProgressBar$1 } from "../ProgressBar/ProgressBar.js";
 import OnboardingChecklist_module_default from "./OnboardingChecklist.module.js";

package/dist/components/PasswordField/PasswordField.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
-import { IconButton } from "../IconButton/IconButton.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { IconButton } from "../IconButton/IconButton.js";
 import { AlertTriangleIcon } from "../../icons/generated/AlertTriangleIcon.js";
 import { EyeIcon } from "../../icons/generated/EyeIcon.js";
 import { EyeOffIcon } from "../../icons/generated/EyeOffIcon.js";

package/dist/components/PersonItem/PersonItem.js

@@ -1,5 +1,5 @@
-import { Link } from "../Link/Link.js";
 import { Avatar } from "../Avatar/Avatar.js";
+import { Link } from "../Link/Link.js";
 import PersonItem_module_default from "./PersonItem.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/PersonItem/PersonItem.tsx

package/dist/components/PivotTable/PivotTable.css

@@ -0,0 +1,183 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PivotTable-scroll-0980c {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+  }
+
+  .sti-PivotTable-root-30fe3 {
+    --sti-pivot-row-h: var(--sti-row-h);
+    --sti-pivot-px: var(--sti-space-4);
+    border-collapse: separate;
+    border-spacing: 0;
+    inline-size: 100%;
+    min-inline-size: max-content;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-PivotTable-root-30fe3[data-size="sm"] {
+    --sti-pivot-row-h: calc(var(--sti-row-h) - var(--sti-space-2));
+    --sti-pivot-px: var(--sti-space-3);
+  }
+
+  .sti-PivotTable-root-30fe3[data-size="lg"] {
+    --sti-pivot-row-h: calc(var(--sti-row-h) + var(--sti-space-3));
+  }
+
+  .sti-PivotTable-caption-04240 {
+    padding: var(--sti-space-3) var(--sti-pivot-px);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    text-align: start;
+    caption-side: top;
+  }
+
+  .sti-PivotTable-heading-edd7b, .sti-PivotTable-groupHeading-d3aaf, .sti-PivotTable-corner-649ac, .sti-PivotTable-rowHeading-584fc, .sti-PivotTable-cell-13e3c {
+    block-size: var(--sti-pivot-row-h);
+    padding-block: var(--sti-space-1);
+    padding-inline: var(--sti-pivot-px);
+    vertical-align: middle;
+    text-align: start;
+  }
+
+  .sti-PivotTable-heading-edd7b, .sti-PivotTable-groupHeading-d3aaf, .sti-PivotTable-corner-649ac {
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xs);
+    letter-spacing: var(--sti-tracking-label);
+    white-space: nowrap;
+  }
+
+  .sti-PivotTable-heading-edd7b {
+    border-block-end: var(--sti-border-width) solid var(--sti-border);
+  }
+
+  .sti-PivotTable-groupHeading-d3aaf {
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    text-align: center;
+  }
+
+  .sti-PivotTable-root-30fe3[data-sticky] thead :is(.sti-PivotTable-heading-edd7b, .sti-PivotTable-groupHeading-d3aaf, .sti-PivotTable-corner-649ac) {
+    z-index: var(--sti-z-raised);
+    position: sticky;
+  }
+
+  .sti-PivotTable-root-30fe3[data-sticky] thead tr:first-child > * {
+    inset-block-start: 0;
+  }
+
+  .sti-PivotTable-heading-edd7b[data-numeric] {
+    text-align: end;
+  }
+
+  .sti-PivotTable-rowHeading-584fc {
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    font-weight: var(--sti-font-weight-medium);
+    white-space: nowrap;
+  }
+
+  .sti-PivotTable-rowHeading-584fc[data-child] {
+    font-weight: var(--sti-font-weight-regular);
+    padding-inline-start: calc(var(--sti-pivot-px) + var(--sti-space-5));
+  }
+
+  .sti-PivotTable-cell-13e3c {
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    font-family: var(--sti-font-numeric);
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    white-space: nowrap;
+  }
+
+  .sti-PivotTable-row-588f9[data-group] > * {
+    background: var(--sti-bg-subtle);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-PivotTable-heading-edd7b[data-total], .sti-PivotTable-cell-13e3c[data-total] {
+    border-inline-start: var(--sti-border-width) solid var(--sti-border);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  tfoot .sti-PivotTable-rowHeading-584fc, tfoot .sti-PivotTable-cell-13e3c {
+    border-block-start: var(--sti-border-width) solid var(--sti-border);
+    background: var(--sti-bg-subtle);
+    font-weight: var(--sti-font-weight-semibold);
+    border-block-end: 0;
+  }
+
+  tfoot .sti-PivotTable-cell-13e3c[data-total]:not([data-grand]) {
+    border-inline-start: 0;
+  }
+
+  tfoot .sti-PivotTable-cell-13e3c[data-grand] {
+    border-inline-start: var(--sti-border-width) solid var(--sti-border);
+  }
+
+  tbody .sti-PivotTable-row-588f9:last-child > * {
+    border-block-end: 0;
+  }
+
+  @media (hover: hover) {
+    tbody .sti-PivotTable-row-588f9:not([data-group]):hover > * {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat] {
+    --sti-pivot-heat: 0%;
+    background: color-mix(in oklab, var(--sti-fill-accent) var(--sti-pivot-heat), transparent);
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat="1"] {
+    --sti-pivot-heat: 6%;
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat="2"] {
+    --sti-pivot-heat: 14%;
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat="3"] {
+    --sti-pivot-heat: 24%;
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat="4"] {
+    --sti-pivot-heat: 36%;
+  }
+
+  .sti-PivotTable-cell-13e3c[data-heat="5"] {
+    --sti-pivot-heat: 50%;
+  }
+
+  .sti-PivotTable-none-45d5f {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-PivotTable-empty-297f9 {
+    padding: var(--sti-space-8) var(--sti-pivot-px);
+    color: var(--sti-fg-muted);
+    text-align: center;
+  }
+
+  @media (pointer: coarse) {
+    .sti-PivotTable-root-30fe3 {
+      --sti-pivot-row-h: var(--sti-control-h-md);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-PivotTable-scroll-0980c, .sti-PivotTable-heading-edd7b, .sti-PivotTable-cell-13e3c[data-total], tfoot :is(.sti-PivotTable-rowHeading-584fc, .sti-PivotTable-cell-13e3c) {
+      border-color: canvastext;
+    }
+
+    .sti-PivotTable-cell-13e3c[data-heat] {
+      background: none;
+    }
+  }
+}

package/dist/components/PivotTable/PivotTable.d.ts

@@ -0,0 +1,39 @@
+import { ScrollAreaMaxHeight } from "../ScrollArea/ScrollArea.js";
+import { PivotAggregate, PivotRecord } from "./pivot.js";
+import { ReactNode } from "react";
+export interface PivotTableProps {
+  /** Tablonun adı (zorunlu). */
+  label: string;
+  /** Görünür başlık (`caption`). */
+  caption?: ReactNode;
+  /** Kayıtlar: düz nesneler (sunucudan aktarılabilir). */
+  data: readonly PivotRecord[];
+  /** Satır alanları: bir ya da iki (ikincide ilk düzey ara toplamlı grup olur). */
+  rows: readonly [string] | readonly [string, string];
+  /** Sütun alanı (isteğe bağlı). */
+  column?: string;
+  /** Değer alanı (sayı). `count`'ta kullanılmaz. */
+  value: string;
+  aggregate?: PivotAggregate;
+  /** Değerin gösterimi: sayı, tam sayı, para birimi ya da yüzde (0,25 → %25). */
+  display?: "number" | "integer" | "currency" | "percent";
+  /** Alan adlarının görünen karşılıkları: `{ region: "Bölge" }`. */
+  fieldLabels?: Readonly<Record<string, string>>;
+  /** Satır ve sütun toplamları (varsayılan açık). `min`/`max`'ta da anlamlıdır. */
+  showTotals?: boolean;
+  /** Grup sırası: verideki ilk görünüş (varsayılan; aylar, aşamalar) ya da alfabetik. */
+  keyOrder?: "data" | "alphabetical";
+  /** Hücreler değere göre turkuaz tonlanır (değer ayrıca metin olarak yazılıdır). */
+  heatmap?: boolean;
+  size?: "sm" | "md" | "lg";
+  maxHeight?: ScrollAreaMaxHeight;
+  className?: string;
+  id?: string;
+}
+/**
+ * Çapraz (pivot) tablo: kayıtları satır ve sütun alanlarına göre gruplar, değer alanını toplar
+ * (toplam, sayı, ortalama, en küçük, en büyük); ara toplam ve genel toplam satırları, isteğe
+ * bağlı ısı tonu. Gerçek `table`; satır ve sütun başlıkları `th scope` ile bağlıdır. Yalnız veri
+ * alır, sunucu bileşeninden aktarılabilir.
+ */
+export declare function PivotTable({ label, caption, data, rows, column, value, aggregate, display, fieldLabels, showTotals, keyOrder, heatmap, size, maxHeight, className, id }: PivotTableProps): import("react").JSX.Element;

package/dist/components/PivotTable/PivotTable.js

@@ -0,0 +1,171 @@
+"use client";
+import { useFormatter, useLocale, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { ScrollArea } from "../ScrollArea/ScrollArea.js";
+import PivotTable_module_default from "./PivotTable.module.js";
+import { heatLevel, pivot } from "./pivot.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+// src/components/PivotTable/PivotTable.tsx
+/**
+* Çapraz (pivot) tablo: kayıtları satır ve sütun alanlarına göre gruplar, değer alanını toplar
+* (toplam, sayı, ortalama, en küçük, en büyük); ara toplam ve genel toplam satırları, isteğe
+* bağlı ısı tonu. Gerçek `table`; satır ve sütun başlıkları `th scope` ile bağlıdır. Yalnız veri
+* alır, sunucu bileşeninden aktarılabilir.
+*/
+function PivotTable({ label, caption, data, rows, column, value, aggregate = "sum", display = "number", fieldLabels, showTotals = true, keyOrder = "data", heatmap = false, size = "md", maxHeight, className, id }) {
+	const t = useMessages();
+	const fmt = useFormatter();
+	const locale = useLocale();
+	const result = useMemo(() => pivot(data, rows, column, value, aggregate, locale, keyOrder), [
+		data,
+		rows,
+		column,
+		value,
+		aggregate,
+		locale,
+		keyOrder
+	]);
+	const name = (field) => fieldLabels?.[field] ?? field;
+	const show = (v) => {
+		if (v === null) return /* @__PURE__ */ jsx("span", {
+			className: PivotTable_module_default.none,
+			children: "—"
+		});
+		if (aggregate === "count" || display === "integer") return fmt.number(Math.round(v));
+		if (display === "currency") return fmt.currency(v);
+		if (display === "percent") return fmt.percent(v, { digits: 1 });
+		if (aggregate === "average") return fmt.number(v, {
+			minimumFractionDigits: 1,
+			maximumFractionDigits: 1
+		});
+		return fmt.number(v, { maximumFractionDigits: 2 });
+	};
+	const twoLevels = rows.length === 2;
+	const totalLabel = aggregate === "sum" || aggregate === "count" ? t.pivotTotal : t[PIVOT_AGG[aggregate]];
+	const valueHeader = template(t.pivotValueOf, {
+		aggregate: t[PIVOT_AGG[aggregate]],
+		field: aggregate === "count" ? t.pivotRecords : name(value)
+	});
+	const cell = (v, key, extra) => /* @__PURE__ */ jsx("td", {
+		className: [PivotTable_module_default.cell, extra].filter(Boolean).join(" "),
+		"data-heat": heatmap ? heatLevel(v, result.range) : void 0,
+		children: show(v)
+	}, key);
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		label,
+		orientation: maxHeight ? "both" : "horizontal",
+		maxHeight,
+		className: PivotTable_module_default.scroll,
+		children: /* @__PURE__ */ jsxs("table", {
+			id,
+			"aria-label": label,
+			className: [PivotTable_module_default.root, className].filter(Boolean).join(" "),
+			"data-size": size,
+			"data-sticky": maxHeight ? "" : void 0,
+			children: [
+				caption ? /* @__PURE__ */ jsx("caption", {
+					className: PivotTable_module_default.caption,
+					children: caption
+				}) : null,
+				/* @__PURE__ */ jsxs("thead", { children: [column ? /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", { className: PivotTable_module_default.corner }), /* @__PURE__ */ jsxs("th", {
+					scope: "colgroup",
+					colSpan: result.columnKeys.length + (showTotals ? 1 : 0),
+					className: PivotTable_module_default.groupHeading,
+					children: [
+						name(column),
+						" · ",
+						valueHeader
+					]
+				})] }) : null, /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: PivotTable_module_default.heading,
+						children: rows.map(name).join(" / ")
+					}),
+					column ? result.columnKeys.map((c) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: PivotTable_module_default.heading,
+						"data-numeric": "",
+						children: c
+					}, c)) : /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: PivotTable_module_default.heading,
+						"data-numeric": "",
+						children: valueHeader
+					}),
+					column && showTotals ? /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: PivotTable_module_default.heading,
+						"data-numeric": "",
+						"data-total": "",
+						children: totalLabel
+					}) : null
+				] })] }),
+				/* @__PURE__ */ jsx("tbody", { children: result.rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+					className: PivotTable_module_default.empty,
+					colSpan: result.columnKeys.length + 2,
+					children: t.listViewEmpty
+				}) }) : result.rows.map((r) => {
+					const key = r.path.join("\0");
+					return /* @__PURE__ */ jsxs("tr", {
+						className: PivotTable_module_default.row,
+						"data-group": r.isGroup ? "" : void 0,
+						children: [
+							/* @__PURE__ */ jsx("th", {
+								scope: "row",
+								className: PivotTable_module_default.rowHeading,
+								"data-child": twoLevels && !r.isGroup ? "" : void 0,
+								children: r.path[r.path.length - 1]
+							}),
+							column ? r.cells.map((v, i) => r.isGroup ? /* @__PURE__ */ jsx("td", {
+								className: PivotTable_module_default.cell,
+								"data-subtotal": "",
+								children: show(v)
+							}, result.columnKeys[i]) : cell(v, result.columnKeys[i] ?? String(i))) : r.isGroup ? /* @__PURE__ */ jsx("td", {
+								className: PivotTable_module_default.cell,
+								"data-subtotal": "",
+								children: show(r.total)
+							}) : cell(r.total, "v"),
+							column && showTotals ? /* @__PURE__ */ jsx("td", {
+								className: PivotTable_module_default.cell,
+								"data-total": "",
+								children: show(r.total)
+							}) : null
+						]
+					}, key);
+				}) }),
+				showTotals && result.rows.length > 0 ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", {
+					className: PivotTable_module_default.row,
+					children: [
+						/* @__PURE__ */ jsx("th", {
+							scope: "row",
+							className: PivotTable_module_default.rowHeading,
+							"data-total": "",
+							children: template(t.pivotGrandTotal, { label: totalLabel.toLocaleLowerCase(locale) })
+						}),
+						column ? result.columnTotals.map((v, i) => /* @__PURE__ */ jsx("td", {
+							className: PivotTable_module_default.cell,
+							"data-total": "",
+							children: show(v)
+						}, result.columnKeys[i])) : null,
+						/* @__PURE__ */ jsx("td", {
+							className: PivotTable_module_default.cell,
+							"data-total": "",
+							"data-grand": column ? "" : void 0,
+							children: show(result.grandTotal)
+						})
+					]
+				}) }) : null
+			]
+		})
+	});
+}
+const PIVOT_AGG = {
+	sum: "pivotSum",
+	count: "pivotCount",
+	average: "pivotAverage",
+	min: "pivotMin",
+	max: "pivotMax"
+};
+export { PivotTable };

package/dist/components/PivotTable/PivotTable.module.js

@@ -0,0 +1,16 @@
+import './PivotTable.css';
+// src/components/PivotTable/PivotTable.module.css
+var PivotTable_module_default = {
+	"scroll": "sti-PivotTable-scroll-0980c",
+	"root": "sti-PivotTable-root-30fe3",
+	"caption": "sti-PivotTable-caption-04240",
+	"heading": "sti-PivotTable-heading-edd7b",
+	"groupHeading": "sti-PivotTable-groupHeading-d3aaf",
+	"corner": "sti-PivotTable-corner-649ac",
+	"rowHeading": "sti-PivotTable-rowHeading-584fc",
+	"cell": "sti-PivotTable-cell-13e3c",
+	"row": "sti-PivotTable-row-588f9",
+	"none": "sti-PivotTable-none-45d5f",
+	"empty": "sti-PivotTable-empty-297f9"
+};
+export { PivotTable_module_default as default };

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

@@ -0,0 +1,3 @@
+import { PivotAggregate, PivotRecord, PivotResult, PivotRow, aggregateValue, heatLevel, pivot } from "./pivot.js";
+import { PivotTable, PivotTableProps } from "./PivotTable.js";
+export { PivotAggregate, PivotRecord, PivotResult, PivotRow, PivotTable, PivotTableProps, aggregateValue, heatLevel, pivot };