@krak-stack/registry 0.1.6 → 0.1.9

package/dist/services/notification/client/index.js

@@ -0,0 +1,1123 @@
+// ../../src/services/notification/client/notification-menu.tsx
+import {
+  Archive,
+  ArchiveRestore,
+  Bell,
+  BellDot,
+  Inbox,
+  TriangleAlert
+} from "lucide-react";
+import { useState } from "react";
+
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+
+// ../../src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../../src/components/ui/badge.tsx
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({
+      className: cn(badgeVariants({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
+// ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      icon: "size-9",
+      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  });
+}
+
+// ../../src/components/ui/empty.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "empty",
+    className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
+    ...props
+  });
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "empty-header",
+    className: cn("flex max-w-sm flex-col items-center gap-2", className),
+    ...props
+  });
+}
+var emptyMediaVariants = cva3("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "empty-icon",
+    "data-variant": variant,
+    className: cn(emptyMediaVariants({ variant, className })),
+    ...props
+  });
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "empty-title",
+    className: cn("text-lg font-medium tracking-tight", className),
+    ...props
+  });
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "empty-description",
+    className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
+}
+
+// ../../src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx3(PopoverPrimitive.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx3(PopoverPrimitive.Popup, {
+        "data-slot": "popover-content",
+        className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props
+      })
+    })
+  });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", {
+    "data-slot": "popover-header",
+    className: cn("flex flex-col gap-1 text-sm", className),
+    ...props
+  });
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Title, {
+    "data-slot": "popover-title",
+    className: cn("font-medium", className),
+    ...props
+  });
+}
+
+// ../../src/components/ui/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+    "data-slot": "scroll-area",
+    className: cn("relative", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx4(ScrollAreaPrimitive.Viewport, {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+        children
+      }),
+      /* @__PURE__ */ jsx4(ScrollBar, {}),
+      /* @__PURE__ */ jsx4(ScrollAreaPrimitive.Corner, {})
+    ]
+  });
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(ScrollAreaPrimitive.Scrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    "data-orientation": orientation,
+    orientation,
+    className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
+    ...props,
+    children: /* @__PURE__ */ jsx4(ScrollAreaPrimitive.Thumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    })
+  });
+}
+
+// ../../src/components/ui/skeleton.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx5("div", {
+    "data-slot": "skeleton",
+    className: cn("animate-pulse rounded-md bg-muted", className),
+    ...props
+  });
+}
+
+// ../../src/components/ui/tabs.tsx
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(TabsPrimitive.Root, {
+    "data-slot": "tabs",
+    "data-orientation": orientation,
+    className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+    ...props
+  });
+}
+var tabsListVariants = cva4("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+  variants: {
+    variant: {
+      default: "bg-muted",
+      line: "gap-1 bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(TabsPrimitive.List, {
+    "data-slot": "tabs-list",
+    "data-variant": variant,
+    className: cn(tabsListVariants({ variant }), className),
+    ...props
+  });
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(TabsPrimitive.Tab, {
+    "data-slot": "tabs-trigger",
+    className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+    ...props
+  });
+}
+
+// ../../src/paraglide/runtime.js
+import"@inlang/paraglide-js/urlpattern-polyfill";
+var baseLocale = "en";
+var locales = ["en", "fr"];
+var cookieName = "locale";
+var cookieMaxAge = 34560000;
+var cookieDomain = "";
+var localStorageKey = "PARAGLIDE_LOCALE";
+var strategy = [
+  "url",
+  "cookie",
+  "preferredLanguage",
+  "baseLocale"
+];
+var routeStrategies = [
+  {
+    match: "/api/:path(.*)?",
+    exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
+  }
+];
+var urlPatterns = [
+  {
+    pattern: "/:path(.*)?",
+    localized: [
+      [
+        "en",
+        "/en/:path(.*)?"
+      ],
+      [
+        "fr",
+        "/fr/:path(.*)?"
+      ]
+    ]
+  }
+];
+var cachedRouteStrategyUrl;
+var cachedRouteStrategy;
+function findMatchingRouteStrategy(url) {
+  if (routeStrategies.length === 0) {
+    return;
+  }
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedRouteStrategyUrl === urlString) {
+    return cachedRouteStrategy;
+  }
+  const urlObject = new URL(urlString, "http://dummy.com");
+  let match;
+  for (const routeStrategy of routeStrategies) {
+    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
+    if (pattern.exec(urlObject.href)) {
+      match = routeStrategy;
+      break;
+    }
+  }
+  cachedRouteStrategyUrl = urlString;
+  cachedRouteStrategy = match;
+  return match;
+}
+function getStrategyForUrl(url) {
+  const routeStrategy = findMatchingRouteStrategy(url);
+  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
+    return routeStrategy.strategy;
+  }
+  return strategy;
+}
+var serverAsyncLocalStorage = undefined;
+var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
+var experimentalStaticLocale = undefined;
+var TREE_SHAKE_COOKIE_STRATEGY_USED = true;
+var TREE_SHAKE_URL_STRATEGY_USED = true;
+var TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = false;
+var TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = true;
+var TREE_SHAKE_DEFAULT_URL_PATTERN_USED = false;
+var TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
+globalThis.__paraglide = globalThis.__paraglide ?? {};
+globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
+var _locale;
+var localeInitiallySet = false;
+var getLocale = () => {
+  if (experimentalStaticLocale !== undefined) {
+    return experimentalStaticLocale;
+  }
+  if (serverAsyncLocalStorage) {
+    const locale = serverAsyncLocalStorage?.getStore()?.locale;
+    if (locale) {
+      return locale;
+    }
+  }
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  const resolved = resolveLocaleWithStrategies(strategyToUse, typeof window !== "undefined" ? window.location?.href : undefined);
+  if (resolved) {
+    if (!localeInitiallySet) {
+      _locale = resolved;
+      localeInitiallySet = true;
+      setLocale(resolved, { reload: false });
+    }
+    return resolved;
+  }
+  throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
+};
+function resolveLocaleWithStrategies(strategyToUse, urlForUrlStrategy) {
+  let locale;
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      locale = extractLocaleFromCookie();
+    } else if (strat === "baseLocale") {
+      locale = baseLocale;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && !isServer && typeof urlForUrlStrategy === "string") {
+      locale = extractLocaleFromUrl(urlForUrlStrategy);
+    } else if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable" && _locale !== undefined) {
+      locale = _locale;
+    } else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED && strat === "preferredLanguage" && !isServer) {
+      locale = extractLocaleFromNavigator();
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && !isServer) {
+      locale = localStorage.getItem(localStorageKey) ?? undefined;
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        const result = handler.getLocale();
+        if (result instanceof Promise) {
+          continue;
+        }
+        if (result !== undefined) {
+          return assertIsLocale(result);
+        }
+      }
+    }
+    const matchedLocale = toLocale(locale);
+    if (matchedLocale) {
+      return matchedLocale;
+    }
+  }
+  return;
+}
+var rtlLanguages = new Set([
+  "ar",
+  "dv",
+  "fa",
+  "he",
+  "ks",
+  "ku",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+var navigateOrReload = (newLocation) => {
+  if (newLocation) {
+    window.location.href = newLocation;
+  } else {
+    window.location.reload();
+  }
+};
+var setLocale = (newLocale, options) => {
+  const optionsWithDefaults = {
+    reload: true,
+    ...options
+  };
+  let currentLocale;
+  try {
+    currentLocale = getLocale();
+  } catch {}
+  const customSetLocalePromises = [];
+  let newLocation = undefined;
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable") {
+      _locale = newLocale;
+    } else if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      if (isServer || typeof document === "undefined" || typeof window === "undefined") {
+        continue;
+      }
+      const cookieString = `${cookieName}=${newLocale}; path=/; max-age=${cookieMaxAge}`;
+      document.cookie = cookieDomain ? `${cookieString}; domain=${cookieDomain}` : cookieString;
+    } else if (strat === "baseLocale") {
+      continue;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && typeof window !== "undefined") {
+      newLocation = localizeUrl(window.location.href, {
+        locale: newLocale
+      }).href;
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && typeof window !== "undefined") {
+      localStorage.setItem(localStorageKey, newLocale);
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        let result = handler.setLocale(newLocale);
+        if (result instanceof Promise) {
+          result = result.catch((error) => {
+            throw new Error(`Custom strategy "${strat}" setLocale failed.`, {
+              cause: error
+            });
+          });
+          customSetLocalePromises.push(result);
+        }
+      }
+    }
+  }
+  const runReload = () => {
+    if (!isServer && optionsWithDefaults.reload && window.location && newLocale !== currentLocale) {
+      navigateOrReload(newLocation);
+    }
+  };
+  if (customSetLocalePromises.length) {
+    return Promise.all(customSetLocalePromises).then(() => {
+      runReload();
+    });
+  }
+  runReload();
+  return;
+};
+var getUrlOrigin = () => {
+  if (serverAsyncLocalStorage) {
+    return serverAsyncLocalStorage.getStore()?.origin ?? "http://fallback.com";
+  } else if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  return "http://fallback.com";
+};
+function toLocale(value) {
+  if (typeof value !== "string") {
+    return;
+  }
+  const lowerValue = value.toLowerCase();
+  for (const locale of locales) {
+    if (locale.toLowerCase() === lowerValue) {
+      return locale;
+    }
+  }
+  return;
+}
+function assertIsLocale(input) {
+  const locale = toLocale(input);
+  if (locale)
+    return locale;
+  throw new Error(`Invalid locale: ${input}. Expected one of: ${locales.join(", ")}`);
+}
+function extractLocaleFromCookie() {
+  if (typeof document === "undefined" || !document.cookie) {
+    return;
+  }
+  const match = document.cookie.match(new RegExp(`(^| )${cookieName}=([^;]+)`));
+  const locale = match?.[2];
+  return toLocale(locale);
+}
+function extractLocaleFromNavigator() {
+  if (!navigator?.languages?.length) {
+    return;
+  }
+  const languages = navigator.languages.map((lang) => ({
+    fullTag: lang,
+    baseTag: lang.split("-")[0]
+  }));
+  for (const lang of languages) {
+    const fullLocale = toLocale(lang.fullTag);
+    if (fullLocale) {
+      return fullLocale;
+    }
+    const baseLocale2 = toLocale(lang.baseTag);
+    if (baseLocale2) {
+      return baseLocale2;
+    }
+  }
+  return;
+}
+var cachedUrl;
+var cachedLocale;
+function extractLocaleFromUrl(url) {
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedUrl === urlString) {
+    return cachedLocale;
+  }
+  let result;
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    result = defaultUrlPatternExtractLocale(url);
+  } else {
+    const urlObj = typeof url === "string" ? new URL(url) : url;
+    for (const element of urlPatterns) {
+      for (const [locale, localizedPattern] of element.localized) {
+        const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+        if (match) {
+          result = locale;
+          break;
+        }
+      }
+      if (result)
+        break;
+    }
+  }
+  cachedUrl = urlString;
+  cachedLocale = result;
+  return result;
+}
+function defaultUrlPatternExtractLocale(url) {
+  const urlObj = new URL(url, "http://dummy.com");
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  return toLocale(pathSegments[0]) || baseLocale;
+}
+function localizeUrl(url, options) {
+  const targetLocale = options?.locale ? assertIsLocale(options?.locale) : getLocale();
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    return localizeUrlDefaultPattern(url, targetLocale);
+  }
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  for (const element of urlPatterns) {
+    for (const [, localizedPattern] of element.localized) {
+      const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+      if (!match) {
+        continue;
+      }
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (!targetPattern) {
+        continue;
+      }
+      const localizedUrl = fillPattern(targetPattern, aggregateGroups(match), urlObj.origin);
+      return fillMissingUrlParts(localizedUrl, match);
+    }
+    const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
+    if (unlocalizedMatch) {
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (targetPattern) {
+        const localizedUrl = fillPattern(targetPattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
+        return fillMissingUrlParts(localizedUrl, unlocalizedMatch);
+      }
+    }
+  }
+  return urlObj;
+}
+function localizeUrlDefaultPattern(url, locale) {
+  const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
+  const currentLocale = extractLocaleFromUrl(urlObj);
+  if (currentLocale === locale) {
+    return urlObj;
+  }
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
+    pathSegments.shift();
+  }
+  if (locale === baseLocale) {
+    urlObj.pathname = "/" + pathSegments.join("/");
+  } else {
+    urlObj.pathname = "/" + locale + "/" + pathSegments.join("/");
+  }
+  return urlObj;
+}
+function fillMissingUrlParts(url, match) {
+  if (match.protocol.groups["0"]) {
+    url.protocol = match.protocol.groups["0"] ?? "";
+  }
+  if (match.hostname.groups["0"]) {
+    url.hostname = match.hostname.groups["0"] ?? "";
+  }
+  if (match.username.groups["0"]) {
+    url.username = match.username.groups["0"] ?? "";
+  }
+  if (match.password.groups["0"]) {
+    url.password = match.password.groups["0"] ?? "";
+  }
+  if (match.port.groups["0"]) {
+    url.port = match.port.groups["0"] ?? "";
+  }
+  if (match.pathname.groups["0"]) {
+    url.pathname = match.pathname.groups["0"] ?? "";
+  }
+  if (match.search.groups["0"]) {
+    url.search = match.search.groups["0"] ?? "";
+  }
+  if (match.hash.groups["0"]) {
+    url.hash = match.hash.groups["0"] ?? "";
+  }
+  return url;
+}
+function fillPattern(pattern, values, origin) {
+  let processedPattern = pattern.replace(/(https?:\/\/[^:/]+):(\d+)(\/|$)/g, (_, protocol, port, slash) => {
+    return `${protocol}#PORT-${port}#${slash}`;
+  });
+  let processedGroupDelimiters = processedPattern.replace(/\{([^{}]*)\}([?+*]?)/g, (_, content, modifier) => {
+    if (modifier === "?") {
+      return content;
+    }
+    return content;
+  });
+  let filled = processedGroupDelimiters.replace(/(\/?):([a-zA-Z0-9_]+)(\([^)]*\))?([?+*]?)/g, (_, slash, name, __, modifier) => {
+    const value = values[name];
+    if (value === null) {
+      return "";
+    }
+    if (modifier === "?") {
+      return value !== undefined ? `${slash}${value}` : "";
+    }
+    if (modifier === "+" || modifier === "*") {
+      if (value === undefined && modifier === "+") {
+        throw new Error(`Missing value for "${name}" (one or more required)`);
+      }
+      return value ? `${slash}${value}` : "";
+    }
+    if (value === undefined) {
+      throw new Error(`Missing value for "${name}"`);
+    }
+    return `${slash}${value}`;
+  });
+  filled = filled.replace(/#PORT-(\d+)#/g, ":$1");
+  return new URL(filled, origin);
+}
+function aggregateGroups(match) {
+  return {
+    ...match.hash.groups,
+    ...match.hostname.groups,
+    ...match.password.groups,
+    ...match.pathname.groups,
+    ...match.port.groups,
+    ...match.protocol.groups,
+    ...match.search.groups,
+    ...match.username.groups
+  };
+}
+var customServerStrategies = new Map;
+var customClientStrategies = new Map;
+function isCustomStrategy(strategy2) {
+  return typeof strategy2 === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy2);
+}
+
+// ../../src/services/notification/client/notification-menu.tsx
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var defaultMessages = {
+  en: {
+    archive: "Archive",
+    archiveAll: "Archive all",
+    archiveItem: (title) => `Archive ${title}`,
+    archived: "Archived",
+    emptyArchiveDescription: "Notifications you archive will appear here.",
+    emptyArchiveTitle: "No archived notifications",
+    emptyInboxDescription: "You are all caught up.",
+    emptyInboxTitle: "No new notifications",
+    errorDescription: "Refresh the page and try again.",
+    errorTitle: "Notifications could not be loaded",
+    inbox: "Inbox",
+    loading: "Loading notifications",
+    notifications: "Notifications",
+    unread: (count) => `${count} unread ${count === 1 ? "notification" : "notifications"}`
+  },
+  fr: {
+    archive: "Archiver",
+    archiveAll: "Tout archiver",
+    archiveItem: (title) => `Archiver ${title}`,
+    archived: "Archivées",
+    emptyArchiveDescription: "Les notifications que vous archivez apparaîtront ici.",
+    emptyArchiveTitle: "Aucune notification archivée",
+    emptyInboxDescription: "Vous êtes à jour.",
+    emptyInboxTitle: "Aucune nouvelle notification",
+    errorDescription: "Actualisez la page et réessayez.",
+    errorTitle: "Impossible de charger les notifications",
+    inbox: "Boîte de réception",
+    loading: "Chargement des notifications",
+    notifications: "Notifications",
+    unread: (count) => `${count} notification${count === 1 ? "" : "s"} non lue${count === 1 ? "" : "s"}`
+  }
+};
+var notificationMenuMessages = (locale = getLocale(), overrides) => ({
+  ...locale.startsWith("fr") ? defaultMessages.fr : defaultMessages.en,
+  ...overrides
+});
+function NotificationMenu({
+  className,
+  defaultOpen = false,
+  error = false,
+  isLoading = false,
+  locale = getLocale(),
+  markReadOnOpen = true,
+  messages: messageOverrides,
+  notifications,
+  onArchive,
+  onMarkRead,
+  onNavigate,
+  onOpenChange,
+  open: controlledOpen,
+  renderItem,
+  renderTrigger
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const [tab, setTab] = useState("inbox");
+  const open = controlledOpen ?? uncontrolledOpen;
+  const labels = notificationMenuMessages(locale, messageOverrides);
+  const inbox = notifications.filter((notification) => !notification.archivedAt);
+  const archive = notifications.filter((notification) => notification.archivedAt);
+  const unreadIds = inbox.filter((notification) => !notification.readAt).map((notification) => notification.id);
+  const triggerState = {
+    archivedCount: archive.length,
+    open,
+    unreadCount: unreadIds.length
+  };
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === undefined)
+      setUncontrolledOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+    if (nextOpen && markReadOnOpen && unreadIds.length > 0) {
+      onMarkRead?.(unreadIds);
+    }
+  };
+  return /* @__PURE__ */ jsxs2(Popover, {
+    open,
+    onOpenChange: handleOpenChange,
+    children: [
+      renderTrigger ? /* @__PURE__ */ jsx7(PopoverTrigger, {
+        render: renderTrigger(triggerState)
+      }) : /* @__PURE__ */ jsx7(NotificationMenuTrigger, {
+        labels,
+        unreadCount: unreadIds.length
+      }),
+      /* @__PURE__ */ jsxs2(PopoverContent, {
+        align: "end",
+        className: cn("max-h-[min(32rem,80svh)] w-96 max-w-[calc(100vw-1rem)] gap-0 p-0", className),
+        children: [
+          /* @__PURE__ */ jsx7(PopoverHeader, {
+            className: "border-b px-4 py-3",
+            children: /* @__PURE__ */ jsx7(PopoverTitle, {
+              children: labels.notifications
+            })
+          }),
+          /* @__PURE__ */ jsxs2(Tabs, {
+            value: tab,
+            onValueChange: (value) => setTab(value === "archive" ? "archive" : "inbox"),
+            className: "min-h-0 gap-0",
+            children: [
+              /* @__PURE__ */ jsxs2("div", {
+                className: "flex items-center gap-2 border-b p-2",
+                children: [
+                  /* @__PURE__ */ jsxs2(TabsList, {
+                    className: "grid flex-1 grid-cols-2",
+                    children: [
+                      /* @__PURE__ */ jsxs2(TabsTrigger, {
+                        value: "inbox",
+                        children: [
+                          /* @__PURE__ */ jsx7(Inbox, {
+                            "data-icon": "inline-start"
+                          }),
+                          labels.inbox,
+                          inbox.length > 0 ? /* @__PURE__ */ jsx7(Badge, {
+                            variant: "secondary",
+                            children: inbox.length
+                          }) : null
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs2(TabsTrigger, {
+                        value: "archive",
+                        children: [
+                          /* @__PURE__ */ jsx7(ArchiveRestore, {
+                            "data-icon": "inline-start"
+                          }),
+                          labels.archived
+                        ]
+                      })
+                    ]
+                  }),
+                  tab === "inbox" && inbox.length > 0 && onArchive ? /* @__PURE__ */ jsx7(ArchiveButton, {
+                    label: labels.archiveAll,
+                    notificationIds: inbox.map((notification) => notification.id),
+                    onArchive
+                  }) : null
+                ]
+              }),
+              /* @__PURE__ */ jsx7(NotificationList, {
+                error,
+                isLoading,
+                labels,
+                locale,
+                notifications: tab === "inbox" ? inbox : archive,
+                onArchive: tab === "inbox" ? onArchive : undefined,
+                onNavigate,
+                renderItem,
+                tab
+              }, tab)
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+function NotificationMenuTrigger({
+  labels = notificationMenuMessages(),
+  unreadCount
+}) {
+  return /* @__PURE__ */ jsxs2(PopoverTrigger, {
+    "aria-label": unreadCount > 0 ? `${labels.notifications}, ${labels.unread(unreadCount)}` : labels.notifications,
+    className: cn(buttonVariants({ variant: "outline", size: "icon" }), "relative rounded-full"),
+    type: "button",
+    children: [
+      /* @__PURE__ */ jsx7(Bell, {}),
+      unreadCount > 0 ? /* @__PURE__ */ jsx7(Badge, {
+        "aria-hidden": "true",
+        className: "absolute -top-1 -right-1 min-w-5 px-1 tabular-nums",
+        children: unreadCount > 99 ? "99+" : unreadCount
+      }) : null
+    ]
+  });
+}
+function NotificationList({
+  error,
+  isLoading,
+  labels,
+  locale,
+  notifications,
+  onArchive,
+  onNavigate,
+  renderItem,
+  tab
+}) {
+  if (isLoading)
+    return /* @__PURE__ */ jsx7(NotificationListLoading, {
+      label: labels.loading
+    });
+  if (error) {
+    return /* @__PURE__ */ jsx7(NotificationEmpty, {
+      description: labels.errorDescription,
+      icon: /* @__PURE__ */ jsx7(TriangleAlert, {}),
+      title: labels.errorTitle
+    });
+  }
+  if (notifications.length === 0) {
+    return /* @__PURE__ */ jsx7(NotificationEmpty, {
+      description: tab === "inbox" ? labels.emptyInboxDescription : labels.emptyArchiveDescription,
+      icon: tab === "inbox" ? /* @__PURE__ */ jsx7(BellDot, {}) : /* @__PURE__ */ jsx7(Archive, {}),
+      title: tab === "inbox" ? labels.emptyInboxTitle : labels.emptyArchiveTitle
+    });
+  }
+  return /* @__PURE__ */ jsx7(ScrollArea, {
+    className: "h-[min(24rem,60svh)]",
+    children: /* @__PURE__ */ jsx7("div", {
+      className: "flex flex-col gap-1 p-2",
+      children: notifications.map((notification) => /* @__PURE__ */ jsx7(NotificationListItem, {
+        labels,
+        locale,
+        notification,
+        onArchive,
+        onNavigate,
+        renderItem
+      }, notification.id))
+    })
+  });
+}
+function NotificationListItem({
+  labels,
+  locale,
+  notification,
+  onArchive,
+  onNavigate,
+  renderItem
+}) {
+  const unread = !notification.readAt && !notification.archivedAt;
+  const selectNotification = () => {
+    if (onNavigate) {
+      onNavigate(notification);
+      return;
+    }
+    if (notification.href && typeof window !== "undefined") {
+      window.location.assign(notification.href);
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", {
+    className: cn("group flex min-w-0 items-start gap-1 rounded-lg", unread && "bg-muted/70"),
+    "data-unread": unread || undefined,
+    children: [
+      /* @__PURE__ */ jsx7(Button, {
+        className: "h-auto min-w-0 flex-1 justify-start px-3 py-2.5 text-left whitespace-normal",
+        disabled: !notification.href && !onNavigate,
+        onClick: selectNotification,
+        type: "button",
+        variant: "ghost",
+        children: renderItem?.(notification) ?? /* @__PURE__ */ jsxs2("span", {
+          className: "flex min-w-0 flex-1 flex-col gap-1",
+          children: [
+            /* @__PURE__ */ jsxs2("span", {
+              className: "flex min-w-0 items-start gap-2",
+              children: [
+                unread ? /* @__PURE__ */ jsx7("span", {
+                  "aria-hidden": "true",
+                  className: "bg-primary mt-1.5 size-2 shrink-0 rounded-full"
+                }) : null,
+                /* @__PURE__ */ jsx7("span", {
+                  className: "min-w-0 flex-1 font-medium",
+                  children: notification.title
+                })
+              ]
+            }),
+            notification.description ? /* @__PURE__ */ jsx7("span", {
+              className: "text-muted-foreground line-clamp-2 text-xs font-normal",
+              children: notification.description
+            }) : null,
+            notification.timestampLabel || notification.createdAt ? /* @__PURE__ */ jsx7("span", {
+              className: "text-muted-foreground text-xs font-normal",
+              children: notification.timestampLabel ?? formatNotificationDate(notification.createdAt, locale)
+            }) : null
+          ]
+        })
+      }),
+      !notification.archivedAt && onArchive ? /* @__PURE__ */ jsx7(ArchiveButton, {
+        className: "mt-2 mr-2 shrink-0",
+        label: labels.archiveItem(notificationTitle(notification)),
+        notificationIds: [notification.id],
+        onArchive
+      }) : null
+    ]
+  });
+}
+function NotificationEmpty({
+  description,
+  icon,
+  title
+}) {
+  return /* @__PURE__ */ jsx7(Empty, {
+    className: "min-h-48 p-6",
+    children: /* @__PURE__ */ jsxs2(EmptyHeader, {
+      children: [
+        /* @__PURE__ */ jsx7(EmptyMedia, {
+          variant: "icon",
+          children: icon
+        }),
+        /* @__PURE__ */ jsx7(EmptyTitle, {
+          className: "text-base",
+          children: title
+        }),
+        /* @__PURE__ */ jsx7(EmptyDescription, {
+          children: description
+        })
+      ]
+    })
+  });
+}
+function ArchiveButton({
+  className,
+  label,
+  notificationIds,
+  onArchive
+}) {
+  const [pending, setPending] = useState(false);
+  const archiveNotifications = async () => {
+    setPending(true);
+    try {
+      await onArchive(notificationIds);
+    } finally {
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ jsx7(Button, {
+    "aria-label": label,
+    className,
+    disabled: pending,
+    onClick: () => void archiveNotifications(),
+    size: "icon-sm",
+    title: label,
+    type: "button",
+    variant: "ghost",
+    children: /* @__PURE__ */ jsx7(Archive, {})
+  });
+}
+function NotificationListLoading({ label }) {
+  return /* @__PURE__ */ jsx7("div", {
+    "aria-label": label,
+    className: "flex flex-col gap-2 p-3",
+    role: "status",
+    children: [0, 1, 2].map((item) => /* @__PURE__ */ jsxs2("div", {
+      className: "flex items-center gap-3 p-2",
+      children: [
+        /* @__PURE__ */ jsx7(Skeleton, {
+          className: "size-2 shrink-0 rounded-full"
+        }),
+        /* @__PURE__ */ jsxs2("div", {
+          className: "flex flex-1 flex-col gap-2",
+          children: [
+            /* @__PURE__ */ jsx7(Skeleton, {
+              className: "h-4 w-4/5"
+            }),
+            /* @__PURE__ */ jsx7(Skeleton, {
+              className: "h-3 w-2/5"
+            })
+          ]
+        })
+      ]
+    }, item))
+  });
+}
+var formatNotificationDate = (value, locale) => {
+  if (!value)
+    return;
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime()))
+    return;
+  return new Intl.DateTimeFormat(locale, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+};
+var notificationTitle = (notification) => typeof notification.title === "string" ? notification.title : defaultMessages.en.notifications;
+export {
+  notificationMenuMessages,
+  NotificationMenuTrigger,
+  NotificationMenu,
+  NotificationListItem,
+  NotificationList,
+  NotificationEmpty
+};