@stisocial/ui 0.2.0 → 0.3.0

package/dist/id/PasskeyButton/PasskeyButton.js

@@ -0,0 +1,66 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../../components/Button/Button.js";
+import { PasskeyIcon } from "../../icons/generated/PasskeyIcon.js";
+import PasskeyButton_module_default from "./PasskeyButton.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+// src/id/PasskeyButton/PasskeyButton.tsx
+/**
+* Geçiş anahtarı düğmesi: işlemi başlatır, cihaz doğrulaması beklenirken bekleme durumunu ve
+* "Cihazınızın doğrulama isteği bekleniyor." duyurusunu verir; iptal ya da zaman aşımında hatayı
+* yazar. Tarayıcı geçiş anahtarı desteklemiyorsa düğme devre dışıdır ve nedeni yazılıdır.
+*/
+function PasskeyButton({ mode = "signin", onPress, isSupported, label, variant = "secondary", size = "md", fullWidth, isDisabled, className, id }) {
+	const t = useMessages();
+	const noteId = useId();
+	const [detected, setDetected] = useState(void 0);
+	const [pending, setPending] = useState(false);
+	const [failed, setFailed] = useState(false);
+	const mounted = useRef(true);
+	useEffect(() => {
+		mounted.current = true;
+		setDetected(typeof window !== "undefined" && "PublicKeyCredential" in window);
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const supported = isSupported ?? detected ?? true;
+	const text = label ?? (mode === "register" ? t.idPasskeyRegister : t.idPasskeySignIn);
+	const press = async () => {
+		if (pending) return;
+		setPending(true);
+		setFailed(false);
+		try {
+			await onPress();
+		} catch {
+			if (mounted.current) setFailed(true);
+		} finally {
+			if (mounted.current) setPending(false);
+		}
+	};
+	const note = !supported ? t.idPasskeyUnsupported : pending ? t.idPasskeyWaiting : failed ? t.idPasskeyFailed : "";
+	return /* @__PURE__ */ jsxs("div", {
+		className: [PasskeyButton_module_default.root, className].filter(Boolean).join(" "),
+		"data-full-width": fullWidth ? "" : void 0,
+		children: [/* @__PURE__ */ jsx(Button, {
+			id,
+			variant,
+			size,
+			fullWidth,
+			iconStart: /* @__PURE__ */ jsx(PasskeyIcon, {}),
+			isDisabled: isDisabled || !supported,
+			isPending: pending,
+			onPress: press,
+			"aria-describedby": note ? noteId : void 0,
+			children: text
+		}), /* @__PURE__ */ jsx("p", {
+			id: noteId,
+			className: PasskeyButton_module_default.note,
+			"data-tone": failed ? "danger" : "muted",
+			role: !supported ? void 0 : "status",
+			children: note
+		})]
+	});
+}
+export { PasskeyButton };

package/dist/id/PasskeyButton/PasskeyButton.module.js

@@ -0,0 +1,7 @@
+import './PasskeyButton.css';
+// src/id/PasskeyButton/PasskeyButton.module.css
+var PasskeyButton_module_default = {
+	"root": "sti-PasskeyButton-root-36fa6",
+	"note": "sti-PasskeyButton-note-ae910"
+};
+export { PasskeyButton_module_default as default };

package/dist/id/PermissionGate/PermissionGate.css

@@ -1,12 +1,12 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-PermissionGate-root-bf743 {
+  .sti-PermissionGate-root-5f706 {
     align-items: flex-start;
     gap: var(--sti-space-3);
     box-sizing: border-box;
     min-inline-size: 0;
-    padding: var(--sti-space-4) var(--sti-space-5);
-    border: var(--sti-border-width) dashed var(--sti-border);
+    padding: var(--sti-space-5);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
     border-radius: var(--sti-radius-lg);
     background: var(--sti-bg-subtle);
     color: var(--sti-fg);
@@ -14,26 +14,33 @@
     display: flex;
   }
 
-  .sti-PermissionGate-icon-01cb9 {
-    inline-size: var(--sti-control-h-sm);
-    block-size: var(--sti-control-h-sm);
-    border-radius: var(--sti-radius-pill);
-    background: var(--sti-bg-surface-active);
-    color: var(--sti-fg-muted);
+  .sti-PermissionGate-icon-c225d {
+    inline-size: var(--sti-control-h-md);
+    block-size: var(--sti-control-h-md);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-warning-subtle);
+    color: var(--sti-fg-warning-strong);
     font-size: var(--sti-icon-md);
     flex: none;
     place-items: center;
     display: inline-grid;
   }
 
-  .sti-PermissionGate-text-4385b {
+  .sti-PermissionGate-text-3358e {
     gap: var(--sti-space-1);
     min-inline-size: 0;
-    padding-block-start: var(--sti-space-1);
+    padding-block-start: var(--sti-space-2);
     display: grid;
   }
 
-  .sti-PermissionGate-title-074a4 {
+  .sti-PermissionGate-action-69333 {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    margin-block-start: var(--sti-space-2);
+    display: flex;
+  }
+
+  .sti-PermissionGate-title-9e7ef {
     font-size: var(--sti-font-size-md);
     font-weight: var(--sti-font-weight-semibold);
     line-height: var(--sti-line-height-md);
@@ -41,7 +48,7 @@
     margin: 0;
   }
 
-  .sti-PermissionGate-description-c623a {
+  .sti-PermissionGate-description-3002e {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
@@ -50,8 +57,12 @@
   }
 
   @media (forced-colors: active) {
-    .sti-PermissionGate-root-bf743 {
+    .sti-PermissionGate-root-5f706 {
       border-color: canvastext;
     }
+
+    .sti-PermissionGate-icon-c225d {
+      border: var(--sti-border-width) solid CanvasText;
+    }
   }
 }

package/dist/id/PermissionGate/PermissionGate.d.ts

@@ -18,6 +18,8 @@ export interface PermissionGateProps {
   denied?: ReactNode;
   /** `denied` ile birlikte kısa başlık ("Erişim yetkisi gerekli"). */
   deniedTitle?: ReactNode;
+  /** Yetki açıklamasının altındaki eylem ("Yetki isteyin" düğmesi ya da bağlantısı). */
+  deniedAction?: ReactNode;
   children: ReactNode;
   className?: string;
   id?: string;
@@ -27,4 +29,4 @@ export interface PermissionGateProps {
  * açıklamasını. Yalnız GÖRÜNÜMÜ düzenler; yetki denetimi her zaman sunucuda yeniden yapılmalıdır.
  * Sunucu bileşenidir.
  */
-export declare function PermissionGate({ granted, require, match, fallback, denied, deniedTitle, children, className, id }: PermissionGateProps): import("react").JSX.Element | null;
+export declare function PermissionGate({ granted, require, match, fallback, denied, deniedTitle, deniedAction, children, className, id }: PermissionGateProps): import("react").JSX.Element | null;

package/dist/id/PermissionGate/PermissionGate.js

@@ -23,7 +23,7 @@ function hasPermission(granted, required, match = "all") {
 * açıklamasını. Yalnız GÖRÜNÜMÜ düzenler; yetki denetimi her zaman sunucuda yeniden yapılmalıdır.
 * Sunucu bileşenidir.
 */
-function PermissionGate({ granted, require, match = "all", fallback, denied, deniedTitle, children, className, id }) {
+function PermissionGate({ granted, require, match = "all", fallback, denied, deniedTitle, deniedAction, children, className, id }) {
 	if (hasPermission(granted, require, match)) return /* @__PURE__ */ jsx(Fragment, { children });
 	if (fallback !== void 0) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
 	if (!denied && !deniedTitle) return null;
@@ -38,13 +38,20 @@ function PermissionGate({ granted, require, match = "all", fallback, denied, den
 			children: /* @__PURE__ */ jsx(LockIcon, {})
 		}), /* @__PURE__ */ jsxs("div", {
 			className: PermissionGate_module_default.text,
-			children: [deniedTitle ? /* @__PURE__ */ jsx("p", {
-				className: PermissionGate_module_default.title,
-				children: deniedTitle
-			}) : null, denied ? /* @__PURE__ */ jsx("p", {
-				className: PermissionGate_module_default.description,
-				children: denied
-			}) : null]
+			children: [
+				deniedTitle ? /* @__PURE__ */ jsx("p", {
+					className: PermissionGate_module_default.title,
+					children: deniedTitle
+				}) : null,
+				denied ? /* @__PURE__ */ jsx("p", {
+					className: PermissionGate_module_default.description,
+					children: denied
+				}) : null,
+				deniedAction ? /* @__PURE__ */ jsx("div", {
+					className: PermissionGate_module_default.action,
+					children: deniedAction
+				}) : null
+			]
 		})]
 	});
 }

package/dist/id/PermissionGate/PermissionGate.module.js

@@ -1,10 +1,11 @@
 import './PermissionGate.css';
 // src/id/PermissionGate/PermissionGate.module.css
 var PermissionGate_module_default = {
-	"root": "sti-PermissionGate-root-bf743",
-	"icon": "sti-PermissionGate-icon-01cb9",
-	"text": "sti-PermissionGate-text-4385b",
-	"title": "sti-PermissionGate-title-074a4",
-	"description": "sti-PermissionGate-description-c623a"
+	"root": "sti-PermissionGate-root-5f706",
+	"icon": "sti-PermissionGate-icon-c225d",
+	"text": "sti-PermissionGate-text-3358e",
+	"action": "sti-PermissionGate-action-69333",
+	"title": "sti-PermissionGate-title-9e7ef",
+	"description": "sti-PermissionGate-description-3002e"
 };
 export { PermissionGate_module_default as default };

package/dist/id/ProfileCard/ProfileCard.css

@@ -0,0 +1,119 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ProfileCard-root-047ba {
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    padding: var(--sti-space-5) var(--sti-space-6);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    container: sti-profile / inline-size;
+  }
+
+  .sti-ProfileCard-inner-537df {
+    align-items: center;
+    gap: var(--sti-space-5);
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .sti-ProfileCard-photo-4ee9f {
+    position: relative;
+  }
+
+  .sti-ProfileCard-photoButton-9288c {
+    position: absolute;
+    inset-block-end: -4px;
+    inset-inline-end: -4px;
+  }
+
+  .sti-ProfileCard-main-7db7a {
+    gap: var(--sti-space-1);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-ProfileCard-name-ae906 {
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-xl);
+    font-weight: var(--sti-font-weight-bold);
+    line-height: var(--sti-line-height-xl);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-ProfileCard-role-61953 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+  }
+
+  .sti-ProfileCard-contacts-23d16 {
+    gap: var(--sti-space-1);
+    margin: var(--sti-space-2) 0 0;
+    display: grid;
+  }
+
+  .sti-ProfileCard-contact-d98b4 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-ProfileCard-contactLabel-489dd {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-sm);
+    display: inline-flex;
+  }
+
+  .sti-ProfileCard-contactValue-7db2e {
+    align-items: center;
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    font-size: var(--sti-font-size-sm);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-ProfileCard-value-996a7 {
+    overflow-wrap: anywhere;
+  }
+
+  .sti-ProfileCard-actions-26b36 {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    align-self: start;
+    display: flex;
+  }
+
+  @container sti-profile (width <= 34rem) {
+    .sti-ProfileCard-inner-537df {
+      text-align: center;
+      grid-template-columns: minmax(0, 1fr);
+      justify-items: center;
+    }
+
+    .sti-ProfileCard-contact-d98b4, .sti-ProfileCard-contactValue-7db2e {
+      justify-content: center;
+    }
+
+    .sti-ProfileCard-actions-26b36 {
+      align-self: auto;
+    }
+  }
+
+  .sti-ProfileCard-srOnly-f834c {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+}

package/dist/id/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+export interface ProfileCardProps {
+  name: string;
+  email: string;
+  avatarSrc?: string;
+  /** Unvan ("Sosyal medya uzmanı"). */
+  title?: string;
+  /** Kuruluş ("Atlas Gıda A.Ş."). */
+  organization?: string;
+  phone?: string;
+  emailVerified?: boolean;
+  phoneVerified?: boolean;
+  /** "Profili düzenleyin". */
+  onEdit?: () => void;
+  /** Fotoğrafı değiştirme (verilirse fotoğrafın üstünde kamera düğmesi). */
+  onChangePhoto?: () => void;
+  /** Ek eylemler (sağ altta). */
+  actions?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * Profil kartı (STI ID hesap sayfasının başı): büyük fotoğraf (değiştirme düğmesiyle), ad,
+ * unvan ve kuruluş, e-posta ve telefon doğrulanmış/doğrulanmamış rozetleriyle, düzenleme.
+ * Doğrulanmamış iletişim bilgisi uyarı rozetiyle işaretlenir (yalnız renk değil metin de).
+ */
+export declare function ProfileCard({ name, email, avatarSrc, title, organization, phone, emailVerified, phoneVerified, onEdit, onChangePhoto, actions, className, id }: ProfileCardProps): import("react").JSX.Element;

package/dist/id/ProfileCard/ProfileCard.js

@@ -0,0 +1,111 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
+import { Button } from "../../components/Button/Button.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { Badge } from "../../components/Badge/Badge.js";
+import { MailIcon } from "../../icons/generated/MailIcon.js";
+import { CameraIcon } from "../../icons/generated/CameraIcon.js";
+import { EditIcon } from "../../icons/generated/EditIcon.js";
+import { PhoneIcon } from "../../icons/generated/PhoneIcon.js";
+import ProfileCard_module_default from "./ProfileCard.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/id/ProfileCard/ProfileCard.tsx
+/**
+* Profil kartı (STI ID hesap sayfasının başı): büyük fotoğraf (değiştirme düğmesiyle), ad,
+* unvan ve kuruluş, e-posta ve telefon doğrulanmış/doğrulanmamış rozetleriyle, düzenleme.
+* Doğrulanmamış iletişim bilgisi uyarı rozetiyle işaretlenir (yalnız renk değil metin de).
+*/
+function ProfileCard({ name, email, avatarSrc, title, organization, phone, emailVerified, phoneVerified, onEdit, onChangePhoto, actions, className, id }) {
+	const t = useMessages();
+	const verified = (v) => v === void 0 ? null : v ? /* @__PURE__ */ jsx(Badge, {
+		tone: "success",
+		children: t.idProfileVerified
+	}) : /* @__PURE__ */ jsx(Badge, {
+		tone: "warning",
+		children: t.idProfileNotVerified
+	});
+	return /* @__PURE__ */ jsx("section", {
+		id,
+		className: [ProfileCard_module_default.root, className].filter(Boolean).join(" "),
+		"aria-label": name,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: ProfileCard_module_default.inner,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: ProfileCard_module_default.photo,
+					children: [/* @__PURE__ */ jsx(Avatar, {
+						name,
+						src: avatarSrc,
+						size: "xl"
+					}), onChangePhoto ? /* @__PURE__ */ jsx(IconButton, {
+						size: "sm",
+						variant: "secondary",
+						label: t.idProfileChangePhoto,
+						icon: /* @__PURE__ */ jsx(CameraIcon, {}),
+						onPress: onChangePhoto,
+						className: ProfileCard_module_default.photoButton
+					}) : null]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: ProfileCard_module_default.main,
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: ProfileCard_module_default.name,
+							children: name
+						}),
+						title || organization ? /* @__PURE__ */ jsx("p", {
+							className: ProfileCard_module_default.role,
+							children: [title, organization].filter(Boolean).join(" · ")
+						}) : null,
+						/* @__PURE__ */ jsxs("dl", {
+							className: ProfileCard_module_default.contacts,
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: ProfileCard_module_default.contact,
+								children: [/* @__PURE__ */ jsxs("dt", {
+									className: ProfileCard_module_default.contactLabel,
+									children: [/* @__PURE__ */ jsx(MailIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", {
+										className: ProfileCard_module_default.srOnly,
+										children: t.idProfileEmail
+									})]
+								}), /* @__PURE__ */ jsxs("dd", {
+									className: ProfileCard_module_default.contactValue,
+									children: [/* @__PURE__ */ jsx("span", {
+										className: ProfileCard_module_default.value,
+										children: email
+									}), verified(emailVerified)]
+								})]
+							}), phone ? /* @__PURE__ */ jsxs("div", {
+								className: ProfileCard_module_default.contact,
+								children: [/* @__PURE__ */ jsxs("dt", {
+									className: ProfileCard_module_default.contactLabel,
+									children: [/* @__PURE__ */ jsx(PhoneIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", {
+										className: ProfileCard_module_default.srOnly,
+										children: t.idProfilePhone
+									})]
+								}), /* @__PURE__ */ jsxs("dd", {
+									className: ProfileCard_module_default.contactValue,
+									children: [/* @__PURE__ */ jsx("span", {
+										className: ProfileCard_module_default.value,
+										children: phone
+									}), verified(phoneVerified)]
+								})]
+							}) : null]
+						})
+					]
+				}),
+				onEdit || actions ? /* @__PURE__ */ jsxs("div", {
+					className: ProfileCard_module_default.actions,
+					children: [actions, onEdit ? /* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "sm",
+						iconStart: /* @__PURE__ */ jsx(EditIcon, {}),
+						onPress: onEdit,
+						children: t.idProfileEdit
+					}) : null]
+				}) : null
+			]
+		})
+	});
+}
+export { ProfileCard };

