@yca-software/yca-react-core 0.0.1

package/dist/chunk-APZVW5SW.js

@@ -0,0 +1,75 @@
+import Cookies from 'js-cookie';
+import { jwtDecode } from 'jwt-decode';
+
+// src/auth/cookie.ts
+var tokenCookieOptions = (options) => {
+  const opts = { path: "/" };
+  if (options.domain) opts.domain = options.domain;
+  if (options.secure) opts.secure = true;
+  if (options.sameSite) opts.sameSite = options.sameSite;
+  return opts;
+};
+function getAccessTokenFromCookies(names) {
+  return Cookies.get(names.accessToken) || null;
+}
+function getRefreshTokenFromCookies(names) {
+  return Cookies.get(names.refreshToken) || null;
+}
+function getCookieConsentFromCookies(names) {
+  const consentStr = Cookies.get(names.cookieConsent);
+  if (!consentStr) return null;
+  try {
+    return JSON.parse(consentStr);
+  } catch {
+    return null;
+  }
+}
+function removeAccessTokenCookie(options) {
+  Cookies.remove(options.names.accessToken, tokenCookieOptions(options));
+}
+function removeRefreshTokenCookie(options) {
+  Cookies.remove(options.names.refreshToken, tokenCookieOptions(options));
+}
+function removeCookieConsentCookie(names) {
+  Cookies.remove(names.cookieConsent);
+}
+function setCookieConsentCookie(names, timestamp, analytics, domain) {
+  const consent = { analytics, timestamp };
+  const cookieOptions = {};
+  if (domain) cookieOptions.domain = domain;
+  Cookies.set(names.cookieConsent, JSON.stringify(consent), cookieOptions);
+}
+function setAccessTokenCookie(token, options) {
+  Cookies.set(options.names.accessToken, token, tokenCookieOptions(options));
+}
+function setRefreshTokenCookie(token, options) {
+  Cookies.set(options.names.refreshToken, token, tokenCookieOptions(options));
+}
+function setTokens(accessToken, refreshToken, options) {
+  setAccessTokenCookie(accessToken, options);
+  setRefreshTokenCookie(refreshToken, options);
+}
+function getAccessInfoFromToken(accessToken) {
+  if (!accessToken?.trim()) return null;
+  try {
+    const decoded = jwtDecode(accessToken);
+    return {
+      userId: decoded.sub,
+      email: decoded.email ?? "",
+      permissions: decoded.permissions ?? [],
+      isAdmin: decoded.isAdmin ?? false,
+      impersonatedBy: decoded.impersonatedBy ?? null,
+      impersonatedByEmail: decoded.impersonatedByEmail ?? null
+    };
+  } catch {
+    return null;
+  }
+}
+function getInitials(firstName, lastName) {
+  if (!firstName && !lastName) return "U";
+  return `${firstName?.[0] || ""}${lastName?.[0] || ""}`.toUpperCase();
+}
+
+export { getAccessInfoFromToken, getAccessTokenFromCookies, getCookieConsentFromCookies, getInitials, getRefreshTokenFromCookies, removeAccessTokenCookie, removeCookieConsentCookie, removeRefreshTokenCookie, setAccessTokenCookie, setCookieConsentCookie, setRefreshTokenCookie, setTokens };
+//# sourceMappingURL=chunk-APZVW5SW.js.map
+//# sourceMappingURL=chunk-APZVW5SW.js.map

