@stisocial/ui 0.2.0 → 0.3.0

package/dist/site/CountUp/CountUp.js

@@ -0,0 +1,65 @@
+"use client";
+import { useFormatter } from "../../provider/UIProvider.js";
+import CountUp_module_default from "./CountUp.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+// src/site/CountUp/CountUp.tsx
+/** Yavaşlayarak biten eğri. */
+const easeOut = (t) => 1 - (1 - t) ** 3;
+/**
+* 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.
+*/
+function CountUp({ value, from = 0, duration = 1600, format, prefix = "", suffix = "", className, id }) {
+	const f = useFormatter();
+	const [shown, setShown] = useState(value);
+	const ref = useRef(null);
+	useEffect(() => {
+		const el = ref.current;
+		if (!el || typeof IntersectionObserver === "undefined") return;
+		if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+		const r = el.getBoundingClientRect();
+		if (r.top < window.innerHeight && r.bottom > 0) return;
+		setShown(from);
+		let frame = 0;
+		const io = new IntersectionObserver(([entry]) => {
+			if (!entry?.isIntersecting) return;
+			io.disconnect();
+			const start = performance.now();
+			const tick = (now) => {
+				const p = Math.min(1, (now - start) / duration);
+				setShown(from + (value - from) * easeOut(p));
+				if (p < 1) frame = requestAnimationFrame(tick);
+			};
+			frame = requestAnimationFrame(tick);
+		}, { threshold: .4 });
+		io.observe(el);
+		return () => {
+			io.disconnect();
+			cancelAnimationFrame(frame);
+		};
+	}, [
+		value,
+		from,
+		duration
+	]);
+	const digits = format?.maximumFractionDigits ?? (Number.isInteger(value) ? 0 : 1);
+	const text = (n) => `${prefix}${f.number(n, {
+		maximumFractionDigits: digits,
+		...format
+	})}${suffix}`;
+	return /* @__PURE__ */ jsxs("span", {
+		id,
+		ref,
+		className: [CountUp_module_default.root, className].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: text(shown)
+		}), /* @__PURE__ */ jsx("span", {
+			className: CountUp_module_default.srOnly,
+			children: text(value)
+		})]
+	});
+}
+export { CountUp };

package/dist/site/CountUp/CountUp.module.js

@@ -0,0 +1,7 @@
+import './CountUp.css';
+// src/site/CountUp/CountUp.module.css
+var CountUp_module_default = {
+	"root": "sti-CountUp-root-befce",
+	"srOnly": "sti-CountUp-srOnly-73f03"
+};
+export { CountUp_module_default as default };

package/dist/site/CtaBand/CtaBand.css

