@stisocial/ui 0.2.0 → 0.3.0

package/dist/site/ComparisonTable/ComparisonTable.css

@@ -0,0 +1,152 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ComparisonTable-scroller-891ae {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-bg-surface);
+    min-inline-size: 0;
+    position: relative;
+    overflow-x: auto;
+  }
+
+  .sti-ComparisonTable-scroller-891ae:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-ComparisonTable-table-02c07 {
+    border-collapse: separate;
+    border-spacing: 0;
+    inline-size: 100%;
+    min-inline-size: 36rem;
+    font-size: var(--sti-font-size-md);
+  }
+
+  .sti-ComparisonTable-corner-73b24, .sti-ComparisonTable-rowHead-ca344, .sti-ComparisonTable-groupHead-5e3bd {
+    z-index: 1;
+    background: var(--sti-bg-surface);
+    position: sticky;
+    inset-inline-start: 0;
+  }
+
+  .sti-ComparisonTable-corner-73b24 {
+    min-inline-size: 12rem;
+  }
+
+  .sti-ComparisonTable-colHead-e5685 {
+    min-inline-size: 9rem;
+    padding: var(--sti-space-5) var(--sti-space-4);
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-bold);
+    text-align: center;
+  }
+
+  .sti-ComparisonTable-groupHead-5e3bd {
+    padding: var(--sti-space-3) var(--sti-space-5);
+    border-block: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    text-align: start;
+  }
+
+  .sti-ComparisonTable-rowHead-ca344 {
+    padding: var(--sti-space-3) var(--sti-space-5);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    font-weight: var(--sti-font-weight-regular);
+    text-align: start;
+  }
+
+  .sti-ComparisonTable-rowLabel-e910e {
+    display: block;
+  }
+
+  .sti-ComparisonTable-hint-32aeb {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    display: block;
+  }
+
+  .sti-ComparisonTable-cell-004bb {
+    padding: var(--sti-space-3) var(--sti-space-4);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .sti-ComparisonTable-table-02c07 tbody:last-child tr:last-child > :is(.sti-ComparisonTable-cell-004bb, .sti-ComparisonTable-rowHead-ca344) {
+    border-block-end: 0;
+  }
+
+  .sti-ComparisonTable-table-02c07 [data-highlight] {
+    border-inline: var(--sti-border-width-strong) solid var(--sti-border-accent);
+    background: var(--sti-bg-accent-subtle);
+  }
+
+  .sti-ComparisonTable-colHead-e5685[data-highlight] {
+    color: var(--sti-fg-accent-strong);
+  }
+
+  .sti-ComparisonTable-yes-513c2, .sti-ComparisonTable-no-8c8bf {
+    inline-size: var(--sti-space-5);
+    block-size: var(--sti-space-5);
+    vertical-align: middle;
+    display: inline-block;
+  }
+
+  .sti-ComparisonTable-yes-513c2 {
+    color: var(--sti-fg-accent-strong);
+  }
+
+  .sti-ComparisonTable-no-8c8bf {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-ComparisonTable-srOnly-d59ab {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (width <= 40rem) {
+    .sti-ComparisonTable-table-02c07 {
+      min-inline-size: 28rem;
+      font-size: var(--sti-font-size-sm);
+    }
+
+    .sti-ComparisonTable-corner-73b24 {
+      min-inline-size: 8rem;
+    }
+
+    .sti-ComparisonTable-colHead-e5685 {
+      min-inline-size: 6rem;
+      padding: var(--sti-space-4) var(--sti-space-2);
+      font-size: var(--sti-font-size-md);
+    }
+
+    .sti-ComparisonTable-rowHead-ca344, .sti-ComparisonTable-groupHead-5e3bd {
+      max-inline-size: 9rem;
+      padding-inline: var(--sti-space-3);
+    }
+
+    .sti-ComparisonTable-cell-004bb {
+      padding-inline: var(--sti-space-2);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-ComparisonTable-scroller-891ae {
+      border-color: canvastext;
+    }
+
+    .sti-ComparisonTable-table-02c07 [data-highlight] {
+      border-color: highlight;
+    }
+  }
+}

package/dist/site/ComparisonTable/ComparisonTable.d.ts

@@ -0,0 +1,33 @@
+import { SiteSectionHeadProps } from "../_internal/SiteSection.js";
+import { ReactNode } from "react";
+/** Hücre: `true` dahil, `false` dahil değil, metin ya da öğe olduğu gibi. */
+export type ComparisonValue = boolean | ReactNode;
+export interface ComparisonRow {
+  label: ReactNode;
+  /** Kısa açıklama (özellik adının altında). */
+  hint?: ReactNode;
+  /** Sütun sırasıyla değerler. */
+  values: readonly ComparisonValue[];
+}
+export interface ComparisonGroup {
+  title: ReactNode;
+  rows: readonly ComparisonRow[];
+}
+export interface ComparisonTableProps extends SiteSectionHeadProps {
+  /** Sütun başlıkları (paket ya da seçenek adları). */
+  columns: readonly ReactNode[];
+  groups: readonly ComparisonGroup[];
+  /** Vurgulanan sütunun sırası (önerilen paket). */
+  highlightColumn?: number;
+  /** Tablonun adı (`caption`, görünmez). */
+  caption: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Karşılaştırma tablosu: paketlerin ya da seçeneklerin özelliklerini gruplar hâlinde karşılaştırır.
+ * Gerçek tablo (`th scope`), dahil / dahil değil simgeleri metinle okunur; vurgulu sütun koyu
+ * turkuaz çerçeveli. Dar ekranda tablo yatay kayar, özellik sütunu sabit kalır; kaydırma alanı
+ * klavyeyle odaklanır.
+ */
+export declare function ComparisonTable({ columns, groups, highlightColumn, caption, className, id, ...head }: ComparisonTableProps): import("react").JSX.Element;

package/dist/site/ComparisonTable/ComparisonTable.js

@@ -0,0 +1,83 @@
+import { useMessages } from "../../provider/UIProvider.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
+import { MinusIcon } from "../../icons/generated/MinusIcon.js";
+import { SiteSection } from "../_internal/SiteSection.js";
+import ComparisonTable_module_default from "./ComparisonTable.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/site/ComparisonTable/ComparisonTable.tsx
+/**
+* Karşılaştırma tablosu: paketlerin ya da seçeneklerin özelliklerini gruplar hâlinde karşılaştırır.
+* Gerçek tablo (`th scope`), dahil / dahil değil simgeleri metinle okunur; vurgulu sütun koyu
+* turkuaz çerçeveli. Dar ekranda tablo yatay kayar, özellik sütunu sabit kalır; kaydırma alanı
+* klavyeyle odaklanır.
+*/
+function ComparisonTable({ columns, groups, highlightColumn, caption, className, id, ...head }) {
+	const t = useMessages();
+	const cell = (v) => {
+		if (v === true) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckIcon, {
+			"aria-hidden": "true",
+			className: ComparisonTable_module_default.yes
+		}), /* @__PURE__ */ jsx("span", {
+			className: ComparisonTable_module_default.srOnly,
+			children: t.siteComparisonIncluded
+		})] });
+		if (v === false || v === null || v === void 0) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MinusIcon, {
+			"aria-hidden": "true",
+			className: ComparisonTable_module_default.no
+		}), /* @__PURE__ */ jsx("span", {
+			className: ComparisonTable_module_default.srOnly,
+			children: t.siteComparisonExcluded
+		})] });
+		return v;
+	};
+	const hl = (i) => i === highlightColumn ? "" : void 0;
+	return /* @__PURE__ */ jsx(SiteSection, {
+		id,
+		className,
+		...head,
+		children: /* @__PURE__ */ jsx("section", {
+			className: ComparisonTable_module_default.scroller,
+			tabIndex: 0,
+			"aria-label": caption,
+			children: /* @__PURE__ */ jsxs("table", {
+				className: ComparisonTable_module_default.table,
+				children: [
+					/* @__PURE__ */ jsx("caption", {
+						className: ComparisonTable_module_default.srOnly,
+						children: caption
+					}),
+					/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", { className: ComparisonTable_module_default.corner }), columns.map((c, i) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: ComparisonTable_module_default.colHead,
+						"data-highlight": hl(i),
+						children: c
+					}, i))] }) }),
+					groups.map((g, gi) => /* @__PURE__ */ jsxs("tbody", { children: [/* @__PURE__ */ jsx("tr", {
+						className: ComparisonTable_module_default.groupRow,
+						children: /* @__PURE__ */ jsx("th", {
+							scope: "colgroup",
+							colSpan: columns.length + 1,
+							className: ComparisonTable_module_default.groupHead,
+							children: g.title
+						})
+					}), g.rows.map((r, ri) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsxs("th", {
+						scope: "row",
+						className: ComparisonTable_module_default.rowHead,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: ComparisonTable_module_default.rowLabel,
+							children: r.label
+						}), r.hint ? /* @__PURE__ */ jsx("span", {
+							className: ComparisonTable_module_default.hint,
+							children: r.hint
+						}) : null]
+					}), columns.map((_, ci) => /* @__PURE__ */ jsx("td", {
+						className: ComparisonTable_module_default.cell,
+						"data-highlight": hl(ci),
+						children: cell(r.values[ci])
+					}, ci))] }, ri))] }, gi))
+				]
+			})
+		})
+	});
+}
+export { ComparisonTable };