package/dist/chunk-APZVW5SW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth/cookie.ts","../src/auth/jwt.ts"],"names":[],"mappings":"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","file":"chunk-APZVW5SW.js","sourcesContent":["import Cookies from 'js-cookie';\nimport type { CookieNames } from '../constants/cookies';\n\nexport interface CookieConsent {\n  analytics: boolean;\n  timestamp: string;\n}\n\nexport interface TokenCookieOptions {\n  names: CookieNames;\n  domain?: string;\n  secure?: boolean;\n  sameSite?: 'strict' | 'lax' | 'none';\n}\n\nconst tokenCookieOptions = (options: TokenCookieOptions): Cookies.CookieAttributes => {\n  const opts: Cookies.CookieAttributes = { path: '/' };\n  if (options.domain) opts.domain = options.domain;\n  if (options.secure) opts.secure = true;\n  if (options.sameSite) opts.sameSite = options.sameSite;\n  return opts;\n};\n\nexport function getAccessTokenFromCookies(names: CookieNames): string | null {\n  return Cookies.get(names.accessToken) || null;\n}\n\nexport function getRefreshTokenFromCookies(names: CookieNames): string | null {\n  return Cookies.get(names.refreshToken) || null;\n}\n\nexport function getCookieConsentFromCookies(names: CookieNames): CookieConsent | null {\n  const consentStr = Cookies.get(names.cookieConsent);\n  if (!consentStr) return null;\n  try {\n    return JSON.parse(consentStr) as CookieConsent;\n  } catch {\n    return null;\n  }\n}\n\nexport function removeAccessTokenCookie(options: TokenCookieOptions) {\n  Cookies.remove(options.names.accessToken, tokenCookieOptions(options));\n}\n\nexport function removeRefreshTokenCookie(options: TokenCookieOptions) {\n  Cookies.remove(options.names.refreshToken, tokenCookieOptions(options));\n}\n\nexport function removeCookieConsentCookie(names: CookieNames) {\n  Cookies.remove(names.cookieConsent);\n}\n\nexport function setCookieConsentCookie(\n  names: CookieNames,\n  timestamp: string,\n  analytics: boolean,\n  domain?: string,\n) {\n  const consent: CookieConsent = { analytics, timestamp };\n  const cookieOptions: Cookies.CookieAttributes = {};\n  if (domain) cookieOptions.domain = domain;\n  Cookies.set(names.cookieConsent, JSON.stringify(consent), cookieOptions);\n}\n\nexport function setAccessTokenCookie(token: string, options: TokenCookieOptions) {\n  Cookies.set(options.names.accessToken, token, tokenCookieOptions(options));\n}\n\nexport function setRefreshTokenCookie(token: string, options: TokenCookieOptions) {\n  Cookies.set(options.names.refreshToken, token, tokenCookieOptions(options));\n}\n\nexport function setTokens(accessToken: string, refreshToken: string, options: TokenCookieOptions) {\n  setAccessTokenCookie(accessToken, options);\n  setRefreshTokenCookie(refreshToken, options);\n}\n","import { jwtDecode } from 'jwt-decode';\nimport type { AccessInfo, DecodedAccessToken } from './types';\n\nexport function getAccessInfoFromToken(accessToken: string): AccessInfo | null {\n  if (!accessToken?.trim()) return null;\n  try {\n    const decoded = jwtDecode<DecodedAccessToken>(accessToken);\n    return {\n      userId: decoded.sub,\n      email: decoded.email ?? '',\n      permissions: decoded.permissions ?? [],\n      isAdmin: decoded.isAdmin ?? false,\n      impersonatedBy: decoded.impersonatedBy ?? null,\n      impersonatedByEmail: decoded.impersonatedByEmail ?? null,\n    };\n  } catch {\n    return null;\n  }\n}\n\nexport function getInitials(firstName?: string, lastName?: string): string {\n  if (!firstName && !lastName) return 'U';\n  return `${firstName?.[0] || ''}${lastName?.[0] || ''}`.toUpperCase();\n}\n"]}

package/dist/chunk-EVZBADFR.js