@@ -0,0 +1,108 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-CtaBand-root-c8c37 {
+    box-sizing: border-box;
+    inline-size: 100%;
+    max-inline-size: var(--sti-width-container);
+    padding: var(--sti-space-16) var(--sti-gutter);
+    font-family: var(--sti-font-text);
+    margin-inline: auto;
+    container: sti-cta / inline-size;
+  }
+
+  .sti-CtaBand-card-bcd35 {
+    gap: var(--sti-space-8);
+    padding: var(--sti-space-12) var(--sti-space-10);
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-fill-accent);
+    color: var(--sti-fg-on-accent);
+    grid-template-columns: minmax(0, 1fr);
+    display: grid;
+  }
+
+  .sti-CtaBand-card-bcd35[data-tone="inverse"] {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-canvas);
+    color: var(--sti-fg);
+  }
+
+  .sti-CtaBand-card-bcd35[data-tone="subtle"] {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg);
+  }
+
+  .sti-CtaBand-text-03419 {
+    gap: var(--sti-space-3);
+    display: grid;
+  }
+
+  .sti-CtaBand-title-0c4b8 {
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-heading-xl);
+    font-weight: var(--sti-font-weight-bold);
+    line-height: var(--sti-line-height-heading-xl);
+    text-wrap: balance;
+    margin: 0;
+  }
+
+  .sti-CtaBand-lead-b3798 {
+    max-inline-size: var(--sti-width-measure);
+    font-size: var(--sti-font-size-lead);
+    line-height: var(--sti-line-height-lead);
+    margin: 0;
+  }
+
+  .sti-CtaBand-side-72140 {
+    gap: var(--sti-space-3);
+    display: grid;
+  }
+
+  .sti-CtaBand-actions-e5002 {
+    gap: var(--sti-space-3);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-CtaBand-footnote-27315 {
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+  }
+
+  @container sti-cta (width >= 52rem) {
+    .sti-CtaBand-card-bcd35 {
+      grid-template-columns: minmax(0, 1.4fr) auto;
+      align-items: center;
+    }
+
+    .sti-CtaBand-actions-e5002 {
+      justify-content: flex-end;
+    }
+  }
+
+  @container sti-cta (width <= 30rem) {
+    .sti-CtaBand-card-bcd35 {
+      padding: var(--sti-space-8) var(--sti-space-5);
+    }
+
+    .sti-CtaBand-actions-e5002 {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .sti-CtaBand-actions-e5002 > * {
+      white-space: normal;
+      text-align: center;
+      text-wrap: balance;
+      min-inline-size: 0;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-CtaBand-card-bcd35[data-tone="accent"] {
+      border: var(--sti-border-width) solid CanvasText;
+      color: canvastext;
+      background: canvas;
+    }
+  }
+}

package/dist/site/CtaBand/CtaBand.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+export interface CtaBandProps {
+  title: ReactNode;
+  lead?: ReactNode;
+  primaryAction: {
+    label: string;
+    href: string;
+  };
+  secondaryAction?: {
+    label: string;
+    href: string;
+  };
+  /** `accent`: turkuaz zemin; `inverse`: koyu zemin; `subtle`: soluk kart. */
+  tone?: "accent" | "inverse" | "subtle";
+  /** Başlık düzeyi. Varsayılan 2. */
+  titleLevel?: 2 | 3;
+  /** Eylemlerin altında güven notu ("Kredi kartı gerekmez"). */
+  footnote?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * Eylem bandı (sayfa sonu çağrısı): kapsayıcı genişliğinde yuvarlak köşeli kart; başlık, giriş,
+ * birincil ve ikincil eylem, güven notu. Geniş kapta metin solda, eylemler sağda.
+ */
+export declare function CtaBand({ title, lead, primaryAction, secondaryAction, tone, titleLevel, footnote, className, id }: CtaBandProps): import("react").JSX.Element;

package/dist/site/CtaBand/CtaBand.js

@@ -0,0 +1,52 @@
+import { Button } from "../../components/Button/Button.js";
+import CtaBand_module_default from "./CtaBand.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/CtaBand/CtaBand.tsx
+/**
+* Eylem bandı (sayfa sonu çağrısı): kapsayıcı genişliğinde yuvarlak köşeli kart; başlık, giriş,
+* birincil ve ikincil eylem, güven notu. Geniş kapta metin solda, eylemler sağda.
+*/
+function CtaBand({ title, lead, primaryAction, secondaryAction, tone = "accent", titleLevel = 2, footnote, className, id }) {
+	const Heading = `h${titleLevel}`;
+	return /* @__PURE__ */ jsx("section", {
+		id,
+		className: [CtaBand_module_default.root, className].filter(Boolean).join(" "),
+		"aria-labelledby": id ? `${id}-title` : void 0,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: CtaBand_module_default.card,
+			"data-tone": tone,
+			"data-theme": tone === "inverse" ? "dark" : tone === "accent" ? "light" : void 0,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: CtaBand_module_default.text,
+				children: [/* @__PURE__ */ jsx(Heading, {
+					id: id ? `${id}-title` : void 0,
+					className: CtaBand_module_default.title,
+					children: title
+				}), lead ? /* @__PURE__ */ jsx("p", {
+					className: CtaBand_module_default.lead,
+					children: lead
+				}) : null]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: CtaBand_module_default.side,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: CtaBand_module_default.actions,
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: tone === "accent" ? "inverse" : "primary",
+						size: "lg",
+						href: primaryAction.href,
+						children: primaryAction.label
+					}), secondaryAction ? /* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "lg",
+						href: secondaryAction.href,
+						children: secondaryAction.label
+					}) : null]
+				}), footnote ? /* @__PURE__ */ jsx("p", {
+					className: CtaBand_module_default.footnote,
+					children: footnote
+				}) : null]
+			})]
+		})
+	});
+}
+export { CtaBand };

