@stisocial/ui 0.0.0-stage → 0.1.0

package/dist/components/ActionBar/ActionBar.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+export interface ActionBarProps {
+  /** Çubuğun bölge adı ("Profil formunun eylemleri"); ekran okuyucu bu adla bulur. */
+  label: string;
+  /** Eylemler: genellikle `Button`'lar; birincil eylem en sonda (geniş ekranda en sağda). */
+  children: ReactNode;
+  /**
+   * Başta durum metni ("Kaydedilmemiş değişiklikler var"). Kibar canlı bölgededir: değişince
+   * ekran okuyucu duyurur. Bölge her zaman çizilir; metin yoksa boştur ve yer kaplamaz.
+   */
+  status?: ReactNode;
+  /** Kaydırma kabının (sayfanın) altına yapışır; `false` ise formun sonunda akışta durur. */
+  sticky?: boolean;
+  /** Zemin: sayfa zemini ya da kart içindeki form için yüzey zemini. */
+  surface?: "canvas" | "surface";
+  className?: string;
+  id?: string;
+}
+/**
+ * Formun altındaki eylem çubuğu (Kaydet / Vazgeç): sayfanın altına yapışır, üstünde ince bir
+ * çizgi bulunur, telefonda düğmeler tam genişliktedir ve güvenli alana (ekran çentiği, ana ekran
+ * çubuğu) uyar. Sunucu bileşenidir; yerleşik metin taşımaz.
+ */
+export declare function ActionBar({ label, children, status, sticky, surface, className, id }: ActionBarProps): import("react").JSX.Element;

package/dist/components/ActionBar/ActionBar.js

@@ -0,0 +1,26 @@
+import ActionBar_module_default from "./ActionBar.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/ActionBar/ActionBar.tsx
+/**
+* Formun altındaki eylem çubuğu (Kaydet / Vazgeç): sayfanın altına yapışır, üstünde ince bir
+* çizgi bulunur, telefonda düğmeler tam genişliktedir ve güvenli alana (ekran çentiği, ana ekran
+* çubuğu) uyar. Sunucu bileşenidir; yerleşik metin taşımaz.
+*/
+function ActionBar({ label, children, status, sticky = true, surface = "canvas", className, id }) {
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		"aria-label": label,
+		className: [ActionBar_module_default.root, className].filter(Boolean).join(" "),
+		"data-sticky": sticky ? "" : void 0,
+		"data-surface": surface,
+		children: [/* @__PURE__ */ jsx("p", {
+			className: ActionBar_module_default.status,
+			role: "status",
+			children: status
+		}), /* @__PURE__ */ jsx("div", {
+			className: ActionBar_module_default.actions,
+			children
+		})]
+	});
+}
+export { ActionBar };

package/dist/components/ActionBar/ActionBar.module.js

@@ -0,0 +1,8 @@
+import './ActionBar.css';
+// src/components/ActionBar/ActionBar.module.css
+var ActionBar_module_default = {
+	"root": "sti-ActionBar-root-d3832",
+	"status": "sti-ActionBar-status-dd38f",
+	"actions": "sti-ActionBar-actions-71470"
+};
+export { ActionBar_module_default as default };

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

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

package/dist/components/ActionButton/ActionButton.css