@@ -0,0 +1,583 @@
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Select, Alert, AlertDescription, DateRangePicker, Tooltip, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-PLSNCPEC.js';
+import { Button, Card, CardHeader, CardTitle, CardDescription, Input, CardContent } from './chunk-3AYG73DK.js';
+import { dateRangePickerTranslations } from './chunk-UCJ76BEC.js';
+import { cn } from './chunk-GXWVFQCK.js';
+import { Loader2, ArrowLeft, X, Search, MoreVertical, Moon, Sun } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Link } from 'react-router';
+import React, { Suspense, useState, useEffect } from 'react';
+
+function PageLoader({
+  className,
+  spinnerClassName,
+  variant = "section",
+  loadingLabel
+}) {
+  const { t } = useTranslation("common");
+  const label = loadingLabel ?? t("loading");
+  const spinnerSize = variant === "inline" ? "h-6 w-6 animate-spin text-primary" : "h-8 w-8 animate-spin text-primary";
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Loader2, { className: cn(spinnerSize, spinnerClassName), "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+  ] });
+  if (variant === "page") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("min-h-screen flex items-center justify-center bg-background", className),
+        role: "status",
+        "aria-live": "polite",
+        children: content
+      }
+    );
+  }
+  if (variant === "route") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("flex min-h-[40vh] items-center justify-center", className),
+        role: "status",
+        "aria-live": "polite",
+        children: content
+      }
+    );
+  }
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("flex items-center justify-center", className),
+        role: "status",
+        "aria-live": "polite",
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center justify-center py-12", className),
+      role: "status",
+      "aria-live": "polite",
+      children: content
+    }
+  );
+}
+function AdminDetailPage({
+  backHref,
+  backLabel,
+  isLoading,
+  errorKind,
+  error,
+  notFoundMessage,
+  forbiddenMessage,
+  loadErrorMessage,
+  formatError,
+  children,
+  headerActions
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(PageLoader, { variant: "route" });
+  }
+  if (errorKind) {
+    const message = errorKind === "forbidden" ? forbiddenMessage : errorKind === "load" ? formatError?.(error) || loadErrorMessage : notFoundMessage;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 sm:space-y-6", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-destructive", children: message }),
+      /* @__PURE__ */ jsx(Link, { to: backHref, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: backLabel }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 sm:space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsx(Link, { to: backHref, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+        backLabel
+      ] }) }),
+      headerActions
+    ] }),
+    children
+  ] });
+}
+function AdminListPage({
+  title,
+  description,
+  headerActions,
+  cardTitle,
+  searchPlaceholder,
+  emptyMessage,
+  columns,
+  items,
+  isLoading,
+  hasNextPage,
+  isFetchingNextPage,
+  loadMoreRef,
+  search,
+  onSearchChange,
+  onRowClick,
+  getRowKey,
+  loadingAriaLabel = "Loading...",
+  searchMode = "instant",
+  searchButtonLabel = "Search",
+  clearButtonLabel = "Clear",
+  onSearchSubmit,
+  onSearchClear,
+  onSearchKeyDown
+}) {
+  const safeItems = items.filter((item) => item != null && typeof item === "object");
+  const isSubmitMode = searchMode === "submit";
+  const hasSearchText = search.trim().length > 0;
+  const handleSearchInputKeyDown = (event) => {
+    if (isSubmitMode && event.key === "Enter") {
+      event.preventDefault();
+      onSearchSubmit?.();
+    }
+    onSearchKeyDown?.(event);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 sm:space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold sm:text-3xl", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground sm:text-base", children: description })
+      ] }),
+      headerActions
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: cardTitle }),
+          !isSubmitMode ? /* @__PURE__ */ jsx(CardDescription, { children: searchPlaceholder }) : null
+        ] }),
+        isSubmitMode ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex h-9 w-full min-w-0 max-w-full overflow-hidden rounded-md border border-input bg-background shadow-xs sm:max-w-sm",
+              "transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-1 items-center", children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    placeholder: searchPlaceholder,
+                    value: search,
+                    onChange: (e) => onSearchChange(e.target.value),
+                    onKeyDown: handleSearchInputKeyDown,
+                    className: cn(
+                      "h-9 rounded-none rounded-l-md border-0 bg-transparent px-3 shadow-none",
+                      "focus-visible:border-transparent focus-visible:ring-0",
+                      hasSearchText && "pr-9"
+                    ),
+                    "aria-label": searchPlaceholder
+                  }
+                ),
+                hasSearchText ? /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: onSearchClear,
+                    "aria-label": clearButtonLabel,
+                    className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground hover:bg-muted/60 hover:text-foreground",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4", "aria-hidden": true })
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "default",
+                  onClick: onSearchSubmit,
+                  "aria-label": searchButtonLabel,
+                  className: cn(
+                    "h-full w-10 shrink-0 rounded-none rounded-r-md border-0 border-l border-primary-foreground/15 px-0 shadow-none",
+                    "hover:bg-primary/90 active:bg-primary/95",
+                    "shadow-[inset_0_1px_0_0_color-mix(in_oklch,var(--primary-foreground)_20%,transparent)]"
+                  ),
+                  children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4", "aria-hidden": true })
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "relative max-w-full sm:max-w-sm", children: [
+          /* @__PURE__ */ jsx(
+            Search,
+            {
+              className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: searchPlaceholder,
+              value: search,
+              onChange: (e) => onSearchChange(e.target.value),
+              className: "pl-9",
+              "aria-label": searchPlaceholder
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: isLoading ? /* @__PURE__ */ jsx(PageLoader, { loadingLabel: loadingAriaLabel }) : safeItems.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-12 text-center text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 overflow-x-auto sm:mx-0", children: /* @__PURE__ */ jsxs(Table, { className: "min-w-[400px]", children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { className: "bg-muted/50 hover:bg-muted/50", children: columns.map((col) => /* @__PURE__ */ jsx(TableHead, { className: col.className, children: col.header }, col.key)) }) }),
+        /* @__PURE__ */ jsxs(TableBody, { children: [
+          safeItems.map((item, index) => /* @__PURE__ */ jsx(
+            TableRow,
+            {
+              role: "button",
+              tabIndex: 0,
+              onClick: () => onRowClick(item),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onRowClick(item);
+                }
+              },
+              className: "cursor-pointer hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+              children: columns.map((col) => /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  className: cn(col.className ?? "text-muted-foreground"),
+                  children: col.render(item)
+                },
+                col.key
+              ))
+            },
+            getRowKey(item) || `row-${index}`
+          )),
+          hasNextPage && /* @__PURE__ */ jsx(TableRow, { ref: loadMoreRef, children: /* @__PURE__ */ jsx(
+            TableCell,
+            {
+              colSpan: columns.length,
+              className: "text-center text-muted-foreground",
+              children: isFetchingNextPage ? /* @__PURE__ */ jsx(Loader2, { className: "inline-block h-5 w-5 animate-spin", "aria-hidden": true }) : null
+            }
+          ) })
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+}
+function AuditLogListFilters({
+  search,
+  onSearchChange,
+  action,
+  onActionChange,
+  resourceType,
+  onResourceTypeChange,
+  actionOptions,
+  resourceOptions,
+  searchPlaceholder,
+  actionFilterLabel,
+  resourceFilterLabel
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 lg:flex-row lg:flex-wrap lg:items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative w-full lg:max-w-md", children: [
+      /* @__PURE__ */ jsx(
+        Search,
+        {
+          className: "pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground",
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "pl-9",
+          placeholder: searchPlaceholder,
+          value: search,
+          onChange: (event) => onSearchChange(event.target.value),
+          "aria-label": searchPlaceholder
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        className: "w-full lg:w-44",
+        value: action,
+        onValueChange: onActionChange,
+        options: actionOptions,
+        "aria-label": actionFilterLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        className: "w-full lg:w-52",
+        value: resourceType,
+        onValueChange: onResourceTypeChange,
+        options: resourceOptions,
+        "aria-label": resourceFilterLabel
+      }
+    )
+  ] });
+}
+function QueryState({
+  isLoading,
+  isError,
+  error,
+  onRetry,
+  loadingClassName,
+  children,
+  formatError,
+  errorDescription = "We could not load this data. Please try again.",
+  retryLabel = "Try again",
+  loadingLabel = "Loading..."
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(PageLoader, { variant: "section", className: loadingClassName, loadingLabel });
+  }
+  if (isError) {
+    const message = formatError?.(error) || errorDescription;
+    return /* @__PURE__ */ jsx(Alert, { variant: "destructive", className: "max-w-xl", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { children: message }),
+      onRetry ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetry, children: retryLabel }) : null
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function createBoundQueryState(useBindings) {
+  function BoundQueryState(props) {
+    const bindings = useBindings();
+    return /* @__PURE__ */ jsx(QueryState, { ...bindings, ...props });
+  }
+  BoundQueryState.displayName = "BoundQueryState";
+  return BoundQueryState;
+}
+function DateRangeFilter({
+  label,
+  value,
+  onChange,
+  onApply,
+  minDate,
+  maxDate,
+  className,
+  hint,
+  variant = "panel",
+  t,
+  translationNs = "common"
+}) {
+  const inline = variant === "inline";
+  const toolbar = variant === "toolbar";
+  const picker = /* @__PURE__ */ jsx(
+    DateRangePicker,
+    {
+      className: cn(
+        "w-full min-w-0 border-border/80 bg-background",
+        toolbar ? "w-full min-w-0" : inline ? "sm:max-w-[280px]" : "sm:max-w-[320px]"
+      ),
+      value,
+      onChange,
+      minDate,
+      maxDate,
+      translations: dateRangePickerTranslations(t, translationNs),
+      onApply
+    }
+  );
+  if (toolbar) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 w-full", className), children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }),
+      picker
+    ] });
+  }
+  if (inline) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full shrink-0 sm:w-auto", className), children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: label }),
+      picker,
+      hint ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-[0.65rem] text-muted-foreground", children: hint }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("rounded-lg border border-border/80 bg-muted/25 p-3 shadow-sm", className), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+      hint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint }) : null
+    ] }),
+    picker
+  ] }) });
+}
+function DetailFieldList({
+  fields,
+  className,
+  fieldVariant = "plain"
+}) {
+  return /* @__PURE__ */ jsx("dl", { className: cn("grid gap-4 sm:grid-cols-2", className), children: fields.map((field, i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "space-y-1",
+        fieldVariant === "bordered" && "rounded-lg border bg-muted/20 px-3 py-2.5",
+        field.span === 2 && "sm:col-span-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-sm font-medium text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ jsx("dd", { className: "text-sm break-words", children: field.value })
+      ]
+    },
+    `${field.label}-${i}`
+  )) });
+}
+function EntityRow({
+  icon: Icon,
+  title,
+  titleTooltip = typeof title === "string" ? title : void 0,
+  description,
+  subtitle,
+  onClick,
+  actions = [],
+  archived = false,
+  children,
+  className
+}) {
+  const hasActions = actions.length > 0;
+  const isClickable = !!onClick;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: isClickable ? "button" : void 0,
+      tabIndex: isClickable ? 0 : void 0,
+      onClick,
+      onKeyDown: isClickable ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick?.();
+        }
+      } : void 0,
+      className: cn(
+        "flex flex-col gap-2 rounded-lg border p-4 transition-colors",
+        archived ? "bg-muted/30" : "hover:bg-muted/40",
+        isClickable && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg",
+                  archived ? "bg-muted" : "bg-primary/10"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    className: cn("h-5 w-5", archived ? "text-muted-foreground" : "text-primary"),
+                    "aria-hidden": true
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              titleTooltip ? /* @__PURE__ */ jsx(Tooltip, { content: titleTooltip, side: "top", align: "start", children: /* @__PURE__ */ jsx("p", { className: "truncate font-medium max-w-full sm:max-w-md", children: title }) }) : /* @__PURE__ */ jsx("p", { className: "truncate font-medium max-w-full sm:max-w-md", children: title }),
+              subtitle && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground max-w-full sm:max-w-md", children: subtitle })
+            ] })
+          ] }),
+          hasActions && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "shrink-0 -mr-1",
+                onClick: (e) => e.stopPropagation(),
+                "aria-label": "Open menu",
+                children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4", "aria-hidden": true })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", sideOffset: 4, onClick: (e) => e.stopPropagation(), children: actions.map((action) => {
+              const ActionIcon = action.icon;
+              return /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  onClick: action.onClick,
+                  className: action.variant === "destructive" ? "text-destructive focus:text-destructive" : void 0,
+                  children: [
+                    /* @__PURE__ */ jsx(ActionIcon, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+                    action.label
+                  ]
+                },
+                action.label
+              );
+            }) })
+          ] })
+        ] }),
+        description && /* @__PURE__ */ jsx(Tooltip, { content: description, side: "top", align: "start", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground overflow-hidden line-clamp-2 [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical]", children: description }) }),
+        children
+      ]
+    }
+  );
+}
+function RouteSuspense({ children, loadingLabel }) {
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PageLoader, { variant: "route", loadingLabel }), children });
+}
+function useDefaultThemeStore() {
+  const [theme, setTheme] = useState("light");
+  return { theme, setTheme };
+}
+var ThemeStoreContext = React.createContext(null);
+function useThemeStoreContext() {
+  return React.useContext(ThemeStoreContext);
+}
+function ThemeProvider({ children, useThemeStore: useThemeStoreProp }) {
+  const useResolvedStore = useThemeStoreProp ?? useDefaultThemeStore;
+  const store = useResolvedStore();
+  useEffect(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    root.classList.add(store.theme);
+  }, [store.theme]);
+  return /* @__PURE__ */ jsx(ThemeStoreContext.Provider, { value: store, children });
+}
+function ThemeToggleWithStore({
+  useThemeStore,
+  ariaLabel
+}) {
+  const { theme, setTheme } = useThemeStore();
+  const toggleTheme = () => setTheme(theme === "dark" ? "light" : "dark");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: toggleTheme,
+      "aria-label": ariaLabel,
+      className: "cursor-pointer",
+      children: theme === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" })
+    }
+  );
+}
+function ThemeToggleWithContext({ ariaLabel }) {
+  const fromContext = useThemeStoreContext();
+  const defaultStore = useDefaultThemeStore();
+  const store = fromContext ?? defaultStore;
+  const toggleTheme = () => store.setTheme(store.theme === "dark" ? "light" : "dark");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: toggleTheme,
+      "aria-label": ariaLabel,
+      className: "cursor-pointer",
+      children: store.theme === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" })
+    }
+  );
+}
+function ThemeToggle({
+  useThemeStore: useThemeStoreProp,
+  ariaLabel = "Toggle theme"
+}) {
+  if (useThemeStoreProp) {
+    return /* @__PURE__ */ jsx(ThemeToggleWithStore, { useThemeStore: useThemeStoreProp, ariaLabel });
+  }
+  return /* @__PURE__ */ jsx(ThemeToggleWithContext, { ariaLabel });
+}
+
+export { AdminDetailPage, AdminListPage, AuditLogListFilters, DateRangeFilter, DetailFieldList, EntityRow, PageLoader, QueryState, RouteSuspense, ThemeProvider, ThemeToggle, createBoundQueryState, useDefaultThemeStore, useThemeStoreContext };
+//# sourceMappingURL=chunk-EVZBADFR.js.map
+//# sourceMappingURL=chunk-EVZBADFR.js.map