@stisocial/ui 0.1.0 → 0.2.1

package/dist/icons/generated/index.js

@@ -28,17 +28,24 @@ import { DownloadIcon } from "./DownloadIcon.js";
 import { MailIcon } from "./MailIcon.js";
 import { SmileIcon } from "./SmileIcon.js";
 import { RefreshIcon } from "./RefreshIcon.js";
+import { HomeIcon } from "./HomeIcon.js";
+import { LockIcon } from "./LockIcon.js";
+import { SettingsIcon } from "./SettingsIcon.js";
 import { BookmarkIcon } from "./BookmarkIcon.js";
 import { HeartIcon } from "./HeartIcon.js";
 import { StarIcon } from "./StarIcon.js";
+import { MessageIcon } from "./MessageIcon.js";
+import { ArchiveIcon } from "./ArchiveIcon.js";
 import { FileIcon } from "./FileIcon.js";
+import { ImageIcon } from "./ImageIcon.js";
+import { TableIcon } from "./TableIcon.js";
+import { VideoIcon } from "./VideoIcon.js";
 import { UploadIcon } from "./UploadIcon.js";
 import { ArrowUpIcon } from "./ArrowUpIcon.js";
 import { BuildingIcon } from "./BuildingIcon.js";
 import { AddSquareIcon } from "./AddSquareIcon.js";
 import { AlertIcon } from "./AlertIcon.js";
 import { AppsIcon } from "./AppsIcon.js";
-import { ArchiveIcon } from "./ArchiveIcon.js";
 import { ArrowDownIcon } from "./ArrowDownIcon.js";
 import { AtSignIcon } from "./AtSignIcon.js";
 import { BarChartIcon } from "./BarChartIcon.js";
@@ -72,9 +79,7 @@ import { GridIcon } from "./GridIcon.js";
 import { GripVerticalIcon } from "./GripVerticalIcon.js";
 import { HashIcon } from "./HashIcon.js";
 import { HistoryIcon } from "./HistoryIcon.js";
-import { HomeIcon } from "./HomeIcon.js";
 import { IdCardIcon } from "./IdCardIcon.js";
-import { ImageIcon } from "./ImageIcon.js";
 import { InboxIcon } from "./InboxIcon.js";
 import { KeyIcon } from "./KeyIcon.js";
 import { LaptopIcon } from "./LaptopIcon.js";
@@ -85,14 +90,12 @@ import { LinkIcon } from "./LinkIcon.js";
 import { LiraIcon } from "./LiraIcon.js";
 import { ListIcon } from "./ListIcon.js";
 import { LoaderIcon } from "./LoaderIcon.js";
-import { LockIcon } from "./LockIcon.js";
 import { LogInIcon } from "./LogInIcon.js";
 import { LogOutIcon } from "./LogOutIcon.js";
 import { MailOpenIcon } from "./MailOpenIcon.js";
 import { MapPinIcon } from "./MapPinIcon.js";
 import { MaximizeIcon } from "./MaximizeIcon.js";
 import { MegaphoneIcon } from "./MegaphoneIcon.js";
-import { MessageIcon } from "./MessageIcon.js";
 import { MicIcon } from "./MicIcon.js";
 import { MinimizeIcon } from "./MinimizeIcon.js";
 import { MonitorIcon } from "./MonitorIcon.js";
@@ -115,7 +118,6 @@ import { RedoIcon } from "./RedoIcon.js";
 import { RotateIcon } from "./RotateIcon.js";
 import { ScaleIcon } from "./ScaleIcon.js";
 import { SendIcon } from "./SendIcon.js";
-import { SettingsIcon } from "./SettingsIcon.js";
 import { ShareIcon } from "./ShareIcon.js";
 import { ShieldIcon } from "./ShieldIcon.js";
 import { ShieldCheckIcon } from "./ShieldCheckIcon.js";
@@ -126,7 +128,6 @@ import { SmartphoneIcon } from "./SmartphoneIcon.js";
 import { SortAscendingIcon } from "./SortAscendingIcon.js";
 import { SortDescendingIcon } from "./SortDescendingIcon.js";
 import { SunIcon } from "./SunIcon.js";
-import { TableIcon } from "./TableIcon.js";
 import { TagIcon } from "./TagIcon.js";
 import { TrashIcon } from "./TrashIcon.js";
 import { TrendingDownIcon } from "./TrendingDownIcon.js";
@@ -139,7 +140,6 @@ import { UserCheckIcon } from "./UserCheckIcon.js";
 import { UserMinusIcon } from "./UserMinusIcon.js";
 import { UserPlusIcon } from "./UserPlusIcon.js";
 import { UsersIcon } from "./UsersIcon.js";
-import { VideoIcon } from "./VideoIcon.js";
 import { WalletIcon } from "./WalletIcon.js";
 import { WifiIcon } from "./WifiIcon.js";
 import { WifiOffIcon } from "./WifiOffIcon.js";

package/dist/icons/index.js