@@ -0,0 +1,268 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ActionButton-root-87caa {
+    --sti-action-button-h: var(--sti-control-h-md);
+    --sti-action-button-px: var(--sti-space-6);
+    --sti-action-button-gap: var(--sti-space-2);
+    --sti-action-button-font-size: var(--sti-font-size-sm);
+    --sti-action-button-icon: var(--sti-icon-sm);
+    --sti-action-button-radius: var(--sti-radius-pill);
+    --sti-action-button-bg: transparent;
+    --sti-action-button-fg: var(--sti-fg);
+    --sti-action-button-meta-fg: var(--sti-fg-muted);
+    --sti-action-button-border: transparent;
+    --sti-action-button-shadow: none;
+    --sti-action-button-press-scale: .98;
+    justify-content: center;
+    align-items: center;
+    gap: var(--sti-action-button-gap);
+    min-width: 0;
+    max-width: 100%;
+    min-height: var(--sti-action-button-h);
+    padding-inline: var(--sti-action-button-px);
+    border: var(--sti-border-width) solid var(--sti-action-button-border);
+    border-radius: var(--sti-action-button-radius);
+    background: var(--sti-action-button-bg);
+    box-shadow: var(--sti-action-button-shadow);
+    color: var(--sti-action-button-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-action-button-font-size);
+    font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: .01em;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      border-color var(--sti-duration-fast) var(--sti-ease-snap),
+      color var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-base) var(--sti-ease-out),
+      transform var(--sti-duration-fast) var(--sti-ease-snap);
+    line-height: 1;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .sti-ActionButton-root-87caa[data-size="sm"] {
+    --sti-action-button-h: var(--sti-control-h-sm);
+    --sti-action-button-px: var(--sti-space-4);
+    --sti-action-button-gap: var(--sti-space-1);
+  }
+
+  .sti-ActionButton-root-87caa[data-size="lg"] {
+    --sti-action-button-h: var(--sti-control-h-lg);
+    --sti-action-button-px: var(--sti-space-8);
+    --sti-action-button-font-size: var(--sti-font-size-body);
+    --sti-action-button-icon: var(--sti-icon-md);
+  }
+
+  @media (pointer: coarse) {
+    .sti-ActionButton-root-87caa[data-size="sm"] {
+      --sti-action-button-h: var(--sti-control-h-md);
+    }
+  }
+
+  .sti-ActionButton-root-87caa[data-icon-only] {
+    width: var(--sti-action-button-h);
+    padding-inline: 0;
+  }
+
+  .sti-ActionButton-root-87caa[data-variant="primary"] {
+    --sti-action-button-bg: var(--sti-fill-accent);
+    --sti-action-button-fg: var(--sti-fg-on-accent);
+    --sti-action-button-meta-fg: var(--sti-fg-on-accent);
+  }
+
+  .sti-ActionButton-root-87caa[data-variant="secondary"] {
+    --sti-action-button-border: var(--sti-border-strong);
+  }
+
+  .sti-ActionButton-root-87caa[data-variant="ghost"] {
+    --sti-action-button-fg: var(--sti-fg-muted);
+  }
+
+  .sti-ActionButton-root-87caa[data-status="success"]:not([data-variant="primary"]) {
+    --sti-action-button-fg: var(--sti-fg-success);
+  }
+
+  .sti-ActionButton-root-87caa[data-status="success"][data-variant="secondary"] {
+    --sti-action-button-border: var(--sti-border-success);
+  }
+
+  .sti-ActionButton-root-87caa[data-status="error"]:not([data-variant="primary"]) {
+    --sti-action-button-fg: var(--sti-fg-danger);
+  }
+
+  .sti-ActionButton-root-87caa[data-status="error"][data-variant="secondary"] {
+    --sti-action-button-border: var(--sti-border-danger);
+  }
+
+  @media (hover: hover) {
+    .sti-ActionButton-root-87caa[data-hovered]:not([data-disabled], [data-pending], [data-unavailable])[data-variant="primary"] {
+      --sti-action-button-bg: var(--sti-fill-accent-hover);
+      --sti-action-button-shadow: 0 0 40px
+          color-mix(in oklab, var(--sti-fill-accent) 35%, transparent);
+    }
+
+    .sti-ActionButton-root-87caa[data-hovered]:not([data-disabled], [data-pending], [data-unavailable])[data-variant="secondary"][data-status="idle"] {
+      --sti-action-button-border: var(--sti-border-accent);
+      --sti-action-button-bg: var(--sti-bg-accent-subtle);
+      --sti-action-button-fg: var(--sti-fg-accent);
+      --sti-action-button-meta-fg: var(--sti-fg-accent);
+    }
+
+    .sti-ActionButton-root-87caa[data-hovered]:not([data-disabled], [data-pending], [data-unavailable])[data-variant="ghost"][data-status="idle"] {
+      --sti-action-button-bg: var(--sti-bg-surface-hover);
+      --sti-action-button-fg: var(--sti-fg);
+    }
+
+    .sti-ActionButton-root-87caa[data-hovered]:not([data-disabled], [data-pending], [data-unavailable])[data-status="success"]:not([data-variant="primary"]) {
+      --sti-action-button-bg: var(--sti-bg-success-subtle);
+      --sti-action-button-fg: var(--sti-fg-success-strong);
+      --sti-action-button-meta-fg: var(--sti-fg-success-strong);
+    }
+
+    .sti-ActionButton-root-87caa[data-hovered]:not([data-disabled], [data-pending], [data-unavailable])[data-status="error"]:not([data-variant="primary"]) {
+      --sti-action-button-bg: var(--sti-bg-danger-subtle);
+      --sti-action-button-fg: var(--sti-fg-danger-strong);
+      --sti-action-button-meta-fg: var(--sti-fg-danger-strong);
+    }
+  }
+
+  .sti-ActionButton-root-87caa[data-pressed]:not([data-disabled], [data-pending], [data-unavailable]) {
+    transform: scale(var(--sti-action-button-press-scale));
+  }
+
+  .sti-ActionButton-root-87caa:focus-visible, .sti-ActionButton-root-87caa[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-ActionButton-root-87caa:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-ActionButton-root-87caa[data-disabled], .sti-ActionButton-root-87caa[data-unavailable] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-ActionButton-root-87caa[data-pending] {
+    cursor: progress;
+  }
+
+  .sti-ActionButton-faces-a6dd0 {
+    grid-template-columns: minmax(0, max-content);
+    place-items: center;
+    min-width: 0;
+    max-width: 100%;
+    display: inline-grid;
+  }
+
+  .sti-ActionButton-face-3b403 {
+    align-items: center;
+    gap: var(--sti-action-button-gap);
+    opacity: 0;
+    grid-area: 1 / 1;
+    min-width: 0;
+    max-width: 100%;
+    display: inline-flex;
+  }
+
+  .sti-ActionButton-face-3b403[data-shown] {
+    opacity: 1;
+  }
+
+  .sti-ActionButton-icon-a7027 {
+    font-size: var(--sti-action-button-icon);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-ActionButton-icon-a7027[data-status="success"], .sti-ActionButton-icon-a7027[data-status="error"] {
+    animation: sti-ActionButton-sti-action-button-pop-0d62a var(--sti-duration-base) var(--sti-ease-out);
+  }
+
+  .sti-ActionButton-label-0c100 {
+    text-overflow: ellipsis;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .sti-ActionButton-meta-886f3 {
+    color: var(--sti-action-button-meta-fg);
+    font-weight: var(--sti-font-weight-regular);
+    font-variant-numeric: tabular-nums;
+    flex: none;
+    display: inline-grid;
+  }
+
+  .sti-ActionButton-metaText-b2bb0 {
+    text-align: start;
+    opacity: 0;
+    grid-area: 1 / 1;
+  }
+
+  .sti-ActionButton-metaText-b2bb0[data-shown] {
+    opacity: 1;
+  }
+
+  .sti-ActionButton-live-bcfc6 {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-ActionButton-root-87caa {
+      transition: none;
+    }
+
+    .sti-ActionButton-root-87caa[data-pressed] {
+      transform: none;
+    }
+
+    .sti-ActionButton-icon-a7027[data-status="success"], .sti-ActionButton-icon-a7027[data-status="error"] {
+      animation: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-ActionButton-root-87caa {
+      border-color: buttontext;
+    }
+
+    .sti-ActionButton-root-87caa[data-disabled], .sti-ActionButton-root-87caa[data-unavailable] {
+      color: graytext;
+      opacity: 1;
+      border-color: graytext;
+    }
+  }
+
+  @media print {
+    .sti-ActionButton-root-87caa {
+      display: none;
+    }
+  }
+
+  @keyframes sti-ActionButton-sti-action-button-pop-0d62a {
+    from {
+      opacity: 0;
+      transform: scale(.6);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+}

package/dist/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, Ref } from "react";
+export type ActionButtonVariant = "primary" | "secondary" | "ghost";
+export type ActionButtonSize = "sm" | "md" | "lg";
+/** Dışa açık eylem düğmelerinin ortak görünüş özellikleri. */
+export interface ActionButtonAppearance {
+  /**
+   * Görünüş türü (`Button` ile aynı):
+   * - `secondary`: çizgili (varsayılan);
+   * - `ghost`: araç çubuğu ve satır içi kullanım;
+   * - `primary`: ekranın ana eylemiyse (SİNYAL turkuazı).
+   */
+  variant?: ActionButtonVariant;
+  /** Boy: yükseklik `--sti-control-h-sm/md/lg`; dokunmatikte en az 44 piksel. */
+  size?: ActionButtonSize;
+  /** Yalnız ikon: yuvarlak düğme; etiket erişilebilir ad olarak kalır. */
+  iconOnly?: boolean;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+  /** Ek açıklama bağlantısı. */
+  "aria-describedby"?: string;
+}

package/dist/components/ActionButton/ActionButton.js

@@ -0,0 +1,203 @@
+"use client";
+import { Spinner } from "../Spinner/Spinner.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import ActionButton_module_default from "./ActionButton.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
+import { Button, Link } from "react-aria-components";
+// src/components/ActionButton/ActionButton.tsx
+/**
+* İç parça (dışa açılmaz): CopyButton, ShareButton, DownloadButton ve PrintButton'ın ortak düğme
+* gövdesi. Görünüşü `Button` ile aynıdır (hap köşe, aynı boylar ve türler); üstüne bu bileşenlerin
+* ortak ihtiyaçlarını ekler: geçici sonuç durumu (başarılı / hatalı), ekran okuyucu duyurusu,
+* tarayıcının desteklemediği durumda odaklanabilir "kullanılamaz" hâli ve ikincil bilgi satırı.
+*/
+/** Başarı görünüşünün süresi (milisaniye): kısa bir onay, sonra düğme eski hâline döner. */
+const SUCCESS_MS = 2e3;
+/** Hata görünüşünün süresi: hata metni okunabilsin diye başarıdan uzundur. */
+const ERROR_MS = 4e3;
+const join = (...parts) => parts.filter(Boolean).join(" ");
+function ActionButton({ variant = "secondary", size = "md", iconOnly, isDisabled, className, id, label, icon, status = "idle", successLabel, successIcon, errorLabel, errorIcon, meta, pendingMeta, pendingMetaSizer, isPending, progress, unavailableReason, announcement, onPress, href, download, buttonRef, linkRef, ...rest }) {
+	const reasonId = useId();
+	const unavailable = Boolean(unavailableReason) && !isDisabled;
+	const ownButton = useRef(null);
+	const mergedButtonRef = useCallback((node) => {
+		ownButton.current = node;
+		if (typeof buttonRef === "function") return buttonRef(node);
+		if (buttonRef) buttonRef.current = node;
+	}, [buttonRef]);
+	useEffect(() => {
+		const node = ownButton.current;
+		if (!node) return;
+		if (unavailable && unavailableReason) node.title = unavailableReason;
+		else node.removeAttribute("title");
+	}, [unavailable, unavailableReason]);
+	const metaParts = meta?.filter(Boolean) ?? [];
+	const metaText = metaParts.join(", ");
+	const hasSuccessFace = Boolean(successLabel) || status === "success" && Boolean(successIcon);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("span", {
+			className: ActionButton_module_default.faces,
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: ActionButton_module_default.face,
+					"data-shown": status === "idle" || status === "success" && !hasSuccessFace || void 0,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.icon,
+						"aria-hidden": "true",
+						"data-status": isPending ? "pending" : "idle",
+						children: isPending ? /* @__PURE__ */ jsx(Spinner, {}) : icon
+					}, isPending ? "pending" : "idle"), iconOnly ? null : /* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.label,
+						children: label
+					})]
+				}),
+				hasSuccessFace ? /* @__PURE__ */ jsxs("span", {
+					className: ActionButton_module_default.face,
+					"aria-hidden": "true",
+					"data-shown": status === "success" || void 0,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.icon,
+						"data-status": status === "success" ? "success" : void 0,
+						children: successIcon ?? icon
+					}, status === "success" ? "on" : "off"), iconOnly ? null : /* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.label,
+						children: successLabel ?? label
+					})]
+				}) : null,
+				status === "error" ? /* @__PURE__ */ jsxs("span", {
+					className: ActionButton_module_default.face,
+					"aria-hidden": "true",
+					"data-shown": "",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.icon,
+						"data-status": "error",
+						children: errorIcon ?? icon
+					}), iconOnly ? null : /* @__PURE__ */ jsx("span", {
+						className: ActionButton_module_default.label,
+						children: errorLabel ?? label
+					})]
+				}) : null
+			]
+		}),
+		!iconOnly && (metaParts.length > 0 || pendingMeta !== void 0) ? " " : null,
+		!iconOnly && (metaParts.length > 0 || pendingMeta !== void 0) ? /* @__PURE__ */ jsxs("span", {
+			className: ActionButton_module_default.meta,
+			children: [metaParts.length > 0 ? /* @__PURE__ */ jsx("span", {
+				className: ActionButton_module_default.metaText,
+				"aria-hidden": "true",
+				"data-shown": pendingMeta === void 0 || void 0,
+				children: metaParts.join(" · ")
+			}) : null, pendingMeta !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: ActionButton_module_default.metaText,
+				"aria-hidden": "true",
+				"data-shown": "",
+				children: pendingMeta
+			}), pendingMetaSizer ? /* @__PURE__ */ jsx("span", {
+				className: ActionButton_module_default.metaText,
+				"aria-hidden": "true",
+				children: pendingMetaSizer
+			}) : null] }) : null]
+		}) : null
+	] });
+	const shared = {
+		id,
+		className: join(ActionButton_module_default.root, className),
+		"data-variant": variant,
+		"data-size": size,
+		"data-status": status,
+		"data-icon-only": iconOnly ? "" : void 0,
+		"data-unavailable": unavailable ? "" : void 0,
+		"aria-label": metaText ? `${label}, ${metaText}` : iconOnly ? label : void 0,
+		"aria-describedby": join(rest["aria-describedby"], unavailable ? reasonId : void 0) || void 0
+	};
+	const control = href !== void 0 ? /* @__PURE__ */ jsx(Link, {
+		...shared,
+		ref: linkRef,
+		href,
+		download,
+		isDisabled,
+		onPress,
+		children: content
+	}) : /* @__PURE__ */ jsx(Button, {
+		...shared,
+		ref: mergedButtonRef,
+		type: "button",
+		isDisabled,
+		isPending,
+		"aria-disabled": unavailable ? true : void 0,
+		onPress: unavailable ? void 0 : onPress,
+		children: content
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		control,
+		isPending && progress !== void 0 ? /* @__PURE__ */ jsx("span", {
+			className: ActionButton_module_default.live,
+			role: "progressbar",
+			"aria-label": label,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": Math.round(progress * 100),
+			"aria-valuetext": pendingMeta
+		}) : null,
+		unavailable ? /* @__PURE__ */ jsx(VisuallyHidden, {
+			id: reasonId,
+			children: unavailableReason
+		}) : null,
+		announcement !== void 0 ? /* @__PURE__ */ jsx("output", {
+			className: ActionButton_module_default.live,
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			children: announcement
+		}) : null
+	] });
+}
+/**
+* Geçici sonuç durumu ve duyurusu: `show("success", "Kopyalandı")` düğmeyi başarı görünüşüne
+* geçirir, metni canlı bölgede duyurur ve süre dolunca eski hâline döndürür. Aynı sonuç art arda
+* gelirse de duyurulur (canlı bölge önce boşaltılır, metin bir sonraki karede yazılır).
+*/
+function useActionFeedback() {
+	const [status, setStatus] = useState("idle");
+	const [announcement, setAnnouncement] = useState("");
+	const timer = useRef(void 0);
+	const frame = useRef(void 0);
+	const clear = useCallback(() => {
+		if (timer.current !== void 0) clearTimeout(timer.current);
+		if (frame.current !== void 0) cancelAnimationFrame(frame.current);
+		timer.current = void 0;
+		frame.current = void 0;
+	}, []);
+	useEffect(() => clear, [clear]);
+	return {
+		status,
+		announcement,
+		show: useCallback((next, message) => {
+			clear();
+			setStatus(next);
+			setAnnouncement("");
+			frame.current = requestAnimationFrame(() => {
+				frame.current = void 0;
+				setAnnouncement(message);
+			});
+			timer.current = setTimeout(() => {
+				timer.current = void 0;
+				setStatus("idle");
+				setAnnouncement("");
+			}, next === "success" ? SUCCESS_MS : ERROR_MS);
+		}, [clear])
+	};
+}
+const subscribeNever = () => () => {};
+/**
+* Tarayıcı yeteneği (pano, paylaşım): sunucuda ve ilk çizimde `server` değeri döner, sonra
+* tarayıcının gerçek değeri. Böylece sunucu ile tarayıcı aynı HTML'i üretir (hydration uyumu).
+*/
+function useClientCapability(read, server) {
+	return useSyncExternalStore(subscribeNever, read, () => server);
+}
+function clipboardSupport() {
+	if (typeof window === "undefined" || window.isSecureContext !== true) return "insecure";
+	return typeof navigator.clipboard?.writeText === "function" ? "ok" : "unsupported";
+}
+export { ActionButton, ERROR_MS, SUCCESS_MS, clipboardSupport, useActionFeedback, useClientCapability };

