@stisocial/ui 0.2.1 → 0.3.0

package/dist/components/AppShell/AppShell.css

@@ -1,6 +1,6 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-AppShell-root-d8f53 {
+  .sti-AppShell-root-fd84c {
     --sti-shell-sidebar-w: 16rem;
     --sti-shell-aside-w: 20rem;
     --sti-shell-viewport-h: 100dvh;
@@ -14,21 +14,21 @@
     container-type: inline-size;
   }
 
-  .sti-AppShell-root-d8f53[data-sidebar-width="sm"] {
+  .sti-AppShell-root-fd84c[data-sidebar-width="sm"] {
     --sti-shell-sidebar-w: 14rem;
   }
 
-  .sti-AppShell-root-d8f53[data-sidebar-width="lg"] {
+  .sti-AppShell-root-fd84c[data-sidebar-width="lg"] {
     --sti-shell-sidebar-w: 18rem;
   }
 
-  .sti-AppShell-header-41029 {
+  .sti-AppShell-header-b6a65 {
     z-index: var(--sti-z-header);
     position: sticky;
     inset-block-start: 0;
   }
 
-  .sti-AppShell-body-f1687 {
+  .sti-AppShell-body-7f744 {
     flex: 1 0 auto;
     grid-template-columns: minmax(0, 1fr);
     grid-template-areas: "main";
@@ -36,7 +36,7 @@
     display: grid;
   }
 
-  .sti-AppShell-sidebar-c17a7 {
+  .sti-AppShell-sidebar-50386 {
     box-sizing: border-box;
     block-size: calc(var(--sti-shell-viewport-h) - var(--sti-shell-header-h, 0px));
     border-inline-end: var(--sti-border-width) solid var(--sti-border-subtle);
@@ -47,14 +47,14 @@
     inset-block-start: var(--sti-shell-header-h, 0px);
   }
 
-  .sti-AppShell-main-0ca62 {
+  .sti-AppShell-main-0c016 {
     box-sizing: border-box;
     outline: none;
     grid-area: main;
     min-inline-size: 0;
   }
 
-  .sti-AppShell-aside-dd15a {
+  .sti-AppShell-aside-0d764 {
     box-sizing: border-box;
     border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
     background: var(--sti-bg-surface);
@@ -62,50 +62,50 @@
     min-inline-size: 0;
   }
 
-  .sti-AppShell-footer-ec87a {
+  .sti-AppShell-footer-8a19e {
     box-sizing: border-box;
     border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
     min-inline-size: 0;
   }
 
-  .sti-AppShell-body-f1687[data-has-aside] {
+  .sti-AppShell-body-7f744[data-has-aside] {
     grid-template-areas: "main"
                          "aside";
   }
 
-  .sti-AppShell-body-f1687 .sti-AppShell-sidebar-c17a7 {
+  .sti-AppShell-body-7f744 .sti-AppShell-sidebar-50386 {
     display: none;
   }
 
-  @container (width >= 64rem) {
-    .sti-AppShell-body-f1687[data-has-sidebar] {
+  @container (width >= 48rem) {
+    .sti-AppShell-body-7f744[data-has-sidebar] {
       grid-template-areas: "sidebar main";
       grid-template-columns: var(--sti-shell-sidebar-w) minmax(0, 1fr);
     }
 
-    .sti-AppShell-body-f1687[data-has-sidebar][data-has-aside] {
+    .sti-AppShell-body-7f744[data-has-sidebar][data-has-aside] {
       grid-template-areas: "sidebar main"
                            "sidebar aside";
     }
 
-    .sti-AppShell-body-f1687 .sti-AppShell-sidebar-c17a7 {
+    .sti-AppShell-body-7f744 .sti-AppShell-sidebar-50386 {
       grid-row: 1 / -1;
       display: flex;
     }
   }
 
   @container (width >= 80rem) {
-    .sti-AppShell-body-f1687[data-has-aside] {
+    .sti-AppShell-body-7f744[data-has-aside] {
       grid-template-areas: "main aside";
       grid-template-columns: minmax(0, 1fr) var(--sti-shell-aside-w);
     }
 
-    .sti-AppShell-body-f1687[data-has-sidebar][data-has-aside] {
+    .sti-AppShell-body-7f744[data-has-sidebar][data-has-aside] {
       grid-template-areas: "sidebar main aside";
       grid-template-columns: var(--sti-shell-sidebar-w) minmax(0, 1fr) var(--sti-shell-aside-w);
     }
 
-    .sti-AppShell-aside-dd15a {
+    .sti-AppShell-aside-0d764 {
       max-block-size: calc(var(--sti-shell-viewport-h) - var(--sti-shell-header-h, 0px));
       border-block-start: 0;
       border-inline-start: var(--sti-border-width) solid var(--sti-border-subtle);
@@ -117,7 +117,7 @@
   }
 
   @media (forced-colors: active) {
-    .sti-AppShell-sidebar-c17a7, .sti-AppShell-aside-dd15a {
+    .sti-AppShell-sidebar-50386, .sti-AppShell-aside-0d764 {
       border-color: canvastext;
     }
   }

package/dist/components/AppShell/AppShell.d.ts

@@ -3,7 +3,7 @@ interface AppShellBaseProps {
   /** Üst çubuk (genellikle `AppHeader`); kaydırınca üstte kalır. */
   header?: ReactNode;
   /**
-   * Yan gezinme (genellikle `SideNav`). Kabın genişliği 64rem'in altına inince gizlenir; o zaman
+   * Yan gezinme (genellikle `SideNav`). Kabın genişliği 48rem'in altına inince gizlenir; o zaman
    * gezinmeye `AppHeader`'ın menü düğmesiyle açılan çekmeceden ulaşılır.
    */
   sidebar?: ReactNode;

package/dist/components/AppShell/AppShell.module.js

@@ -1,12 +1,12 @@
 import './AppShell.css';
 // src/components/AppShell/AppShell.module.css
 var AppShell_module_default = {
-	"root": "sti-AppShell-root-d8f53",
-	"header": "sti-AppShell-header-41029",
-	"body": "sti-AppShell-body-f1687",
-	"sidebar": "sti-AppShell-sidebar-c17a7",
-	"main": "sti-AppShell-main-0ca62",
-	"aside": "sti-AppShell-aside-dd15a",
-	"footer": "sti-AppShell-footer-ec87a"
+	"root": "sti-AppShell-root-fd84c",
+	"header": "sti-AppShell-header-b6a65",
+	"body": "sti-AppShell-body-7f744",
+	"sidebar": "sti-AppShell-sidebar-50386",
+	"main": "sti-AppShell-main-0c016",
+	"aside": "sti-AppShell-aside-0d764",
+	"footer": "sti-AppShell-footer-8a19e"
 };
 export { AppShell_module_default as default };

package/dist/components/AuditLogList/AuditLogList.css

@@ -0,0 +1,245 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-AuditLogList-root-4407a {
+    --sti-audit-pad: var(--sti-space-4);
+    --sti-audit-media: var(--sti-control-h-sm);
+    gap: var(--sti-space-4);
+    min-inline-size: 0;
+    font-family: var(--sti-font-text);
+    display: grid;
+    container-type: inline-size;
+  }
+
+  .sti-AuditLogList-list-62656 {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .sti-AuditLogList-item-b8db6 {
+    grid-template-columns: var(--sti-audit-media) minmax(0, 1fr);
+    column-gap: var(--sti-space-3);
+    padding: var(--sti-audit-pad);
+    align-items: start;
+    display: grid;
+  }
+
+  .sti-AuditLogList-item-b8db6 + .sti-AuditLogList-item-b8db6 {
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+  }
+
+  .sti-AuditLogList-media-197b1 {
+    box-sizing: border-box;
+    inline-size: var(--sti-audit-media);
+    block-size: var(--sti-audit-media);
+    border: var(--sti-border-width) solid transparent;
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-surface-active);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-sm);
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-AuditLogList-media-197b1[data-result="success"] {
+    background: var(--sti-bg-success-subtle);
+    color: var(--sti-fg-success);
+  }
+
+  .sti-AuditLogList-media-197b1[data-result="failure"] {
+    background: var(--sti-bg-danger-subtle);
+    color: var(--sti-fg-danger);
+  }
+
+  .sti-AuditLogList-media-197b1[data-result="warning"] {
+    background: var(--sti-bg-warning-subtle);
+    color: var(--sti-fg-warning);
+  }
+
+  .sti-AuditLogList-body-6213c {
+    gap: var(--sti-space-1);
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-AuditLogList-head-e816f {
+    align-items: center;
+    gap: var(--sti-space-1) var(--sti-space-2);
+    min-block-size: var(--sti-audit-media);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-AuditLogList-action-9d060 {
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-AuditLogList-who-2c120, .sti-AuditLogList-meta-b3ba8 {
+    overflow-wrap: anywhere;
+    min-inline-size: 0;
+    margin: 0;
+  }
+
+  .sti-AuditLogList-who-2c120 {
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-AuditLogList-actor-9dbc4 {
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-AuditLogList-email-9c122, .sti-AuditLogList-target-af192 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-AuditLogList-meta-b3ba8 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-xs);
+  }
+
+  .sti-AuditLogList-metaPart-44f2d {
+    white-space: nowrap;
+  }
+
+  .sti-AuditLogList-ip-9f6f7 {
+    font-family: var(--sti-font-mono);
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .sti-AuditLogList-dot-89c88 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-AuditLogList-toggle-56831 {
+    align-items: center;
+    gap: var(--sti-space-1);
+    min-block-size: var(--sti-control-h-sm);
+    padding-inline: var(--sti-space-2);
+    border-radius: var(--sti-radius-pill);
+    color: var(--sti-fg-muted);
+    font: inherit;
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    cursor: pointer;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      color var(--sti-duration-fast) var(--sti-ease-snap);
+    background: none;
+    border: 0;
+    outline: none;
+    justify-self: start;
+    margin-inline-start: calc(var(--sti-space-2) * -1);
+    display: inline-flex;
+  }
+
+  @media (pointer: coarse) {
+    .sti-AuditLogList-toggle-56831 {
+      min-block-size: var(--sti-control-h-md);
+    }
+  }
+
+  @media (hover: hover) {
+    .sti-AuditLogList-toggle-56831[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+      color: var(--sti-fg);
+    }
+  }
+
+  .sti-AuditLogList-toggle-56831[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-AuditLogList-toggle-56831[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-AuditLogList-chevron-a9483 {
+    font-size: var(--sti-icon-sm);
+    transition: rotate var(--sti-duration-fast) var(--sti-ease-snap);
+  }
+
+  .sti-AuditLogList-toggle-56831[aria-expanded="true"] .sti-AuditLogList-chevron-a9483 {
+    rotate: 180deg;
+  }
+
+  .sti-AuditLogList-details-a7b35 {
+    gap: var(--sti-space-2);
+    padding: var(--sti-space-3) var(--sti-space-4);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-subtle);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-AuditLogList-details-a7b35[hidden] {
+    display: none;
+  }
+
+  .sti-AuditLogList-detail-7383b {
+    gap: var(--sti-space-1) var(--sti-space-3);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr);
+    display: grid;
+  }
+
+  @container (width <= 28rem) {
+    .sti-AuditLogList-detail-7383b {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .sti-AuditLogList-term-bc8c3 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-AuditLogList-value-92938 {
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-AuditLogList-more-e7f24 {
+    justify-content: center;
+    display: flex;
+  }
+
+  .sti-AuditLogList-empty-4f6e6 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-AuditLogList-toggle-56831, .sti-AuditLogList-chevron-a9483 {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-AuditLogList-list-62656, .sti-AuditLogList-media-197b1 {
+      border-color: canvastext;
+    }
+
+    .sti-AuditLogList-item-b8db6 + .sti-AuditLogList-item-b8db6 {
+      border-block-start-color: canvastext;
+    }
+
+    .sti-AuditLogList-toggle-56831[data-focus-visible] {
+      outline-color: highlight;
+    }
+  }
+}

package/dist/components/AuditLogList/AuditLogList.d.ts

@@ -0,0 +1,70 @@
+import { DateValue } from "../DateTime/instant.js";
+import { ReactNode } from "react";
+export type AuditLogResult = "success" | "failure" | "warning";
+export interface AuditLogDetail {
+  label: ReactNode;
+  value: ReactNode;
+}
+export interface AuditLogEntry {
+  /** Kalıcı anahtar. */
+  id: string;
+  /** İşlem ("Oturum açıldı", "API anahtarı silindi"). */
+  action: ReactNode;
+  /** Sonuç: rozet ve ikon kutusunun tonu. Verilmezse rozet çizilmez. */
+  result?: AuditLogResult;
+  /** Rozet metni; verilmezse sonucun adı ("Başarılı", "Uyarı"). */
+  resultLabel?: string;
+  /** İşleme özgü süs ikonu; verilmezse sonucun ikonu. */
+  icon?: ReactNode;
+  /** İşlemi yapan kişi; verilmezse sistem işlemidir. */
+  actor?: {
+    name: string;
+    email?: string;
+  };
+  /** İşlemin hedefi ("Kurumsal hesap · Faturalama"). */
+  target?: ReactNode;
+  /** İşlemin anı. */
+  time: DateValue;
+  /** IP adresi (IPv4 ya da IPv6). */
+  ip?: string;
+  /** Konum ("İstanbul, Türkiye"). */
+  location?: string;
+  /** Cihaz ve tarayıcı ("Windows 11 · Chrome"). */
+  device?: string;
+  /** "Ayrıntılar" bölümündeki ad–değer çiftleri (istek kimliği, kullanıcı aracısı). */
+  details?: readonly AuditLogDetail[];
+}
+export interface AuditLogListProps {
+  entries: readonly AuditLogEntry[];
+  /** Bölgenin adı (zorunlu): "Güvenlik kaydı". */
+  label: string;
+  /**
+   * IP adresinin son kısmını gizler (IPv4: son sekizli, IPv6: son 80 bit). Maskeleme sunucuda da
+   * yapılır; tam adres sayfanın kaynağına girmez.
+   */
+  maskIp?: boolean;
+  /**
+   * İşlemi yapan kişi satırı gizlenir: kişinin kendi hesap kaydında her işlem kendisinindir
+   * (yalnız hedef gösterilir).
+   */
+  hideActor?: boolean;
+  /** Altta "Daha fazla kayıt göster". */
+  hasMore?: boolean;
+  onLoadMore?: () => void;
+  isLoadingMore?: boolean;
+  /** Kayıt yokken gösterilecek içerik. */
+  emptyState?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * IP adresinin son kısmını gizler: "85.105.12.44" → "85.105.12.x",
+ * "2a02:e0:1234:5678:9abc:def0:1:2" → "2a02:e0:1234:x". Tanınmayan değer olduğu gibi döner.
+ */
+export declare function maskIpAddress(ip: string): string;
+/**
+ * Denetim kaydı: kim, ne zaman, nereden, hangi işlemi yaptı ve sonuç ne oldu. Her kayıtta işlem ve
+ * sonuç rozeti, kişi ve hedef, tam zaman, IP, konum, cihaz; ek alanlar açılır "Ayrıntılar"da
+ * (APG Disclosure). `maskIp` IP'nin son kısmını gizler (KVKK: veri en aza indirme).
+ */
+export declare function AuditLogList({ entries, label, maskIp, hideActor, hasMore, onLoadMore, isLoadingMore, emptyState, className, id }: AuditLogListProps): import("react").JSX.Element;

package/dist/components/AuditLogList/AuditLogList.js

@@ -0,0 +1,200 @@
+"use client";
+import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { Button as Button$1 } from "../Button/Button.js";
+import { parseInstant } from "../DateTime/instant.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { AlertTriangleIcon } from "../../icons/generated/AlertTriangleIcon.js";
+import { ShieldIcon } from "../../icons/generated/ShieldIcon.js";
+import { Badge } from "../Badge/Badge.js";
+import AuditLogList_module_default from "./AuditLogList.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { Button } from "react-aria-components";
+// src/components/AuditLogList/AuditLogList.tsx
+/**
+* IP adresinin son kısmını gizler: "85.105.12.44" → "85.105.12.x",
+* "2a02:e0:1234:5678:9abc:def0:1:2" → "2a02:e0:1234:x". Tanınmayan değer olduğu gibi döner.
+*/
+function maskIpAddress(ip) {
+	const v4 = /^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/.exec(ip.trim());
+	if (v4) return `${v4[1]}.${v4[2]}.${v4[3]}.x`;
+	if (ip.includes(":")) {
+		const [head = "", tail = ""] = ip.trim().split("::");
+		const left = head ? head.split(":") : [];
+		const right = tail ? tail.split(":") : [];
+		const groups = ip.includes("::") ? [
+			...left,
+			...Array(Math.max(0, 8 - left.length - right.length)).fill("0"),
+			...right
+		] : left;
+		if (groups.length === 8 && groups.every((g) => /^[0-9a-f]{1,4}$/i.test(g))) return `${groups.slice(0, 3).join(":")}:x`;
+	}
+	return ip;
+}
+const RESULT_ICON = {
+	success: () => /* @__PURE__ */ jsx(CheckIcon, {}),
+	failure: () => /* @__PURE__ */ jsx(AlertCircleIcon, {}),
+	warning: () => /* @__PURE__ */ jsx(AlertTriangleIcon, {})
+};
+const BADGE_TONE = {
+	success: "success",
+	failure: "danger",
+	warning: "warning"
+};
+function Entry({ entry, maskIp, hideActor }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const base = useId();
+	const [open, setOpen] = useState(false);
+	const date = parseInstant(entry.time);
+	const resultLabel = entry.resultLabel ? entry.resultLabel : entry.result ? {
+		success: t.auditLogSuccess,
+		failure: t.auditLogFailure,
+		warning: t.auditLogWarning
+	}[entry.result] : void 0;
+	const ip = entry.ip ? maskIp ? maskIpAddress(entry.ip) : entry.ip : void 0;
+	const hasDetails = (entry.details?.length ?? 0) > 0;
+	return /* @__PURE__ */ jsxs("li", {
+		className: AuditLogList_module_default.item,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: AuditLogList_module_default.media,
+			"data-result": entry.result,
+			"aria-hidden": "true",
+			children: entry.icon ?? (entry.result ? RESULT_ICON[entry.result]() : /* @__PURE__ */ jsx(ShieldIcon, {}))
+		}), /* @__PURE__ */ jsxs("div", {
+			className: AuditLogList_module_default.body,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: AuditLogList_module_default.head,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.action,
+						children: entry.action
+					}), entry.result && resultLabel ? /* @__PURE__ */ jsx(Badge, {
+						tone: BADGE_TONE[entry.result],
+						size: "sm",
+						icon: RESULT_ICON[entry.result](),
+						children: resultLabel
+					}) : null]
+				}),
+				hideActor ? entry.target ? /* @__PURE__ */ jsx("p", {
+					className: AuditLogList_module_default.who,
+					children: /* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.target,
+						children: entry.target
+					})
+				}) : null : /* @__PURE__ */ jsxs("p", {
+					className: AuditLogList_module_default.who,
+					children: [entry.actor ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.actor,
+						children: entry.actor.name
+					}), entry.actor.email ? /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.email,
+						dir: "ltr",
+						children: entry.actor.email
+					})] }) : null] }) : /* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.actor,
+						children: t.auditLogSystem
+					}), entry.target ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.dot,
+						"aria-hidden": "true",
+						children: " · "
+					}), /* @__PURE__ */ jsx("span", {
+						className: AuditLogList_module_default.target,
+						children: entry.target
+					})] }) : null]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: AuditLogList_module_default.meta,
+					children: [/* @__PURE__ */ jsx("time", {
+						dateTime: date.toISOString(),
+						children: f.dateTime(date)
+					}), [
+						ip ? {
+							key: "ip",
+							node: /* @__PURE__ */ jsx("span", {
+								className: AuditLogList_module_default.ip,
+								dir: "ltr",
+								children: ip
+							})
+						} : null,
+						entry.location ? {
+							key: "location",
+							node: entry.location
+						} : null,
+						entry.device ? {
+							key: "device",
+							node: entry.device
+						} : null
+					].filter((part) => part !== null).map((part) => /* @__PURE__ */ jsxs("span", {
+						className: AuditLogList_module_default.metaPart,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: AuditLogList_module_default.dot,
+							"aria-hidden": "true",
+							children: " · "
+						}), part.node]
+					}, part.key))]
+				}),
+				hasDetails ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+					className: AuditLogList_module_default.toggle,
+					"aria-expanded": open,
+					"aria-controls": `${base}-details`,
+					onPress: () => setOpen(!open),
+					children: [t.auditLogDetails, /* @__PURE__ */ jsx(ChevronDownIcon, {
+						className: AuditLogList_module_default.chevron,
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ jsx("dl", {
+					id: `${base}-details`,
+					className: AuditLogList_module_default.details,
+					hidden: !open,
+					children: entry.details?.map((d, i) => /* @__PURE__ */ jsxs("div", {
+						className: AuditLogList_module_default.detail,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: AuditLogList_module_default.term,
+							children: d.label
+						}), /* @__PURE__ */ jsx("dd", {
+							className: AuditLogList_module_default.value,
+							children: d.value
+						})]
+					}, i))
+				})] }) : null
+			]
+		})]
+	});
+}
+/**
+* Denetim kaydı: kim, ne zaman, nereden, hangi işlemi yaptı ve sonuç ne oldu. Her kayıtta işlem ve
+* sonuç rozeti, kişi ve hedef, tam zaman, IP, konum, cihaz; ek alanlar açılır "Ayrıntılar"da
+* (APG Disclosure). `maskIp` IP'nin son kısmını gizler (KVKK: veri en aza indirme).
+*/
+function AuditLogList({ entries, label, maskIp = false, hideActor, hasMore = false, onLoadMore, isLoadingMore = false, emptyState, className, id }) {
+	const t = useMessages();
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		"aria-label": label,
+		className: [AuditLogList_module_default.root, className].filter(Boolean).join(" "),
+		children: [entries.length === 0 && emptyState ? /* @__PURE__ */ jsx("div", {
+			className: AuditLogList_module_default.empty,
+			children: emptyState
+		}) : /* @__PURE__ */ jsx("ul", {
+			className: AuditLogList_module_default.list,
+			children: entries.map((entry) => /* @__PURE__ */ jsx(Entry, {
+				entry,
+				maskIp,
+				hideActor
+			}, entry.id))
+		}), hasMore ? /* @__PURE__ */ jsx("div", {
+			className: AuditLogList_module_default.more,
+			children: /* @__PURE__ */ jsx(Button$1, {
+				variant: "secondary",
+				size: "sm",
+				onPress: onLoadMore,
+				isPending: isLoadingMore,
+				children: t.auditLogLoadMore
+			})
+		}) : null]
+	});
+}
+export { AuditLogList, maskIpAddress };