@stisocial/ui 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 Sürüm numaraları anlamlıdır: kırıcı değişiklik yalnız büyük sürümde, önceden kullanımdan kaldırma
 uyarısıyla gelir. `1.0`'a kadar (dalga 2 sonu) küçük sürümler de kırıcı olabilir; burada yazılır.
 
+## 0.2.1 — 2026-11-13
+
+- **STI ID parçaları yeniden tasarlandı** (`/id`; mevcut API korunur, eklemeler):
+  - **AccountMenu:** tetikleyici esnek üst çubukta artık dikeyde uzamıyor. Panel dışa açık `AccountMenuPanel` oldu: ortalanmış kimlik ve "Merhaba, Elif" selamlaması, hesap yönetimi, gruplu bağlantılar, diğer hesaplar (`otherAccounts`, `onSwitchAccount`), hesap ekleme (`addAccountHref` / `onAddAccount`), oturumu kapatma, yasal bağlantılar (`privacyHref`, `termsHref`).
+  - **AppSwitcher:** dışa açık `AppSwitcherPanel`; başlık, alt zeminli ızgara, uygulamaya göre kalıcı renkli karolar (`color`), anlamlı kısaltma (`appMonogram`: "STI ID" → "ID", "STI Office" → "O"), "Tüm uygulamalar" bağlantısı (`moreHref`), sağdan sola ok gezinmesi.
+  - **OrgSwitcher:** dışa açık `OrgSwitcherPanel`; kuruluşlar türün ikonuyla kalıcı renkli karoda (harf yazılmaz, WCAG 2.5.3), liste satırı ölçüsünde "Yeni kuruluş oluşturun" (`createHref` eklendi).
+  - **SignInButton:** kendi marka düğmesi: başta STI monogramı (kalkan ikonu yerine), tam genişlikte ortalanmış metin, beklerken monogramın yerinde dönen gösterge ve görünür "Oturum açılıyor" metni.
+  - **PermissionGate:** yetki kutusuna eylem (`deniedAction`, "Yetki isteyin"); kesik kenar yerine ince kenar ve amber kilit karosu.
+  - Katalog örnekleri gerçek kullanımı gösterir: üst çubukta tetikleyiciler ve açık paneller.
+- **Baş harfler:** rakamla başlayan sözcük baş harf vermez ("Müşteri 04" → "M"; önce "M0").
+- **Katalog koruması:** örnek dosyası istemci modülünden yalnız bileşen alabilir; veri ya da yardımcı işlev alınırsa birim testi kırılır (önceki denetimdeki bozuk düzenli ifade düzeltildi).
+- **TimeSlotPicker:** `timeSlots()` yardımcısı istemci yönergesi olmayan ayrı modüle taşındı; artık sunucu bileşeninde de çağrılabilir (0.2.0'da sunucuda çağrıldığında hata veriyordu). İçe aktarma yolu değişmedi.
+- **Katalog:** işleyici gerektiren 12 bileşenin örnekleri (Alert, BackLink, Chip, ConfirmButton, DownloadButton, ActionBar ve yapay zekâ bileşenleri) sunucuda işlev geçirdiği için katalog sayfası açılmıyordu; örnekler istemci sarmalayıcısına alındı. Örnek dosyalarının sunucuda çalışabilirliği artık birim testiyle denetlenir.
+
 ## 0.2.0 — 2026-11-13
 
 93 yeni bileşen; hazır sayısı 339/485. Yeni alt yollar ana girişe girmez, yalnız kendi yolundan içe aktarılır: `/charts`, `/id`, `/ai`, `/media`, `/editor`, `/agency`, `/site`, `/commerce`, `/maps`, `/email`, `/document`.

package/dist/components/TimeSlotPicker/TimeSlotPicker.d.ts

@@ -1,10 +1,5 @@
+import { TimeSlot } from "./timeSlots.js";
 import { ReactNode } from "react";
-export interface TimeSlot {
-  /** Başlangıç saati ("09:30"). */
-  time: string;
-  /** Dolu ya da kapalı saat (seçilemez, görünür kalır). */
-  isUnavailable?: boolean;
-}
 export interface TimeSlotPickerProps {
   label: ReactNode;
   description?: ReactNode;
@@ -28,11 +23,6 @@ export interface TimeSlotPickerProps {
   className?: string;
   id?: string;
 }
-/**
- * Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
- * değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
- */
-export declare function timeSlots(start: string, end: string, stepMinutes: number, unavailable?: readonly string[]): TimeSlot[];
 /**
  * Randevu saati seçimi: saatler hap biçiminde ızgarada (React Aria ListBox, `layout="grid"`);
  * dolu saatler üstü çizili ve seçilemez, sabah, öğleden sonra ve akşam başlıklarıyla gruplu. Oklar

package/dist/components/TimeSlotPicker/TimeSlotPicker.js

@@ -4,33 +4,11 @@ import { template } from "../../text/text.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
 import TimeSlotPicker_module_default from "./TimeSlotPicker.module.js";
+import { toMinutes, toTime } from "./timeSlots.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { Header, ListBox, ListBoxItem, ListBoxSection } from "react-aria-components";
 // src/components/TimeSlotPicker/TimeSlotPicker.tsx
-const toMinutes = (t) => {
-	const m = /^(\d{1,2}):(\d{2})$/.exec(t);
-	return m ? Number(m[1]) * 60 + Number(m[2]) : NaN;
-};
-const toTime = (min) => `${String(Math.floor(min / 60) % 24).padStart(2, "0")}:${String(min % 60).padStart(2, "0")}`;
-/**
-* Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
-* değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
-*/
-function timeSlots(start, end, stepMinutes, unavailable = []) {
-	const from = toMinutes(start);
-	const to = toMinutes(end);
-	if (!Number.isFinite(from) || !Number.isFinite(to) || stepMinutes <= 0) return [];
-	const out = [];
-	for (let m = from; m + stepMinutes <= to; m += stepMinutes) {
-		const time = toTime(m);
-		out.push({
-			time,
-			isUnavailable: unavailable.includes(time)
-		});
-	}
-	return out;
-}
 const partOf = (t) => {
 	const m = toMinutes(t);
 	return m < 720 ? "morning" : m < 1020 ? "afternoon" : "evening";
@@ -159,4 +137,4 @@ function TimeSlotPicker({ label, description, errorMessage, slots, value, defaul
 		]
 	});
 }
-export { TimeSlotPicker, timeSlots };
+export { TimeSlotPicker };

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

@@ -1,2 +1,3 @@
-import { TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots } from "./TimeSlotPicker.js";
-export { TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots };
+import { TimeSlot, timeSlots } from "./timeSlots.js";
+import { TimeSlotPicker, TimeSlotPickerProps } from "./TimeSlotPicker.js";
+export { type TimeSlot, TimeSlotPicker, TimeSlotPickerProps, timeSlots };

package/dist/components/TimeSlotPicker/timeSlots.d.ts

@@ -0,0 +1,12 @@
+/** Saat aralığı yardımcıları: istemci yönergesi yoktur, sunucu bileşeninden de çağrılır. */
+export interface TimeSlot {
+  /** Başlangıç saati ("09:30"). */
+  time: string;
+  /** Dolu ya da kapalı saat (seçilemez, görünür kalır). */
+  isUnavailable?: boolean;
+}
+/**
+ * Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
+ * değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
+ */
+export declare function timeSlots(start: string, end: string, stepMinutes: number, unavailable?: readonly string[]): TimeSlot[];

package/dist/components/TimeSlotPicker/timeSlots.js

@@ -0,0 +1,25 @@
+// src/components/TimeSlotPicker/timeSlots.ts
+const toMinutes = (t) => {
+	const m = /^(\d{1,2}):(\d{2})$/.exec(t);
+	return m ? Number(m[1]) * 60 + Number(m[2]) : NaN;
+};
+const toTime = (min) => `${String(Math.floor(min / 60) % 24).padStart(2, "0")}:${String(min % 60).padStart(2, "0")}`;
+/**
+* Aralıktan saatler: `timeSlots("09:00", "17:00", 30)` → 09:00, 09:30 … 16:30 (bitiş dahil
+* değildir: son randevu bitişte biter). `unavailable` dolu saatleri işaretler.
+*/
+function timeSlots(start, end, stepMinutes, unavailable = []) {
+	const from = toMinutes(start);
+	const to = toMinutes(end);
+	if (!Number.isFinite(from) || !Number.isFinite(to) || stepMinutes <= 0) return [];
+	const out = [];
+	for (let m = from; m + stepMinutes <= to; m += stepMinutes) {
+		const time = toTime(m);
+		out.push({
+			time,
+			isUnavailable: unavailable.includes(time)
+		});
+	}
+	return out;
+}
+export { timeSlots, toMinutes, toTime };

package/dist/id/AccountMenu/AccountMenu.css

@@ -1,94 +1,93 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-AccountMenu-trigger-cc23b {
+  .sti-AccountMenu-trigger-b7836 {
     --sti-account-menu-ring: var(--sti-border-subtle);
     box-sizing: border-box;
+    block-size: max-content;
+    inline-size: max-content;
     padding: var(--sti-space-0-5);
     border: var(--sti-border-width) solid var(--sti-account-menu-ring);
     border-radius: var(--sti-radius-pill);
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition: border-color var(--sti-duration-fast) var(--sti-ease-snap),
-      background-color var(--sti-duration-fast) var(--sti-ease-snap);
+      background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-fast) var(--sti-ease-snap);
     background: none;
     flex: none;
     justify-content: center;
+    align-self: center;
     align-items: center;
+    margin: 0;
     display: inline-flex;
   }
 
   @media (hover: hover) {
-    .sti-AccountMenu-trigger-cc23b[data-hovered] {
+    .sti-AccountMenu-trigger-b7836[data-hovered] {
       --sti-account-menu-ring: var(--sti-border-accent);
     }
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-pressed], .sti-AccountMenu-trigger-cc23b[data-pressed][data-hovered] {
+  .sti-AccountMenu-trigger-b7836[data-pressed] {
     background: var(--sti-bg-surface-active);
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-focus-visible] {
-    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
-    outline-offset: var(--sti-focus-ring-offset);
+  .sti-AccountMenu-trigger-b7836[data-expanded] {
+    --sti-account-menu-ring: var(--sti-border-selected);
+    box-shadow: 0 0 0 var(--sti-border-width) var(--sti-border-selected);
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-expanded] {
-    --sti-account-menu-ring: var(--sti-border-selected);
+  .sti-AccountMenu-trigger-b7836[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
   }
 
   @media (pointer: coarse) {
-    .sti-AccountMenu-trigger-cc23b {
+    .sti-AccountMenu-trigger-b7836 {
       min-block-size: 2.75rem;
       min-inline-size: 2.75rem;
     }
   }
 
-  @media (forced-colors: active) {
-    .sti-AccountMenu-trigger-cc23b[data-focus-visible] {
-      outline-color: highlight;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .sti-AccountMenu-trigger-cc23b {
-      transition: none;
-    }
+  .sti-AccountMenu-card-5ba55 {
+    --sti-floating-w: 22.5rem;
   }
 
-  .sti-AccountMenu-card-db0a8 {
-    min-inline-size: 0;
-  }
-
-  .sti-AccountMenu-body-cd3ae {
-    gap: var(--sti-space-4);
+  .sti-AccountMenu-panel-697e1 {
+    gap: var(--sti-space-3);
     min-inline-size: 0;
+    color: var(--sti-fg);
     font-family: var(--sti-font-text);
     display: grid;
   }
 
-  .sti-AccountMenu-identity-5173a {
-    align-items: center;
-    gap: var(--sti-space-3);
-    min-inline-size: 0;
-    display: flex;
+  .sti-AccountMenu-identity-42ef2 {
+    padding-block: var(--sti-space-2) var(--sti-space-1);
+    text-align: center;
+    justify-items: center;
+    display: grid;
   }
 
-  .sti-AccountMenu-names-17aee {
-    gap: var(--sti-space-0-5);
-    min-inline-size: 0;
-    display: grid;
+  .sti-AccountMenu-greeting-ced99 {
+    margin: var(--sti-space-3) 0 0;
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-xl);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xl);
+    letter-spacing: var(--sti-tracking-xl);
+    overflow-wrap: anywhere;
   }
 
-  .sti-AccountMenu-name-28b79 {
+  .sti-AccountMenu-fullName-7a91b {
+    margin: var(--sti-space-1) 0 0;
     color: var(--sti-fg);
-    font-size: var(--sti-font-size-md);
-    font-weight: var(--sti-font-weight-semibold);
-    line-height: var(--sti-line-height-md);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
     overflow-wrap: anywhere;
-    margin: 0;
   }
 
-  .sti-AccountMenu-email-aafda {
+  .sti-AccountMenu-email-c7b78 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
@@ -96,7 +95,22 @@
     margin: 0;
   }
 
-  .sti-AccountMenu-items-efec6 {
+  .sti-AccountMenu-manage-2a04e {
+    max-inline-size: 100%;
+    margin-block-start: var(--sti-space-4);
+  }
+
+  .sti-AccountMenu-group-8f65f {
+    gap: var(--sti-space-0-5);
+    padding: var(--sti-space-1);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-subtle);
+    margin: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-AccountMenu-list-0d7e5 {
     gap: var(--sti-space-0-5);
     margin: 0;
     padding: 0;
@@ -104,7 +118,77 @@
     display: grid;
   }
 
-  .sti-AccountMenu-item-b7ab2 {
-    min-inline-size: 0;
+  .sti-AccountMenu-groupTitle-3bc6e {
+    padding: var(--sti-space-2) var(--sti-space-3) var(--sti-space-1);
+    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);
+    margin: 0;
+  }
+
+  .sti-AccountMenu-accountRow-2470c > span:first-child {
+    background: none;
+  }
+
+  .sti-AccountMenu-legal-3b18a {
+    justify-content: center;
+    gap: var(--sti-space-1);
+    padding-block: var(--sti-space-1) 0;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-AccountMenu-legalItem-5deef {
+    gap: var(--sti-space-1);
+    display: inline-flex;
+  }
+
+  .sti-AccountMenu-dot-af8da {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-AccountMenu-legalLink-e2e81 {
+    border-radius: var(--sti-radius-xs);
+    color: var(--sti-fg-muted);
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  @media (hover: hover) {
+    .sti-AccountMenu-legalLink-e2e81[data-hovered] {
+      color: var(--sti-fg);
+      text-underline-offset: .2em;
+      text-decoration: underline;
+    }
+  }
+
+  .sti-AccountMenu-legalLink-e2e81[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  @media (forced-colors: active) {
+    .sti-AccountMenu-trigger-b7836[data-expanded] {
+      border-color: highlight;
+    }
+
+    .sti-AccountMenu-trigger-b7836[data-focus-visible], .sti-AccountMenu-legalLink-e2e81[data-focus-visible] {
+      outline-color: highlight;
+    }
+
+    .sti-AccountMenu-group-8f65f {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-AccountMenu-trigger-b7836 {
+      transition: none;
+    }
   }
 }

package/dist/id/AccountMenu/AccountMenu.d.ts

@@ -9,6 +9,13 @@ export interface AccountMenuAccount {
   /** Profil fotoğrafı; yoksa baş harfler çizilir. */
   avatarSrc?: string;
 }
+/** Aynı tarayıcıda oturumu açık başka bir hesap. */
+export interface AccountMenuOtherAccount extends AccountMenuAccount {
+  /** Kalıcı anahtar. */
+  id: string;
+  /** Verilirse hesaba geçiş bağlantıdır; verilmezse `onSwitchAccount` çağrılır. */
+  href?: string;
+}
 export interface AccountMenuItem {
   /** Kalıcı anahtar. */
   id: string;
@@ -19,27 +26,48 @@ export interface AccountMenuItem {
   href?: string;
   onPress?: () => void;
 }
-export interface AccountMenuProps {
+export interface AccountMenuPanelProps {
   account: AccountMenuAccount;
-  /** Hesap bilgisinin altındaki bağlantı ve eylemler ("Güvenlik", "Faturalama"). */
+  /** Hesap yönetiminin altındaki bağlantı ve eylemler ("Güvenlik", "Faturalama"). */
   items?: readonly AccountMenuItem[];
   /** "STI ID hesabınızı yönetin" düğmesinin adresi; verilmezse düğme çizilmez. */
   manageHref?: string;
-  /** Oturumu kapatma eylemi; adres (`signOutHref`) ya da işlev. */
-  onSignOut?: () => void;
+  /** Oturumu açık diğer hesaplar; verilirse "Diğer hesaplar" bölümü çizilir. */
+  otherAccounts?: readonly AccountMenuOtherAccount[];
+  onSwitchAccount?: (id: string) => void;
+  /** "Başka bir hesap ekleyin" satırı: adres ya da işlev. */
+  addAccountHref?: string;
+  onAddAccount?: () => void;
+  /** Oturumu kapatma eylemi: adres (`signOutHref`) ya da işlev. */
   signOutHref?: string;
+  onSignOut?: () => void;
+  /** Panelin dibindeki yasal bağlantılar. */
+  privacyHref?: string;
+  termsHref?: string;
+  /** Bir eylem seçildiğinde çağrılır; açılır kutuda paneli kapatır. */
+  onAction?: () => void;
+  className?: string;
+  id?: string;
+}
+export interface AccountMenuProps extends Omit<AccountMenuPanelProps, "onAction" | "id"> {
   /** Tetikleyicinin avatar boyu. */
   size?: "sm" | "md" | "lg";
   placement?: Placement;
   isOpen?: boolean;
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
-  className?: string;
+  /** Tetikleyici düğmenin kimliği. */
   id?: string;
 }
 /**
- * Hesap menüsü: avatar düğmesi, altında hesabın adı ve e-postası, hesap yönetimi, bağlantılar ve
- * oturumu kapatma. APG Dialog kalıbı (kipsiz açılır kutu): Enter ya da Boşluk açar, Tab içeride
- * dolaşır, Escape kapatır ve odak düğmeye döner.
+ * Hesap panelinin içeriği: kimlik (büyük avatar, selamlama, e-posta), hesap yönetimi, bağlantılar,
+ * diğer hesaplar, hesap ekleme, oturumu kapatma ve yasal bağlantılar. `AccountMenu` bunu açılır
+ * kutuda çizer; uygulama dar ekran çekmecesinde ya da hesap sayfasında doğrudan kullanabilir.
+ */
+export declare function AccountMenuPanel({ account, items, manageHref, otherAccounts, onSwitchAccount, addAccountHref, onAddAccount, signOutHref, onSignOut, privacyHref, termsHref, onAction, className, id }: AccountMenuPanelProps): import("react").JSX.Element;
+/**
+ * Hesap menüsü: avatar düğmesi ve açılır hesap paneli (`AccountMenuPanel`). APG Dialog kalıbı
+ * (kipsiz açılır kutu): Enter ya da Boşluk açar, Tab içeride dolaşır, Escape kapatır ve odak
+ * düğmeye döner.
  */
-export declare function AccountMenu({ account, items, manageHref, onSignOut, signOutHref, size, placement, isOpen, defaultOpen, onOpenChange, className, id }: AccountMenuProps): import("react").JSX.Element;
+export declare function AccountMenu({ size, placement, isOpen, defaultOpen, onOpenChange, className, id, ...panel }: AccountMenuProps): import("react").JSX.Element;

package/dist/id/AccountMenu/AccountMenu.js

@@ -6,17 +6,142 @@ import { Button as Button$1 } from "../../components/Button/Button.js";
 import { Avatar } from "../../components/Avatar/Avatar.js";
 import { Popover as Popover$1 } from "../../components/Popover/Popover.js";
 import { LogOutIcon } from "../../icons/generated/LogOutIcon.js";
+import { UserPlusIcon } from "../../icons/generated/UserPlusIcon.js";
 import { ActionItem } from "../_internal/ActionItem/ActionItem.js";
 import AccountMenu_module_default from "./AccountMenu.module.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Link } from "react-aria-components";
 // src/id/AccountMenu/AccountMenu.tsx
 /**
-* Hesap menüsü: avatar düğmesi, altında hesabın adı ve e-postası, hesap yönetimi, bağlantılar ve
-* oturumu kapatma. APG Dialog kalıbı (kipsiz açılır kutu): Enter ya da Boşluk açar, Tab içeride
-* dolaşır, Escape kapatır ve odak düğmeye döner.
+* Hesap panelinin içeriği: kimlik (büyük avatar, selamlama, e-posta), hesap yönetimi, bağlantılar,
+* diğer hesaplar, hesap ekleme, oturumu kapatma ve yasal bağlantılar. `AccountMenu` bunu açılır
+* kutuda çizer; uygulama dar ekran çekmecesinde ya da hesap sayfasında doğrudan kullanabilir.
 */
-function AccountMenu({ account, items = [], manageHref, onSignOut, signOutHref, size = "md", placement = "bottom end", isOpen, defaultOpen, onOpenChange, className, id }) {
+function AccountMenuPanel({ account, items = [], manageHref, otherAccounts = [], onSwitchAccount, addAccountHref, onAddAccount, signOutHref, onSignOut, privacyHref, termsHref, onAction, className, id }) {
+	const t = useMessages();
+	const run = (fn) => () => {
+		onAction?.();
+		fn?.();
+	};
+	const canAdd = addAccountHref !== void 0 || onAddAccount !== void 0;
+	const canSignOut = signOutHref !== void 0 || onSignOut !== void 0;
+	const legal = [privacyHref ? {
+		href: privacyHref,
+		label: t.idAccountPrivacy
+	} : null, termsHref ? {
+		href: termsHref,
+		label: t.idAccountTerms
+	} : null].filter((l) => l !== null);
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [AccountMenu_module_default.panel, className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: AccountMenu_module_default.identity,
+				children: [
+					/* @__PURE__ */ jsx(Avatar, {
+						name: account.name,
+						src: account.avatarSrc,
+						size: "xl",
+						isDecorative: true
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: AccountMenu_module_default.greeting,
+						children: template(t.idAccountGreeting, { name: firstName(account.name) })
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: AccountMenu_module_default.fullName,
+						children: account.name
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: AccountMenu_module_default.email,
+						children: account.email
+					}),
+					manageHref ? /* @__PURE__ */ jsx(Button$1, {
+						variant: "secondary",
+						size: "sm",
+						href: manageHref,
+						className: AccountMenu_module_default.manage,
+						children: t.idAccountManage
+					}) : null
+				]
+			}),
+			items.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: AccountMenu_module_default.group,
+				children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ActionItem, {
+					label: item.label,
+					icon: item.icon,
+					href: item.href,
+					onPress: run(item.onPress)
+				}) }, item.id))
+			}) : null,
+			otherAccounts.length > 0 || canAdd ? /* @__PURE__ */ jsxs("section", {
+				className: AccountMenu_module_default.group,
+				"aria-label": t.idAccountOthers,
+				children: [otherAccounts.length > 0 ? /* @__PURE__ */ jsx("p", {
+					className: AccountMenu_module_default.groupTitle,
+					"aria-hidden": "true",
+					children: t.idAccountOthers
+				}) : null, /* @__PURE__ */ jsxs("ul", {
+					className: AccountMenu_module_default.list,
+					children: [otherAccounts.map((other) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ActionItem, {
+						label: /* @__PURE__ */ jsxs(Fragment, { children: [other.name, /* @__PURE__ */ jsxs(VisuallyHidden, { children: [", ", t.idAccountSwitch] })] }),
+						description: other.email,
+						icon: /* @__PURE__ */ jsx(Avatar, {
+							name: other.name,
+							src: other.avatarSrc,
+							size: "sm",
+							isDecorative: true
+						}),
+						className: AccountMenu_module_default.accountRow,
+						href: other.href,
+						onPress: run(() => onSwitchAccount?.(other.id))
+					}) }, other.id)), canAdd ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ActionItem, {
+						label: t.idAccountAdd,
+						icon: /* @__PURE__ */ jsx(UserPlusIcon, {}),
+						href: addAccountHref,
+						onPress: run(onAddAccount)
+					}) }) : null]
+				})]
+			}) : null,
+			canSignOut ? /* @__PURE__ */ jsx("div", {
+				className: AccountMenu_module_default.group,
+				children: /* @__PURE__ */ jsx(ActionItem, {
+					label: t.idAccountSignOut,
+					icon: /* @__PURE__ */ jsx(LogOutIcon, {}),
+					href: signOutHref,
+					onPress: run(onSignOut)
+				})
+			}) : null,
+			legal.length > 0 ? /* @__PURE__ */ jsx("p", {
+				className: AccountMenu_module_default.legal,
+				children: legal.map((link, i) => /* @__PURE__ */ jsxs("span", {
+					className: AccountMenu_module_default.legalItem,
+					children: [i > 0 ? /* @__PURE__ */ jsx("span", {
+						className: AccountMenu_module_default.dot,
+						"aria-hidden": "true",
+						children: "·"
+					}) : null, /* @__PURE__ */ jsx(Link, {
+						href: link.href,
+						className: AccountMenu_module_default.legalLink,
+						onPress: onAction,
+						children: link.label
+					})]
+				}, link.href))
+			}) : null
+		]
+	});
+}
+/** Selamlamadaki ad: ilk sözcük ("Elif Yıldırım" → "Elif"). */
+function firstName(name) {
+	return name.trim().split(/\s+/)[0] ?? name;
+}
+/**
+* Hesap menüsü: avatar düğmesi ve açılır hesap paneli (`AccountMenuPanel`). APG Dialog kalıbı
+* (kipsiz açılır kutu): Enter ya da Boşluk açar, Tab içeride dolaşır, Escape kapatır ve odak
+* düğmeye döner.
+*/
+function AccountMenu({ size = "md", placement = "bottom end", isOpen, defaultOpen, onOpenChange, className, id, ...panel }) {
 	const t = useMessages();
 	return /* @__PURE__ */ jsx(Popover$1, {
 		isOpen,
@@ -31,68 +156,16 @@ function AccountMenu({ account, items = [], manageHref, onSignOut, signOutHref,
 			className: [AccountMenu_module_default.trigger, className].filter(Boolean).join(" "),
 			"data-size": size,
 			children: [/* @__PURE__ */ jsx(Avatar, {
-				name: account.name,
-				src: account.avatarSrc,
+				name: panel.account.name,
+				src: panel.account.avatarSrc,
 				size,
 				isDecorative: true
-			}), /* @__PURE__ */ jsx(VisuallyHidden, { children: template(t.idAccountMenuFor, { name: account.name }) })]
+			}), /* @__PURE__ */ jsx(VisuallyHidden, { children: template(t.idAccountMenuFor, { name: panel.account.name }) })]
 		}),
-		footer: (close) => onSignOut || signOutHref ? /* @__PURE__ */ jsx(Button$1, {
-			variant: "ghost",
-			size: "sm",
-			fullWidth: true,
-			iconStart: /* @__PURE__ */ jsx(LogOutIcon, {}),
-			...signOutHref ? { href: signOutHref } : { onPress: () => {
-				close();
-				onSignOut?.();
-			} },
-			children: t.idAccountSignOut
-		}) : null,
-		children: (close) => /* @__PURE__ */ jsxs("div", {
-			className: AccountMenu_module_default.body,
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: AccountMenu_module_default.identity,
-					children: [/* @__PURE__ */ jsx(Avatar, {
-						name: account.name,
-						src: account.avatarSrc,
-						size: "lg",
-						isDecorative: true
-					}), /* @__PURE__ */ jsxs("div", {
-						className: AccountMenu_module_default.names,
-						children: [/* @__PURE__ */ jsx("p", {
-							className: AccountMenu_module_default.name,
-							children: account.name
-						}), /* @__PURE__ */ jsx("p", {
-							className: AccountMenu_module_default.email,
-							children: account.email
-						})]
-					})]
-				}),
-				manageHref ? /* @__PURE__ */ jsx(Button$1, {
-					variant: "secondary",
-					size: "sm",
-					fullWidth: true,
-					href: manageHref,
-					children: t.idAccountManage
-				}) : null,
-				items.length > 0 ? /* @__PURE__ */ jsx("ul", {
-					className: AccountMenu_module_default.items,
-					children: items.map((item) => /* @__PURE__ */ jsx("li", {
-						className: AccountMenu_module_default.item,
-						children: /* @__PURE__ */ jsx(ActionItem, {
-							label: item.label,
-							icon: item.icon,
-							href: item.href,
-							onPress: () => {
-								close();
-								item.onPress?.();
-							}
-						})
-					}, item.id))
-				}) : null
-			]
+		children: (close) => /* @__PURE__ */ jsx(AccountMenuPanel, {
+			...panel,
+			onAction: close
 		})
 	});
 }
-export { AccountMenu };
+export { AccountMenu, AccountMenuPanel };