package/dist/site/ComparisonTable/ComparisonTable.module.js

@@ -0,0 +1,17 @@
+import './ComparisonTable.css';
+// src/site/ComparisonTable/ComparisonTable.module.css
+var ComparisonTable_module_default = {
+	"scroller": "sti-ComparisonTable-scroller-891ae",
+	"table": "sti-ComparisonTable-table-02c07",
+	"corner": "sti-ComparisonTable-corner-73b24",
+	"rowHead": "sti-ComparisonTable-rowHead-ca344",
+	"groupHead": "sti-ComparisonTable-groupHead-5e3bd",
+	"colHead": "sti-ComparisonTable-colHead-e5685",
+	"rowLabel": "sti-ComparisonTable-rowLabel-e910e",
+	"hint": "sti-ComparisonTable-hint-32aeb",
+	"cell": "sti-ComparisonTable-cell-004bb",
+	"yes": "sti-ComparisonTable-yes-513c2",
+	"no": "sti-ComparisonTable-no-8c8bf",
+	"srOnly": "sti-ComparisonTable-srOnly-d59ab"
+};
+export { ComparisonTable_module_default as default };

package/dist/site/ComparisonTable/index.d.ts

@@ -0,0 +1,2 @@
+import { ComparisonGroup, ComparisonRow, ComparisonTable, ComparisonTableProps, ComparisonValue } from "./ComparisonTable.js";
+export { ComparisonGroup, ComparisonRow, ComparisonTable, ComparisonTableProps, ComparisonValue };