package/dist/id/ProfileCard/ProfileCard.module.js

@@ -0,0 +1,19 @@
+import './ProfileCard.css';
+// src/id/ProfileCard/ProfileCard.module.css
+var ProfileCard_module_default = {
+	"root": "sti-ProfileCard-root-047ba",
+	"inner": "sti-ProfileCard-inner-537df",
+	"photo": "sti-ProfileCard-photo-4ee9f",
+	"photoButton": "sti-ProfileCard-photoButton-9288c",
+	"main": "sti-ProfileCard-main-7db7a",
+	"name": "sti-ProfileCard-name-ae906",
+	"role": "sti-ProfileCard-role-61953",
+	"contacts": "sti-ProfileCard-contacts-23d16",
+	"contact": "sti-ProfileCard-contact-d98b4",
+	"contactLabel": "sti-ProfileCard-contactLabel-489dd",
+	"contactValue": "sti-ProfileCard-contactValue-7db2e",
+	"value": "sti-ProfileCard-value-996a7",
+	"actions": "sti-ProfileCard-actions-26b36",
+	"srOnly": "sti-ProfileCard-srOnly-f834c"
+};
+export { ProfileCard_module_default as default };

package/dist/id/ProfileCard/index.d.ts

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

package/dist/id/ReauthDialog/ReauthDialog.css