package/dist/components/ActionButton/ActionButton.module.js

@@ -0,0 +1,14 @@
+import './ActionButton.css';
+// src/components/ActionButton/ActionButton.module.css
+var ActionButton_module_default = {
+	"root": "sti-ActionButton-root-87caa",
+	"faces": "sti-ActionButton-faces-a6dd0",
+	"face": "sti-ActionButton-face-3b403",
+	"icon": "sti-ActionButton-icon-a7027",
+	"sti-action-button-pop": "sti-ActionButton-sti-action-button-pop-0d62a",
+	"label": "sti-ActionButton-label-0c100",
+	"meta": "sti-ActionButton-meta-886f3",
+	"metaText": "sti-ActionButton-metaText-b2bb0",
+	"live": "sti-ActionButton-live-bcfc6"
+};
+export { ActionButton_module_default as default };

package/dist/components/AddressFields/AddressFields.css

@@ -0,0 +1,28 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-AddressFields-root-3a4cf {
+    inline-size: 100%;
+    min-inline-size: 0;
+  }
+
+  .sti-AddressFields-grid-abd01 {
+    gap: var(--sti-space-4);
+    grid-template-columns: minmax(0, 1fr);
+    inline-size: 100%;
+    min-inline-size: 0;
+    display: grid;
+    container-type: inline-size;
+  }
+
+  .sti-AddressFields-row-0125f {
+    gap: var(--sti-space-4);
+    grid-template-columns: minmax(0, 1fr);
+    display: grid;
+  }
+
+  @container (inline-size >= 32rem) {
+    .sti-AddressFields-row-0125f {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+}

package/dist/components/AddressFields/AddressFields.d.ts

@@ -0,0 +1,42 @@
+import { OptionLoader } from "../_internal/remote/RemoteCombobox.js";
+import { ReactNode } from "react";
+/** Türkiye adresi. Anahtarlar: il plaka kodu, uygulamanın ilçe ve mahalle anahtarları. */
+export interface TurkishAddress {
+  province: string | null;
+  district: string | null;
+  neighborhood: string | null;
+  /** Cadde, sokak, bina ve daire numarası. */
+  line: string;
+  postalCode: string;
+}
+export interface AddressFieldsProps {
+  /** Grup başlığı; verilmezse "Adres". */
+  legend?: ReactNode;
+  description?: ReactNode;
+  value?: TurkishAddress;
+  defaultValue?: Partial<TurkishAddress>;
+  onChange?: (value: TurkishAddress) => void;
+  /** İlçeleri getirir (`DistrictSelect`). */
+  loadDistricts: OptionLoader;
+  /** Mahalleleri getirir (`NeighborhoodSelect`); seçeneğin `description` alanı posta kodudur. */
+  loadNeighborhoods: OptionLoader;
+  /**
+   * Form alanı adlarının öneki: "teslimat" → "teslimat.province", "teslimat.district",
+   * "teslimat.neighborhood", "teslimat.line", "teslimat.postalCode".
+   */
+  name?: string;
+  /** Zorunlu adres: il, ilçe, mahalle ve açık adres zorunlu olur (posta kodu isteğe bağlıdır). */
+  isRequired?: boolean;
+  isDisabled?: boolean;
+  /** Mahalle alanı gösterilmez (ilçe düzeyi yeterliyse). */
+  hideNeighborhood?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Türkiye adresi: il, ilçe, mahalle, açık adres ve posta kodu bir grupta. Alanlar birbirine
+ * bağlıdır: il değişince ilçe ve mahalle sıfırlanır, mahalle seçilince posta kodu (boşsa ya da
+ * önceki mahalleden doldurulduysa) mahallenin posta koduyla dolar, posta kodu ile uyumu
+ * denetlenir. Tarayıcının adres doldurması posta kodunda çalışır.
+ */
+export declare function AddressFields({ legend, description, value, defaultValue, onChange, loadDistricts, loadNeighborhoods, name, isRequired, isDisabled, hideNeighborhood, className, id }: AddressFieldsProps): import("react").JSX.Element;