@@ -28,10 +28,18 @@ import { DownloadIcon } from "./generated/DownloadIcon.js";
 import { MailIcon } from "./generated/MailIcon.js";
 import { SmileIcon } from "./generated/SmileIcon.js";
 import { RefreshIcon } from "./generated/RefreshIcon.js";
+import { HomeIcon } from "./generated/HomeIcon.js";
+import { LockIcon } from "./generated/LockIcon.js";
+import { SettingsIcon } from "./generated/SettingsIcon.js";
 import { BookmarkIcon } from "./generated/BookmarkIcon.js";
 import { HeartIcon } from "./generated/HeartIcon.js";
 import { StarIcon } from "./generated/StarIcon.js";
+import { MessageIcon } from "./generated/MessageIcon.js";
+import { ArchiveIcon } from "./generated/ArchiveIcon.js";
 import { FileIcon } from "./generated/FileIcon.js";
+import { ImageIcon } from "./generated/ImageIcon.js";
+import { TableIcon } from "./generated/TableIcon.js";
+import { VideoIcon } from "./generated/VideoIcon.js";
 import { UploadIcon } from "./generated/UploadIcon.js";
 import { ArrowUpIcon } from "./generated/ArrowUpIcon.js";
 import { BuildingIcon } from "./generated/BuildingIcon.js";
@@ -39,7 +47,6 @@ import { iconCatalog } from "./generated/catalog.js";
 import { AddSquareIcon } from "./generated/AddSquareIcon.js";
 import { AlertIcon } from "./generated/AlertIcon.js";
 import { AppsIcon } from "./generated/AppsIcon.js";
-import { ArchiveIcon } from "./generated/ArchiveIcon.js";
 import { ArrowDownIcon } from "./generated/ArrowDownIcon.js";
 import { AtSignIcon } from "./generated/AtSignIcon.js";
 import { BarChartIcon } from "./generated/BarChartIcon.js";
@@ -73,9 +80,7 @@ import { GridIcon } from "./generated/GridIcon.js";
 import { GripVerticalIcon } from "./generated/GripVerticalIcon.js";
 import { HashIcon } from "./generated/HashIcon.js";
 import { HistoryIcon } from "./generated/HistoryIcon.js";
-import { HomeIcon } from "./generated/HomeIcon.js";
 import { IdCardIcon } from "./generated/IdCardIcon.js";
-import { ImageIcon } from "./generated/ImageIcon.js";
 import { InboxIcon } from "./generated/InboxIcon.js";
 import { KeyIcon } from "./generated/KeyIcon.js";
 import { LaptopIcon } from "./generated/LaptopIcon.js";
@@ -86,14 +91,12 @@ import { LinkIcon } from "./generated/LinkIcon.js";
 import { LiraIcon } from "./generated/LiraIcon.js";
 import { ListIcon } from "./generated/ListIcon.js";
 import { LoaderIcon } from "./generated/LoaderIcon.js";
-import { LockIcon } from "./generated/LockIcon.js";
 import { LogInIcon } from "./generated/LogInIcon.js";
 import { LogOutIcon } from "./generated/LogOutIcon.js";
 import { MailOpenIcon } from "./generated/MailOpenIcon.js";
 import { MapPinIcon } from "./generated/MapPinIcon.js";
 import { MaximizeIcon } from "./generated/MaximizeIcon.js";
 import { MegaphoneIcon } from "./generated/MegaphoneIcon.js";
-import { MessageIcon } from "./generated/MessageIcon.js";
 import { MicIcon } from "./generated/MicIcon.js";
 import { MinimizeIcon } from "./generated/MinimizeIcon.js";
 import { MonitorIcon } from "./generated/MonitorIcon.js";
@@ -116,7 +119,6 @@ import { RedoIcon } from "./generated/RedoIcon.js";
 import { RotateIcon } from "./generated/RotateIcon.js";
 import { ScaleIcon } from "./generated/ScaleIcon.js";
 import { SendIcon } from "./generated/SendIcon.js";
-import { SettingsIcon } from "./generated/SettingsIcon.js";
 import { ShareIcon } from "./generated/ShareIcon.js";
 import { ShieldIcon } from "./generated/ShieldIcon.js";
 import { ShieldCheckIcon } from "./generated/ShieldCheckIcon.js";
@@ -127,7 +129,6 @@ import { SmartphoneIcon } from "./generated/SmartphoneIcon.js";
 import { SortAscendingIcon } from "./generated/SortAscendingIcon.js";
 import { SortDescendingIcon } from "./generated/SortDescendingIcon.js";
 import { SunIcon } from "./generated/SunIcon.js";
-import { TableIcon } from "./generated/TableIcon.js";
 import { TagIcon } from "./generated/TagIcon.js";
 import { TrashIcon } from "./generated/TrashIcon.js";
 import { TrendingDownIcon } from "./generated/TrendingDownIcon.js";
@@ -140,7 +141,6 @@ import { UserCheckIcon } from "./generated/UserCheckIcon.js";
 import { UserMinusIcon } from "./generated/UserMinusIcon.js";
 import { UserPlusIcon } from "./generated/UserPlusIcon.js";
 import { UsersIcon } from "./generated/UsersIcon.js";