package/dist/site/CtaBand/CtaBand.module.js

@@ -0,0 +1,13 @@
+import './CtaBand.css';
+// src/site/CtaBand/CtaBand.module.css
+var CtaBand_module_default = {
+	"root": "sti-CtaBand-root-c8c37",
+	"card": "sti-CtaBand-card-bcd35",
+	"text": "sti-CtaBand-text-03419",
+	"title": "sti-CtaBand-title-0c4b8",
+	"lead": "sti-CtaBand-lead-b3798",
+	"side": "sti-CtaBand-side-72140",
+	"actions": "sti-CtaBand-actions-e5002",
+	"footnote": "sti-CtaBand-footnote-27315"
+};
+export { CtaBand_module_default as default };

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

@@ -0,0 +1,2 @@
+import { CtaBand, CtaBandProps } from "./CtaBand.js";
+export { CtaBand, CtaBandProps };

package/dist/site/EventCard/EventCard.css

@@ -0,0 +1,155 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-EventCard-root-09770 {
+    gap: var(--sti-space-5);
+    box-sizing: border-box;
+    min-inline-size: 0;
+    padding: var(--sti-space-5);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-EventCard-root-09770:has(.sti-EventCard-link-2fb27:focus-visible) {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-EventCard-date-f5a8c {
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-accent-subtle);
+    flex: none;
+    place-content: center;
+    justify-items: center;
+    block-size: 4.5rem;
+    inline-size: 4.5rem;
+    display: grid;
+  }
+
+  .sti-EventCard-day-075f6 {
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-2xl);
+    font-weight: var(--sti-font-weight-bold);
+    line-height: 1;
+  }
+
+  .sti-EventCard-month-a7f05 {
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    text-transform: uppercase;
+  }
+
+  .sti-EventCard-root-09770[data-status="past"] .sti-EventCard-date-f5a8c {
+    background: var(--sti-bg-subtle);
+  }
+
+  .sti-EventCard-root-09770[data-status="past"] .sti-EventCard-month-a7f05 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-EventCard-body-1fee9 {
+    align-content: start;
+    gap: var(--sti-space-2);
+    flex: 14rem;
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-EventCard-labels-dec78 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-EventCard-labels-dec78:empty {
+    display: none;
+  }
+
+  .sti-EventCard-category-49c47, .sti-EventCard-status-80e0b {
+    padding: 0 var(--sti-space-2);
+    border-radius: var(--sti-radius-pill);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-EventCard-category-49c47 {
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-EventCard-status-80e0b {
+    border: var(--sti-border-width) solid var(--sti-border-strong);
+    color: var(--sti-fg);
+  }
+
+  .sti-EventCard-title-47d26 {
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-lg);
+    margin: 0;
+  }
+
+  .sti-EventCard-link-2fb27 {
+    color: inherit;
+    outline: none;
+    text-decoration: none;
+  }
+
+  .sti-EventCard-link-2fb27:hover {
+    text-underline-offset: .2em;
+    text-decoration: underline;
+  }
+
+  .sti-EventCard-meta-91976 {
+    gap: var(--sti-space-1) var(--sti-space-4);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-EventCard-metaItem-92d42 {
+    align-items: center;
+    gap: var(--sti-space-1);
+    display: inline-flex;
+  }
+
+  .sti-EventCard-metaItem-92d42 > svg {
+    inline-size: var(--sti-space-4);
+    block-size: var(--sti-space-4);
+  }
+
+  .sti-EventCard-description-dfeec {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-md);
+    line-height: var(--sti-line-height-md);
+    margin: 0;
+  }
+
+  .sti-EventCard-action-efc4b {
+    margin-block-start: var(--sti-space-2);
+  }
+
+  .sti-EventCard-srOnly-1b25a {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (forced-colors: active) {
+    .sti-EventCard-root-09770, .sti-EventCard-date-f5a8c {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+}

package/dist/site/EventCard/EventCard.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+export type EventStatus = "upcoming" | "soldOut" | "past";
+export interface EventCardProps {
+  title: ReactNode;
+  /** Başlangıç (ISO). */
+  start: string;
+  /** Bitiş (ISO). */
+  end?: string;
+  /** Yer ("Kadıköy, İstanbul"); verilmezse ve `online` ise "Çevrim içi". */
+  location?: string;
+  online?: boolean;
+  description?: ReactNode;
+  /** Tür etiketi ("Atölye", "Webinar"). */
+  category?: string;
+  href?: string;
+  /** Kayıt eylemi (yalnız yaklaşan etkinlikte gösterilir). */
+  action?: {
+    label: string;
+    href: string;
+  };
+  status?: EventStatus;
+  titleLevel?: 2 | 3 | 4;
+  className?: string;
+  id?: string;
+}
+/**
+ * Etkinlik kartı: solda gün ve ay bloğu, sağda tür, başlık, saat aralığı, yer ve açıklama; kayıt
+ * eylemi. Dolan ve geçmiş etkinlik durumu yazıyla belirtilir ve eylem gösterilmez. Tarihler
+ * sağlayıcının diliyle ve saat diliminde biçimlenir.
+ */
+export declare function EventCard({ title, start, end, location, online, description, category, href, action, status, titleLevel, className, id }: EventCardProps): import("react").JSX.Element;

package/dist/site/EventCard/EventCard.js

@@ -0,0 +1,106 @@
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../../components/Button/Button.js";
+import { ClockIcon } from "../../icons/generated/ClockIcon.js";
+import { GlobeIcon } from "../../icons/generated/GlobeIcon.js";
+import { MapPinIcon } from "../../icons/generated/MapPinIcon.js";
+import EventCard_module_default from "./EventCard.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/EventCard/EventCard.tsx
+/**
+* Etkinlik kartı: solda gün ve ay bloğu, sağda tür, başlık, saat aralığı, yer ve açıklama; kayıt
+* eylemi. Dolan ve geçmiş etkinlik durumu yazıyla belirtilir ve eylem gösterilmez. Tarihler
+* sağlayıcının diliyle ve saat diliminde biçimlenir.
+*/
+function EventCard({ title, start, end, location, online, description, category, href, action, status = "upcoming", titleLevel = 3, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const Heading = `h${titleLevel}`;
+	const s = new Date(start);
+	const { locale, timeZone } = f.context;
+	const day = new Intl.DateTimeFormat(locale, {
+		day: "numeric",
+		timeZone
+	}).format(s);
+	const month = new Intl.DateTimeFormat(locale, {
+		month: "short",
+		timeZone
+	}).format(s);
+	const time = end ? `${f.time(s)}–${f.time(new Date(end))}` : f.time(s);
+	const place = location ?? (online ? t.siteEventOnline : void 0);
+	return /* @__PURE__ */ jsxs("article", {
+		id,
+		className: [EventCard_module_default.root, className].filter(Boolean).join(" "),
+		"data-status": status,
+		children: [/* @__PURE__ */ jsxs("time", {
+			className: EventCard_module_default.date,
+			dateTime: start,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: EventCard_module_default.day,
+					children: day
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: EventCard_module_default.month,
+					children: month
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: EventCard_module_default.srOnly,
+					children: f.date(s, "long")
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: EventCard_module_default.body,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: EventCard_module_default.labels,
+					children: [
+						category ? /* @__PURE__ */ jsx("span", {
+							className: EventCard_module_default.category,
+							children: category
+						}) : null,
+						status === "soldOut" ? /* @__PURE__ */ jsx("span", {
+							className: EventCard_module_default.status,
+							children: t.siteEventSoldOut
+						}) : null,
+						status === "past" ? /* @__PURE__ */ jsx("span", {
+							className: EventCard_module_default.status,
+							children: t.siteEventPast
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsx(Heading, {
+					className: EventCard_module_default.title,
+					children: href ? /* @__PURE__ */ jsx("a", {
+						className: EventCard_module_default.link,
+						href,
+						children: title
+					}) : title
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: EventCard_module_default.meta,
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: EventCard_module_default.metaItem,
+						children: [/* @__PURE__ */ jsx(ClockIcon, { "aria-hidden": "true" }), time]
+					}), place ? /* @__PURE__ */ jsxs("span", {
+						className: EventCard_module_default.metaItem,
+						children: [online && !location ? /* @__PURE__ */ jsx(GlobeIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MapPinIcon, { "aria-hidden": "true" }), place]
+					}) : null]
+				}),
+				description ? /* @__PURE__ */ jsx("p", {
+					className: EventCard_module_default.description,
+					children: description
+				}) : null,
+				action && status === "upcoming" ? /* @__PURE__ */ jsx("div", {
+					className: EventCard_module_default.action,
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						size: "sm",
+						href: action.href,
+						children: action.label
+					})
+				}) : null
+			]
+		})]
+	});
+}
+export { EventCard };

package/dist/site/EventCard/EventCard.module.js

@@ -0,0 +1,20 @@
+import './EventCard.css';
+// src/site/EventCard/EventCard.module.css
+var EventCard_module_default = {
+	"root": "sti-EventCard-root-09770",
+	"link": "sti-EventCard-link-2fb27",
+	"date": "sti-EventCard-date-f5a8c",
+	"day": "sti-EventCard-day-075f6",
+	"month": "sti-EventCard-month-a7f05",
+	"body": "sti-EventCard-body-1fee9",
+	"labels": "sti-EventCard-labels-dec78",
+	"category": "sti-EventCard-category-49c47",
+	"status": "sti-EventCard-status-80e0b",
+	"title": "sti-EventCard-title-47d26",
+	"meta": "sti-EventCard-meta-91976",
+	"metaItem": "sti-EventCard-metaItem-92d42",
+	"description": "sti-EventCard-description-dfeec",
+	"action": "sti-EventCard-action-efc4b",
+	"srOnly": "sti-EventCard-srOnly-1b25a"
+};
+export { EventCard_module_default as default };

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

@@ -0,0 +1,2 @@
+import { EventCard, EventCardProps, EventStatus } from "./EventCard.js";
+export { EventCard, EventCardProps, EventStatus };

package/dist/site/Faq/Faq.css

@@ -0,0 +1,21 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Faq-inner-42f6f:has( > .sti-Faq-list-aa86a[data-layout="split"]) {
+    align-items: start;
+  }
+
+  .sti-Faq-list-aa86a[data-layout="stacked"] {
+    inline-size: 100%;
+    max-inline-size: 48rem;
+  }
+
+  .sti-Faq-inner-42f6f:has( > [data-align="center"]) > .sti-Faq-list-aa86a[data-layout="stacked"] {
+    margin-inline: auto;
+  }
+
+  @media (width >= 60rem) {
+    .sti-Faq-inner-42f6f:has( > .sti-Faq-list-aa86a[data-layout="split"]) {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+    }
+  }
+}

package/dist/site/Faq/Faq.d.ts

@@ -0,0 +1,27 @@
+import { SiteSectionHeadProps } from "../_internal/SiteSection.js";
+import { ReactNode } from "react";
+export interface FaqItem {
+  id: string;
+  question: string;
+  answer: ReactNode;
+  /** Yapılandırılmış veri için yanıtın düz metni (`answer` metin değilse). */
+  answerText?: string;
+}
+export interface FaqProps extends SiteSectionHeadProps {
+  items: readonly FaqItem[];
+  /** Akordeonun adı (görünür başlık yoksa zorunlu niteliğinde). Varsayılan: başlık metni. */
+  label?: string;
+  /** `split`: geniş kapta başlık solda, sorular sağda; `stacked`: alt alta. */
+  layout?: "split" | "stacked";
+  /** schema.org `FAQPage` verisi ekler (arama sonuçlarında SSS). */
+  structuredData?: boolean;
+  /** Varsayılan açık soru. */
+  defaultExpanded?: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Sık sorulan sorular: bölüm başlığı ve akordeon (Enter / Boşluk açar, oklar başlıklar arasında
+ * gezer). İsteğe bağlı schema.org `FAQPage` verisi; yanıt metin değilse `answerText` verilir.
+ */
+export declare function Faq({ items, label, layout, structuredData, defaultExpanded, className, id, ...head }: FaqProps): import("react").JSX.Element;