package/dist/site/ContactForm/ContactForm.css

@@ -0,0 +1,87 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ContactForm-root-56863 {
+    gap: var(--sti-space-5);
+    box-sizing: border-box;
+    inline-size: 100%;
+    max-inline-size: 44rem;
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-ContactForm-grid-7d66f {
+    gap: var(--sti-space-4);
+    display: grid;
+  }
+
+  @media (width >= 36rem) {
+    .sti-ContactForm-grid-7d66f {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  .sti-ContactForm-topics-b5f89 {
+    border: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  .sti-ContactForm-legend-09b83 {
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    margin-block-end: var(--sti-space-2);
+    padding: 0;
+  }
+
+  .sti-ContactForm-topicList-c8cbe {
+    gap: var(--sti-space-2) var(--sti-space-5);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-ContactForm-privacy-08c7f {
+    color: var(--sti-fg-link);
+  }
+
+  .sti-ContactForm-error-c292b {
+    color: var(--sti-fg-danger);
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+  }
+
+  .sti-ContactForm-actions-52fe2 {
+    display: flex;
+  }
+
+  .sti-ContactForm-success-3c44a {
+    justify-items: center;
+    gap: var(--sti-space-2);
+    box-sizing: border-box;
+    max-inline-size: 44rem;
+    padding: var(--sti-space-10) var(--sti-space-6);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-bg-subtle);
+    text-align: center;
+    display: grid;
+  }
+
+  .sti-ContactForm-successIcon-12765 {
+    inline-size: var(--sti-space-10);
+    block-size: var(--sti-space-10);
+    color: var(--sti-fg-accent-strong);
+  }
+
+  .sti-ContactForm-successTitle-f4fb6 {
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-ContactForm-successText-50f13 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-ContactForm-success-3c44a:focus {
+    outline: none;
+  }
+}

package/dist/site/ContactForm/ContactForm.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+export interface ContactFormValues {
+  name: string;
+  email: string;
+  phone: string;
+  company: string;
+  /** Seçilen ilgi alanları (hizmetler). */
+  topics: string[];
+  message: string;
+}
+export interface ContactFormProps {
+  /** Gönderir; hata fırlatırsa genel hata gösterilir, girilen bilgiler korunur. */
+  onSubmit: (values: ContactFormValues) => Promise<void>;
+  /** İlgi alanı seçenekleri ("Sosyal medya", "Performans"). Verilmezse alan gösterilmez. */
+  topics?: readonly string[];
+  /** Telefon ve şirket alanları. Varsayılan `true`. */
+  showPhone?: boolean;
+  showCompany?: boolean;
+  /** Aydınlatma metni bağlantısı (KVKK; zorunlu onay). */
+  privacyHref: string;
+  submitLabel?: string;
+  successTitle?: ReactNode;
+  successMessage?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * İletişim formu: ad, e-posta, telefon, şirket, ilgi alanları, mesaj ve KVKK aydınlatma onayı.
+ * Alanlar tarayıcı ve React Aria doğrulamasıyla; gönderimde düğme bekler, başarıda teşekkür
+ * ekranı, hatada bilgiler korunarak yeniden denenebilir uyarı. Bot tuzağı alanı içerir.
+ */
+export declare function ContactForm({ onSubmit, topics, showPhone, showCompany, privacyHref, submitLabel, successTitle, successMessage, className, id }: ContactFormProps): import("react").JSX.Element;

package/dist/site/ContactForm/ContactForm.js

@@ -0,0 +1,164 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../../components/Button/Button.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { TextArea } from "../../components/TextArea/TextArea.js";
+import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
+import { Checkbox } from "../../components/Checkbox/Checkbox.js";
+import { EmailField } from "../../components/EmailField/EmailField.js";
+import { Form } from "../../components/Form/Form.js";
+import { Honeypot, isBot } from "../_internal/Honeypot.js";
+import ContactForm_module_default from "./ContactForm.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+// src/site/ContactForm/ContactForm.tsx
+/**
+* İletişim formu: ad, e-posta, telefon, şirket, ilgi alanları, mesaj ve KVKK aydınlatma onayı.
+* Alanlar tarayıcı ve React Aria doğrulamasıyla; gönderimde düğme bekler, başarıda teşekkür
+* ekranı, hatada bilgiler korunarak yeniden denenebilir uyarı. Bot tuzağı alanı içerir.
+*/
+function ContactForm({ onSubmit, topics, showPhone = true, showCompany = true, privacyHref, submitLabel, successTitle, successMessage, className, id }) {
+	const t = useMessages();
+	const [state, setState] = useState("idle");
+	const [email, setEmail] = useState("");
+	if (state === "done") return /* @__PURE__ */ jsxs("output", {
+		id,
+		className: [ContactForm_module_default.success, className].filter(Boolean).join(" "),
+		tabIndex: -1,
+		ref: (el) => el?.focus(),
+		children: [
+			/* @__PURE__ */ jsx(CheckCircleIcon, {
+				"aria-hidden": "true",
+				className: ContactForm_module_default.successIcon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: ContactForm_module_default.successTitle,
+				children: successTitle ?? t.siteContactDoneTitle
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: ContactForm_module_default.successText,
+				children: successMessage ?? t.siteContactDone
+			})
+		]
+	});
+	const str = (v) => typeof v === "string" ? v.trim() : "";
+	return /* @__PURE__ */ jsxs(Form, {
+		id,
+		className: [ContactForm_module_default.root, className].filter(Boolean).join(" "),
+		isPending: state === "pending",
+		onSubmit: async (event, values) => {
+			event.preventDefault();
+			if (isBot(values)) {
+				setState("done");
+				return;
+			}
+			const raw = values.topics;
+			const chosen = (Array.isArray(raw) ? raw : raw ? [raw] : []).filter((v) => typeof v === "string");
+			setState("pending");
+			try {
+				await onSubmit({
+					name: str(values.name),
+					email: email.trim(),
+					phone: str(values.phone),
+					company: str(values.company),
+					topics: chosen,
+					message: str(values.message)
+				});
+				setState("done");
+			} catch {
+				setState("error");
+			}
+		},
+		children: [
+			/* @__PURE__ */ jsx(Honeypot, {}),
+			/* @__PURE__ */ jsxs("div", {
+				className: ContactForm_module_default.grid,
+				children: [
+					/* @__PURE__ */ jsx(TextField, {
+						label: t.siteContactName,
+						name: "name",
+						isRequired: true,
+						autoComplete: "name",
+						maxLength: 120
+					}),
+					/* @__PURE__ */ jsx(EmailField, {
+						label: t.siteContactEmail,
+						name: "email",
+						value: email,
+						onChange: setEmail,
+						isRequired: true,
+						autoComplete: "email"
+					}),
+					showPhone ? /* @__PURE__ */ jsx(TextField, {
+						label: t.siteContactPhone,
+						name: "phone",
+						type: "tel",
+						autoComplete: "tel",
+						showOptional: true,
+						maxLength: 30
+					}) : null,
+					showCompany ? /* @__PURE__ */ jsx(TextField, {
+						label: t.siteContactCompany,
+						name: "company",
+						autoComplete: "organization",
+						showOptional: true,
+						maxLength: 120
+					}) : null
+				]
+			}),
+			topics?.length ? /* @__PURE__ */ jsxs("fieldset", {
+				className: ContactForm_module_default.topics,
+				children: [/* @__PURE__ */ jsx("legend", {
+					className: ContactForm_module_default.legend,
+					children: t.siteContactTopics
+				}), /* @__PURE__ */ jsx("div", {
+					className: ContactForm_module_default.topicList,
+					children: topics.map((topic) => /* @__PURE__ */ jsx(Checkbox, {
+						name: "topics",
+						value: topic,
+						size: "sm",
+						children: topic
+					}, topic))
+				})]
+			}) : null,
+			/* @__PURE__ */ jsx(TextArea, {
+				label: t.siteContactMessage,
+				name: "message",
+				isRequired: true,
+				minRows: 5,
+				maxLength: 4e3,
+				minLength: 10
+			}),
+			/* @__PURE__ */ jsxs(Checkbox, {
+				name: "consent",
+				isRequired: true,
+				size: "sm",
+				children: [
+					t.siteContactConsent,
+					" ",
+					/* @__PURE__ */ jsx("a", {
+						className: ContactForm_module_default.privacy,
+						href: privacyHref,
+						children: t.siteNewsletterPrivacy
+					})
+				]
+			}),
+			state === "error" ? /* @__PURE__ */ jsx("p", {
+				className: ContactForm_module_default.error,
+				role: "alert",
+				children: t.siteFormError
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: ContactForm_module_default.actions,
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					variant: "primary",
+					size: "lg",
+					isPending: state === "pending",
+					children: submitLabel ?? t.siteContactSubmit
+				})
+			})
+		]
+	});
+}
+export { ContactForm };

package/dist/site/ContactForm/ContactForm.module.js

@@ -0,0 +1,17 @@
+import './ContactForm.css';
+// src/site/ContactForm/ContactForm.module.css
+var ContactForm_module_default = {
+	"root": "sti-ContactForm-root-56863",
+	"grid": "sti-ContactForm-grid-7d66f",
+	"topics": "sti-ContactForm-topics-b5f89",
+	"legend": "sti-ContactForm-legend-09b83",
+	"topicList": "sti-ContactForm-topicList-c8cbe",
+	"privacy": "sti-ContactForm-privacy-08c7f",
+	"error": "sti-ContactForm-error-c292b",
+	"actions": "sti-ContactForm-actions-52fe2",
+	"success": "sti-ContactForm-success-3c44a",
+	"successIcon": "sti-ContactForm-successIcon-12765",
+	"successTitle": "sti-ContactForm-successTitle-f4fb6",
+	"successText": "sti-ContactForm-successText-50f13"
+};
+export { ContactForm_module_default as default };

package/dist/site/ContactForm/index.d.ts

@@ -0,0 +1,2 @@
+import { ContactForm, ContactFormProps, ContactFormValues } from "./ContactForm.js";
+export { ContactForm, ContactFormProps, ContactFormValues };

package/dist/site/CountUp/CountUp.css

@@ -0,0 +1,17 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CountUp-root-befce {
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+
+  .sti-CountUp-srOnly-73f03 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+}

package/dist/site/CountUp/CountUp.d.ts

@@ -0,0 +1,21 @@
+export interface CountUpProps {
+  /** Hedef değer. */
+  value: number;
+  /** Başlangıç değeri. Varsayılan 0. */
+  from?: number;
+  /** Süre (ms). Varsayılan 1600. */
+  duration?: number;
+  /** Sayı biçimi (`Intl.NumberFormat` seçenekleri: para birimi, yüzde, kesir). */
+  format?: Intl.NumberFormatOptions;
+  /** Sayının önü ve arkası ("+", " marka"). */
+  prefix?: string;
+  suffix?: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Görünür olunca hedef değere sayan sayı. Sunucu çıktısında ve JavaScript olmadan son değer
+ * yazılıdır; sayma yalnız öğe ekranın dışındayken hazırlanır (ilk görüntüde sıçrama olmaz),
+ * hareketi azaltmada hiç sayılmaz. Ekran okuyucu ara değerleri değil yalnız son değeri okur.
+ */
+export declare function CountUp({ value, from, duration, format, prefix, suffix, className, id }: CountUpProps): import("react").JSX.Element;