@@ -0,0 +1,41 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ReauthDialog-form-b1eb8 {
+    gap: var(--sti-space-4);
+    min-inline-size: 0;
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-ReauthDialog-account-3c643 {
+    padding: var(--sti-space-2) var(--sti-space-3);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-ReauthDialog-hint-684ae {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-md);
+    line-height: var(--sti-line-height-md);
+    margin: 0;
+  }
+
+  .sti-ReauthDialog-others-ecdb8 {
+    gap: var(--sti-space-1) var(--sti-space-2);
+    margin-inline: calc(var(--sti-space-2) * -1);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-ReauthDialog-othersLabel-ec502 {
+    padding-inline: var(--sti-space-2);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    flex-basis: 100%;
+  }
+}

package/dist/id/ReauthDialog/ReauthDialog.d.ts

@@ -0,0 +1,34 @@
+import { ReactElement, ReactNode } from "react";
+export type ReauthMethod = "password" | "totp" | "passkey";
+export interface ReauthInput {
+  method: ReauthMethod;
+  /** Parola ya da doğrulama kodu; geçiş anahtarında yoktur. */
+  value?: string;
+}
+export interface ReauthDialogProps {
+  /** Pencereyi açan düğme (isteğe bağlı; denetimli kullanımda `isOpen`). */
+  trigger?: ReactElement;
+  isOpen?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Sunulan doğrulama yöntemleri; ilki başlangıçta seçilir. Varsayılan `["password"]`. */
+  methods?: readonly ReauthMethod[];
+  /** Doğrulanan hesabın e-postası (yanlış hesapla işlem yapılmasın diye gösterilir). */
+  accountEmail?: string;
+  /** Pencere açıklaması; varsayılan genel bir cümledir. İşlemin nedenini yazın. */
+  reason?: ReactNode;
+  /**
+   * Doğrulamayı sunucuda yapar. `true` başarı, `false` ya da hata metni (string) başarısızlıktır.
+   * Reddedilen söz de başarısızlık sayılır. Sonuç beklenirken düğme bekler.
+   */
+  onVerify: (input: ReauthInput) => boolean | string | Promise<boolean | string>;
+  /** Doğrulama başarılı olunca (pencere kapandıktan sonra). */
+  onVerified?: () => void;
+}
+/**
+ * Kimlik yeniden doğrulama penceresi: parola, kimlik doğrulayıcı kodu ya da geçiş anahtarı. Yıkıcı
+ * ya da hassas işlemden (parola değiştirme, anahtar silme) önce açılır. Pencere kipli bir iletişim
+ * kutusudur: odak içeride tutulur, Escape vazgeçer, Enter gönderir. Hata alanın altında, metinle
+ * yazılır ve pencere açık kalır.
+ */
+export declare function ReauthDialog({ trigger, isOpen, defaultOpen, onOpenChange, methods, accountEmail, reason, onVerify, onVerified }: ReauthDialogProps): import("react").JSX.Element;