-import { VideoIcon } from "./generated/VideoIcon.js";
 import { WalletIcon } from "./generated/WalletIcon.js";
 import { WifiIcon } from "./generated/WifiIcon.js";
 import { WifiOffIcon } from "./generated/WifiOffIcon.js";

package/dist/id/AccountMenu/AccountMenu.css

@@ -0,0 +1,194 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .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),
+      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-b7836[data-hovered] {
+      --sti-account-menu-ring: var(--sti-border-accent);
+    }
+  }
+
+  .sti-AccountMenu-trigger-b7836[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .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-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-b7836 {
+      min-block-size: 2.75rem;
+      min-inline-size: 2.75rem;
+    }
+  }
+
+  .sti-AccountMenu-card-5ba55 {
+    --sti-floating-w: 22.5rem;
+  }
+
+  .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-42ef2 {
+    padding-block: var(--sti-space-2) var(--sti-space-1);
+    text-align: center;
+    justify-items: center;
+    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-fullName-7a91b {
+    margin: var(--sti-space-1) 0 0;
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-AccountMenu-email-c7b78 {
+    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-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;
+    list-style: none;
+    display: grid;
+  }
+
+  .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

@@ -0,0 +1,73 @@
+import { Placement } from "../../components/_internal/overlay/FloatingCard.js";
+import "../../components/Popover/Popover.js";
+import { ReactNode } from "react";
+export interface AccountMenuAccount {
+  /** Hesap sahibinin adı. */
+  name: string;
+  /** Oturum açılan e-posta adresi. */
+  email: string;
+  /** 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;
+  label: string;
+  /** Süs ikonu. */
+  icon?: ReactNode;
+  /** Verilirse bağlantı, verilmezse düğme. */
+  href?: string;
+  onPress?: () => void;
+}
+export interface AccountMenuPanelProps {
+  account: AccountMenuAccount;
+  /** 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 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;
+  /** Tetikleyici düğmenin kimliği. */
+  id?: string;
+}
+/**
+ * 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({ size, placement, isOpen, defaultOpen, onOpenChange, className, id, ...panel }: AccountMenuProps): import("react").JSX.Element;

package/dist/id/AccountMenu/AccountMenu.js

@@ -0,0 +1,171 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Link } from "react-aria-components";
+// src/id/AccountMenu/AccountMenu.tsx
+/**
+* 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 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,
+		defaultOpen,
+		onOpenChange,
+		placement,
+		"aria-label": t.idAccountMenu,
+		size: "md",
+		className: AccountMenu_module_default.card,
+		trigger: /* @__PURE__ */ jsxs(Button, {
+			id,
+			className: [AccountMenu_module_default.trigger, className].filter(Boolean).join(" "),
+			"data-size": size,
+			children: [/* @__PURE__ */ jsx(Avatar, {
+				name: panel.account.name,
+				src: panel.account.avatarSrc,
+				size,
+				isDecorative: true
+			}), /* @__PURE__ */ jsx(VisuallyHidden, { children: template(t.idAccountMenuFor, { name: panel.account.name }) })]
+		}),
+		children: (close) => /* @__PURE__ */ jsx(AccountMenuPanel, {
+			...panel,
+			onAction: close
+		})
+	});
+}
+export { AccountMenu, AccountMenuPanel };

package/dist/id/AccountMenu/AccountMenu.module.js

@@ -0,0 +1,21 @@
+import './AccountMenu.css';
+// src/id/AccountMenu/AccountMenu.module.css
+var AccountMenu_module_default = {
+	"trigger": "sti-AccountMenu-trigger-b7836",
+	"card": "sti-AccountMenu-card-5ba55",
+	"panel": "sti-AccountMenu-panel-697e1",
+	"identity": "sti-AccountMenu-identity-42ef2",
+	"greeting": "sti-AccountMenu-greeting-ced99",
+	"fullName": "sti-AccountMenu-fullName-7a91b",
+	"email": "sti-AccountMenu-email-c7b78",
+	"manage": "sti-AccountMenu-manage-2a04e",
+	"group": "sti-AccountMenu-group-8f65f",
+	"list": "sti-AccountMenu-list-0d7e5",
+	"groupTitle": "sti-AccountMenu-groupTitle-3bc6e",
+	"accountRow": "sti-AccountMenu-accountRow-2470c",
+	"legal": "sti-AccountMenu-legal-3b18a",
+	"legalItem": "sti-AccountMenu-legalItem-5deef",
+	"dot": "sti-AccountMenu-dot-af8da",
+	"legalLink": "sti-AccountMenu-legalLink-e2e81"
+};
+export { AccountMenu_module_default as default };

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

@@ -0,0 +1,2 @@
+import { AccountMenu, AccountMenuAccount, AccountMenuItem, AccountMenuOtherAccount, AccountMenuPanel, AccountMenuPanelProps, AccountMenuProps } from "./AccountMenu.js";
+export { AccountMenu, AccountMenuAccount, AccountMenuItem, AccountMenuOtherAccount, AccountMenuPanel, AccountMenuPanelProps, AccountMenuProps };