@krak-stack/registry 0.1.0

package/dist/components/ui/data-table.js

@@ -0,0 +1,3594 @@
+// ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+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/button.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("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__ */ jsxDEV(ButtonPrimitive, {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/virtualized-combobox.tsx
+import { Combobox as ComboboxPrimitive } from "@base-ui/react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Check, ChevronsUpDown } from "lucide-react";
+import {
+  useCallback,
+  useImperativeHandle,
+  useRef
+} from "react";
+
+// ../../src/components/ui/input-group.tsx
+import { cva as cva2 } from "class-variance-authority";
+
+// ../../src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(InputPrimitive, {
+    type,
+    "data-slot": "input",
+    className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/textarea.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+
+// ../../src/components/ui/input-group.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    "data-slot": "input-group",
+    role: "group",
+    className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupAddonVariants = cva2("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+  variants: {
+    align: {
+      "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+      "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+      "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+      "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+    }
+  },
+  defaultVariants: { align: "inline-start" }
+});
+var inputGroupButtonVariants = cva2("flex items-center gap-2 text-sm shadow-none", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: { size: "xs" }
+});
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4(Input, {
+    "data-slot": "input-group-control",
+    className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../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
+  }
+];
+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/components/ui/virtualized-combobox.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+"use client";
+var messages = {
+  en: {
+    search: "Search...",
+    selected: (count) => `${count} selected`,
+    selectMore: "Select more"
+  },
+  fr: {
+    search: "Rechercher...",
+    selected: (count) => `${count} sélectionnés`,
+    selectMore: "Sélectionner davantage"
+  }
+};
+var virtualizedComboboxMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages.fr : messages.en,
+  ...overrides
+});
+var optionEquals = (item, selected) => item.value === selected.value;
+var VirtualizedComboboxList = ({
+  emptyLabel,
+  groupSelections,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const filteredItems = ComboboxPrimitive.useFilteredItems();
+  const labels = virtualizedComboboxMessages(messageOverrides);
+  const entries = filteredItems.flatMap((item, index) => {
+    if (!groupSelections)
+      return [{ kind: "item", item, index }];
+    const selected = selectedValues.has(item.value);
+    const previous = filteredItems[index - 1];
+    const startsGroup = index === 0 || selectedValues.has(previous?.value ?? "") !== selected;
+    const itemEntry = { kind: "item", item, index };
+    return startsGroup ? [
+      {
+        kind: "group",
+        key: selected ? "selected" : "available",
+        label: selected ? labels.selected(selectedValues.size) : labels.selectMore
+      },
+      itemEntry
+    ] : [itemEntry];
+  });
+  const scrollRef = useRef(null);
+  const virtualizer = useVirtualizer({
+    count: entries.length,
+    getScrollElement: () => scrollRef.current,
+    getItemKey: (index) => {
+      const entry = entries[index];
+      return entry?.kind === "group" ? `group-${entry.key}` : entry?.item.value ?? index;
+    },
+    estimateSize: () => 36,
+    overscan: 8
+  });
+  useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
+  const handleScrollElementRef = useCallback((element) => {
+    scrollRef.current = element;
+    if (element)
+      virtualizer.measure();
+  }, [virtualizer]);
+  if (filteredItems.length === 0) {
+    return /* @__PURE__ */ jsxDEV5("div", {
+      className: "text-muted-foreground py-6 text-center text-sm",
+      children: emptyLabel
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.List, {
+    className: "scroll-py-1 overflow-auto overscroll-contain p-1",
+    ref: handleScrollElementRef,
+    style: {
+      height: Math.min(virtualizer.getTotalSize() + 8, 288),
+      maxHeight: "var(--available-height)"
+    },
+    children: /* @__PURE__ */ jsxDEV5("div", {
+      className: "relative w-full",
+      role: "presentation",
+      style: { height: virtualizer.getTotalSize() },
+      children: virtualizer.getVirtualItems().map((virtualItem) => {
+        const entry = entries[virtualItem.index];
+        if (!entry)
+          return null;
+        const style = {
+          height: virtualItem.size,
+          transform: `translateY(${virtualItem.start}px)`
+        };
+        if (entry.kind === "group") {
+          return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Group, {
+            className: "contents",
+            children: /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.GroupLabel, {
+              className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+              "data-index": virtualItem.index,
+              ref: virtualizer.measureElement,
+              style,
+              children: entry.label
+            }, undefined, false, undefined, this)
+          }, entry.key, false, undefined, this);
+        }
+        return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Item, {
+          "aria-posinset": entry.index + 1,
+          "aria-setsize": filteredItems.length,
+          className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
+          "data-index": virtualItem.index,
+          index: entry.index,
+          ref: virtualizer.measureElement,
+          style,
+          value: entry.item,
+          children: [
+            renderItem?.(entry.item) ?? /* @__PURE__ */ jsxDEV5("span", {
+              className: "min-w-0 truncate",
+              children: entry.item.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.ItemIndicator, {
+              className: "absolute right-2 flex size-4 items-center justify-center",
+              children: /* @__PURE__ */ jsxDEV5(Check, {}, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, entry.item.value, true, undefined, this);
+      })
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var VirtualizedComboboxContent = ({
+  contentClassName,
+  emptyLabel,
+  groupSelections,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const labels = virtualizedComboboxMessages(messageOverrides);
+  return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Positioner, {
+      align: "start",
+      className: "isolate z-50",
+      side: "bottom",
+      sideOffset: 6,
+      children: /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Popup, {
+        className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-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-in-95", contentClassName),
+        children: [
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "min-w-0 p-1 pb-0",
+            children: /* @__PURE__ */ jsxDEV5(InputGroup, {
+              className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
+              children: /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Input, {
+                placeholder: labels.search,
+                render: /* @__PURE__ */ jsxDEV5(InputGroupInput, {}, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5(VirtualizedComboboxList, {
+            emptyLabel,
+            groupSelections,
+            messages: messageOverrides,
+            renderItem,
+            selectedValues,
+            virtualizerRef
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxDEV5(Button, {
+  "aria-label": ariaLabel,
+  "aria-invalid": ariaInvalid,
+  className: "w-full max-w-full min-w-0 justify-between overflow-hidden",
+  disabled,
+  id: triggerId,
+  type: "button",
+  variant: "outline",
+  children: [
+    /* @__PURE__ */ jsxDEV5("span", {
+      className: "min-w-0 truncate text-left",
+      children: label
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV5(ChevronsUpDown, {
+      className: "text-muted-foreground shrink-0 opacity-70"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var selectedLabel = (value, placeholder) => {
+  if (Array.isArray(value)) {
+    return value.length > 0 ? value.map(({ label }) => label).join(", ") : placeholder;
+  }
+  return value && "label" in value ? value.label : placeholder;
+};
+var useComboboxVirtualizerRef = (providedRef) => {
+  const localRef = useRef(null);
+  return providedRef ?? localRef;
+};
+var VirtualizedComboboxSingle = (props) => {
+  const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Root, {
+    disabled: props.disabled,
+    inputValue: props.searchValue,
+    items: [...props.items],
+    itemToStringLabel: (item) => item.label,
+    isItemEqualToValue: optionEquals,
+    onInputValueChange: (value) => props.onSearchValueChange?.(value),
+    onItemHighlighted: (_, { index, reason }) => {
+      if (reason === "keyboard" && index >= 0) {
+        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: props.value,
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Trigger, {
+        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5(VirtualizedComboboxContent, {
+        ...props,
+        groupSelections: false,
+        selectedValues: new Set(props.value ? [props.value.value] : []),
+        virtualizerRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var VirtualizedComboboxMultiple = (props) => {
+  const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  return /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Root, {
+    disabled: props.disabled,
+    inputValue: props.searchValue,
+    items: [...props.items],
+    itemToStringLabel: (item) => item.label,
+    isItemEqualToValue: optionEquals,
+    multiple: true,
+    onInputValueChange: (value) => props.onSearchValueChange?.(value),
+    onItemHighlighted: (_, { index, reason }) => {
+      if (reason === "keyboard" && index >= 0) {
+        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: [...props.value],
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxDEV5(ComboboxPrimitive.Trigger, {
+        render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5(VirtualizedComboboxContent, {
+        ...props,
+        groupSelections: true,
+        selectedValues: new Set(props.value.map(({ value }) => value)),
+        virtualizerRef
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+function VirtualizedCombobox(props) {
+  return props.multiple ? /* @__PURE__ */ jsxDEV5(VirtualizedComboboxMultiple, {
+    ...props
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV5(VirtualizedComboboxSingle, {
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/dropdown-menu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { ChevronRightIcon, CheckIcon } from "lucide-react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuContent({
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV6(MenuPrimitive.Positioner, {
+      className: "isolate z-50 outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsxDEV6(MenuPrimitive.Popup, {
+        "data-slot": "dropdown-menu-content",
+        className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none 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:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.GroupLabel, {
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.SubmenuRoot, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.SubmenuTrigger, {
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV6(ChevronRightIcon, {
+        className: "ml-auto"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuSubContent({
+  align = "start",
+  alignOffset = -3,
+  side = "right",
+  sideOffset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(DropdownMenuContent, {
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-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),
+    align,
+    alignOffset,
+    side,
+    sideOffset,
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.CheckboxItem, {
+    "data-slot": "dropdown-menu-checkbox-item",
+    "data-inset": inset,
+    className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV6("span", {
+        className: "pointer-events-none absolute right-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-checkbox-item-indicator",
+        children: /* @__PURE__ */ jsxDEV6(MenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV6(CheckIcon, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.RadioItem, {
+    "data-slot": "dropdown-menu-radio-item",
+    "data-inset": inset,
+    className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV6("span", {
+        className: "pointer-events-none absolute right-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-radio-item-indicator",
+        children: /* @__PURE__ */ jsxDEV6(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV6(CheckIcon, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(MenuPrimitive.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/pagination.tsx
+import {
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight
+} from "lucide-react";
+import { useId } from "react";
+
+// ../../src/components/ui/label.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+"use client";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV7("label", {
+    "data-slot": "label",
+    className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { ChevronDownIcon, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+"use client";
+var Select = SelectPrimitive.Root;
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.Value, {
+    "data-slot": "select-value",
+    className: cn("flex flex-1 text-left", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 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", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV8(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsxDEV8(ChevronDownIcon, {
+          className: "text-muted-foreground pointer-events-none size-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV8(SelectPrimitive.Positioner, {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV8(SelectPrimitive.Popup, {
+        "data-slot": "select-content",
+        "data-align-trigger": alignItemWithTrigger,
+        className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none 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,
+        children: [
+          /* @__PURE__ */ jsxDEV8(SelectScrollUpButton, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8(SelectPrimitive.List, {
+            children
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8(SelectScrollDownButton, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.Item, {
+    "data-slot": "select-item",
+    className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV8(SelectPrimitive.ItemText, {
+        className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+        children
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsxDEV8("span", {
+          className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
+        }, undefined, false, undefined, this),
+        children: /* @__PURE__ */ jsxDEV8(CheckIcon2, {
+          className: "pointer-events-none"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.ScrollUpArrow, {
+    "data-slot": "select-scroll-up-button",
+    className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV8(ChevronUpIcon, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8(SelectPrimitive.ScrollDownArrow, {
+    "data-slot": "select-scroll-down-button",
+    className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV8(ChevronDownIcon, {}, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/pagination.tsx
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+var messages2 = {
+  en: {
+    pageSize: "Page size",
+    results: (count) => `${count} results`,
+    selectedOf: (selected, total) => `${selected} of ${total}`,
+    pageOf: (page, total) => `Page ${page} of ${total}`,
+    goToFirstPage: "Go to first page",
+    goToPreviousPage: "Go to previous page",
+    goToNextPage: "Go to next page",
+    goToLastPage: "Go to last page"
+  },
+  fr: {
+    pageSize: "Taille de la page",
+    results: (count) => `${count} résultats`,
+    selectedOf: (selected, total) => `${selected} sur ${total}`,
+    pageOf: (page, total) => `Page ${page} sur ${total}`,
+    goToFirstPage: "Aller à la première page",
+    goToPreviousPage: "Aller à la page précédente",
+    goToNextPage: "Aller à la page suivante",
+    goToLastPage: "Aller à la dernière page"
+  }
+};
+var paginationMessages = (locale = getLocale(), overrides) => ({
+  ...locale.startsWith("fr") ? messages2.fr : messages2.en,
+  ...overrides
+});
+function Pagination({
+  compact = false,
+  messages: messageOverrides,
+  onPageChange,
+  onPageSizeChange,
+  page,
+  pageCount,
+  pageSize,
+  pageSizes = [10, 20, 30, 40, 50],
+  selectedRows = 0,
+  showResults = true,
+  totalRows
+}) {
+  const labels = paginationMessages(getLocale(), messageOverrides);
+  const pageSizeId = useId();
+  const canGoBack = page > 0;
+  const canGoForward = page + 1 < pageCount;
+  return /* @__PURE__ */ jsxDEV9("div", {
+    className: cn("flex flex-col gap-3 px-2 sm:flex-row sm:items-center sm:justify-between", compact && "gap-2 px-0 sm:flex-col sm:items-stretch"),
+    children: [
+      showResults ? /* @__PURE__ */ jsxDEV9("div", {
+        className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",
+        children: [
+          /* @__PURE__ */ jsxDEV9("span", {
+            children: labels.results(totalRows)
+          }, undefined, false, undefined, this),
+          selectedRows > 0 ? /* @__PURE__ */ jsxDEV9("span", {
+            children: labels.selectedOf(selectedRows, totalRows)
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: cn("flex items-center gap-4 sm:justify-end", compact && "flex-wrap justify-between gap-2 sm:justify-between"),
+        children: [
+          /* @__PURE__ */ jsxDEV9("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV9(Label, {
+                htmlFor: pageSizeId,
+                className: cn("hidden text-sm sm:block", compact && "block"),
+                children: labels.pageSize
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV9(Select, {
+                items: pageSizes.map((size) => ({
+                  label: size.toString(),
+                  value: size.toString()
+                })),
+                value: `${pageSize}`,
+                onValueChange: (value) => onPageSizeChange(Number(value)),
+                children: [
+                  /* @__PURE__ */ jsxDEV9(SelectTrigger, {
+                    className: "h-8 w-[70px]",
+                    id: pageSizeId,
+                    children: /* @__PURE__ */ jsxDEV9(SelectValue, {
+                      placeholder: pageSize
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV9(SelectContent, {
+                    side: "top",
+                    children: pageSizes.map((size) => /* @__PURE__ */ jsxDEV9(SelectItem, {
+                      value: `${size}`,
+                      children: size
+                    }, size, false, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV9("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV9("div", {
+                className: "flex items-center justify-center text-sm font-medium sm:block",
+                children: labels.pageOf(page + 1, pageCount)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV9("div", {
+                className: "flex items-center gap-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV9(Button, {
+                    className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
+                    disabled: !canGoBack,
+                    onClick: () => onPageChange(0),
+                    type: "button",
+                    children: [
+                      /* @__PURE__ */ jsxDEV9("span", {
+                        className: "sr-only",
+                        children: labels.goToFirstPage
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV9(ChevronsLeft, {}, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV9(Button, {
+                    className: "h-8 w-8 p-0",
+                    disabled: !canGoBack,
+                    onClick: () => onPageChange(page - 1),
+                    type: "button",
+                    children: [
+                      /* @__PURE__ */ jsxDEV9("span", {
+                        className: "sr-only",
+                        children: labels.goToPreviousPage
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV9(ChevronLeft, {}, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV9(Button, {
+                    className: "h-8 w-8 p-0",
+                    disabled: !canGoForward,
+                    onClick: () => onPageChange(page + 1),
+                    type: "button",
+                    children: [
+                      /* @__PURE__ */ jsxDEV9("span", {
+                        className: "sr-only",
+                        children: labels.goToNextPage
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV9(ChevronRight, {}, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV9(Button, {
+                    className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
+                    disabled: !canGoForward,
+                    onClick: () => onPageChange(pageCount - 1),
+                    type: "button",
+                    children: [
+                      /* @__PURE__ */ jsxDEV9("span", {
+                        className: "sr-only",
+                        children: labels.goToLastPage
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV9(ChevronsRight, {}, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// ../../src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsxDEV10(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV10(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV10(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV10(PopoverPrimitive.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV10(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
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV11(ScrollAreaPrimitive.Root, {
+    "data-slot": "scroll-area",
+    className: cn("relative", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV11(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
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV11(ScrollBar, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV11(ScrollAreaPrimitive.Corner, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV11(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__ */ jsxDEV11(ScrollAreaPrimitive.Thumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/table.tsx
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto",
+    children: /* @__PURE__ */ jsxDEV12("table", {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("thead", {
+    "data-slot": "table-header",
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("tbody", {
+    "data-slot": "table-body",
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("tr", {
+    "data-slot": "table-row",
+    className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("th", {
+    "data-slot": "table-head",
+    className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("td", {
+    "data-slot": "table-cell",
+    className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+"use client";
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delay,
+    ...props
+  }, undefined, false, undefined, this);
+}
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Popup, {
+        "data-slot": "tooltip-content",
+        className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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,
+        children: [
+          children,
+          /* @__PURE__ */ jsxDEV13(TooltipPrimitive.Arrow, {
+            className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/lib/query.ts
+import {
+  Effect,
+  Option,
+  Schema,
+  SchemaIssue,
+  SchemaTransformation
+} from "effect";
+var parseSortParam = (sort) => {
+  const id = sort.startsWith("-") ? sort.slice(1) : sort;
+  if (!id || id.includes(",") || id.includes(":")) {
+    return null;
+  }
+  return { id, direction: sort.startsWith("-") ? "desc" : "asc" };
+};
+var SortDirection = Schema.Union([
+  Schema.Literal("asc"),
+  Schema.Literal("desc")
+]).pipe(Schema.annotate({
+  identifier: "SortDirection",
+  title: "Sort Direction",
+  description: "Sort direction for list query results.",
+  examples: ["asc", "desc"]
+}));
+var SortParam = Schema.Struct({
+  id: Schema.NonEmptyString,
+  direction: SortDirection
+}).pipe(Schema.annotate({
+  identifier: "SortParam",
+  title: "Sort Parameter",
+  description: "Decoded sort parameter with a field id and direction.",
+  examples: [{ id: "publicName", direction: "asc" }]
+}));
+var SortParamFromString = Schema.String.pipe(Schema.decodeTo(SortParam, SchemaTransformation.transformOrFail({
+  decode: (sort) => {
+    const sortParam = parseSortParam(sort);
+    if (!sortParam) {
+      return Effect.fail(new SchemaIssue.InvalidValue(Option.some(sort), {
+        message: 'Expected sort in the format "field" or "-field"'
+      }));
+    }
+    return Effect.succeed(sortParam);
+  },
+  encode: (sort) => Effect.succeed(sort.direction === "desc" ? `-${sort.id}` : sort.id)
+})), Schema.annotate({
+  identifier: "SortParamFromString",
+  title: "Sort Parameter From String",
+  description: 'URL encoded single sort parameter where descending fields are prefixed with "-".',
+  examples: [{ id: "publicName", direction: "asc" }]
+}));
+var SortParamsFromString = Schema.String.pipe(Schema.decodeTo(Schema.Array(SortParam), SchemaTransformation.transformOrFail({
+  decode: (sort) => {
+    const parts = sort.split(",");
+    const sortParams = [];
+    for (const part of parts) {
+      const sortParam = parseSortParam(part);
+      if (!sortParam) {
+        return Effect.fail(new SchemaIssue.InvalidValue(Option.some(sort), {
+          message: 'Expected sort in the format "field,-otherField"'
+        }));
+      }
+      sortParams.push(sortParam);
+    }
+    return Effect.succeed(sortParams);
+  },
+  encode: (sort) => Effect.succeed(sort.map((part) => Schema.encodeSync(SortParamFromString)(part)).join(","))
+})), Schema.annotate({
+  identifier: "SortParamsFromString",
+  title: "Sort Parameters From String",
+  description: 'URL encoded sort parameters where descending fields are prefixed with "-" and multiple fields are comma-separated.',
+  examples: [
+    [
+      { id: "name", direction: "desc" },
+      { id: "age", direction: "asc" }
+    ]
+  ]
+}));
+var SortParamSearch = SortParamsFromString.pipe(Schema.decodeTo(Schema.String, SchemaTransformation.transform({
+  decode: (sort) => Schema.encodeSync(SortParamsFromString)(sort),
+  encode: (sort) => Schema.decodeUnknownSync(SortParamsFromString)(sort)
+})), Schema.annotate({
+  identifier: "SortParamSearch",
+  title: "Sort Search Parameter",
+  description: 'Search parameter sort value normalized to the compact "-field,otherField" URL format.',
+  examples: ["-name,age"]
+}));
+var Query = Schema.Struct({
+  page: Schema.Int.check(Schema.isGreaterThanOrEqualTo(0)),
+  pageSize: Schema.Int.check(Schema.isBetween({ minimum: 1, maximum: 100 })),
+  globalFilter: Schema.optional(Schema.String),
+  sort: Schema.optional(SortParamSearch)
+}).annotate({
+  identifier: "Query",
+  title: "Query",
+  description: "Zero-based page request parameters with optional filtering and sorting for list endpoints.",
+  examples: [
+    {
+      page: 0,
+      pageSize: 10,
+      globalFilter: "housing",
+      sort: "-publicName,createdAt"
+    }
+  ]
+});
+var PaginationMeta = Schema.Struct({
+  page: Schema.Int,
+  pageSize: Schema.Int,
+  total: Schema.Int,
+  pageCount: Schema.Int
+}).pipe(Schema.annotate({
+  identifier: "PaginationMeta",
+  title: "Pagination Metadata",
+  description: "Pagination metadata returned with a paginated list response.",
+  examples: [{ page: 0, pageSize: 10, total: 125, pageCount: 13 }]
+}));
+
+// ../../src/components/ui/data-table.tsx
+import {
+  DndContext,
+  DragOverlay,
+  PointerSensor,
+  useDraggable,
+  useDroppable,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  SortableContext,
+  useSortable,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import {
+  useNavigate,
+  useRouterState
+} from "@tanstack/react-router";
+import { useAtom } from "@effect/atom-react";
+import { BrowserKeyValueStore } from "@effect/platform-browser";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import {
+  ArrowDown,
+  ArrowUp,
+  ChevronDown,
+  ChevronRight as ChevronRight2,
+  ChevronsUpDown as ChevronsUpDown2,
+  Download,
+  EyeOff,
+  FileJson,
+  FileText,
+  GripVertical,
+  LayoutGrid,
+  MoreHorizontal,
+  RefreshCw,
+  Rows3,
+  Search,
+  Settings2,
+  X
+} from "lucide-react";
+import {
+  useEffect,
+  useMemo,
+  useState,
+  createContext
+} from "react";
+import { Effect as Effect2, Layer, Schema as Schema2 } from "effect";
+import { KeyValueStore } from "effect/unstable/persistence";
+import { Atom } from "effect/unstable/reactivity";
+
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva as cva3 } from "class-variance-authority";
+var badgeVariants = cva3("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/card.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card",
+    "data-size": size,
+    className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card-header",
+    className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card-title",
+    className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card-action",
+    className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV14("div", {
+    "data-slot": "card-content",
+    className: cn("px-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/loading.tsx
+import { Loader2 } from "lucide-react";
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+var labels = {
+  en: {
+    loading: "Loading..."
+  },
+  fr: {
+    loading: "Chargement..."
+  }
+};
+var loadingLabel = () => getLocale().startsWith("fr") ? labels.fr.loading : labels.en.loading;
+function Loading({
+  className,
+  label,
+  variant = "inline"
+}) {
+  return /* @__PURE__ */ jsxDEV15("div", {
+    className: cn("text-muted-foreground flex items-center justify-center gap-2 text-sm", variant === "centered" && "min-h-[50svh] w-full", className),
+    children: [
+      /* @__PURE__ */ jsxDEV15(Loader2, {
+        className: "size-4 animate-spin"
+      }, undefined, false, undefined, this),
+      label ?? loadingLabel()
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// ../../src/components/ui/data-table.tsx
+import { jsxDEV as jsxDEV16, Fragment } from "react/jsx-dev-runtime";
+var DataTableViewContext = createContext("table");
+var TableSearchSchema = Schema2.Struct({
+  page: Schema2.optional(Query.fields.page),
+  pageSize: Schema2.optional(Query.fields.pageSize),
+  globalFilter: Query.fields.globalFilter,
+  sort: Query.fields.sort,
+  grouping: Schema2.optional(Schema2.Array(Schema2.String))
+});
+var TableSearchSchemaStandard = Schema2.toStandardSchemaV1(TableSearchSchema);
+var compactDataTableStorage = Layer.effect(KeyValueStore.KeyValueStore, Effect2.map(KeyValueStore.KeyValueStore, (store) => KeyValueStore.make({
+  clear: store.clear,
+  get: (key) => Effect2.flatMap(store.get(key), (value) => value === "{}" ? Effect2.as(store.remove(key), undefined) : Effect2.succeed(value)),
+  getUint8Array: store.getUint8Array,
+  remove: store.remove,
+  set: (key, value) => value === "{}" ? store.remove(key) : store.set(key, value),
+  size: store.size
+}))).pipe(Layer.provide(BrowserKeyValueStore.layerLocalStorage));
+var dataTableStorageRuntime = Atom.runtime(compactDataTableStorage);
+var DataTableViewSchema = Schema2.Union([
+  Schema2.Literal("table"),
+  Schema2.Literal("gallery")
+]);
+var ColumnVisibilitySchema = Schema2.Record(Schema2.String, Schema2.Boolean);
+var ColumnSizingSchema = Schema2.Record(Schema2.String, Schema2.Number);
+var messages3 = {
+  en: {
+    ...paginationMessages("en"),
+    actions: "Actions",
+    empty: "No results.",
+    loading: "Loading...",
+    filter: "Filter results...",
+    export: "Export",
+    exportCsv: "CSV",
+    exportJson: "JSON",
+    refresh: "Refresh",
+    view: "View",
+    tableView: "Table",
+    galleryView: "Gallery",
+    columns: "Columns",
+    groupBy: "Group by",
+    sortAsc: "Asc",
+    sortDesc: "Desc",
+    sortHide: "Hide",
+    sortClear: "Clear",
+    sortBy: "Sort by",
+    reorder: "Drag to reorder",
+    resizeColumn: (column) => `Resize ${column} column`,
+    listOthers: (count) => count === 1 ? "and 1 other" : `and ${count} others`
+  },
+  fr: {
+    ...paginationMessages("fr"),
+    actions: "Actions",
+    empty: "Aucun résultat.",
+    loading: "Chargement...",
+    filter: "Filtrer les résultats...",
+    export: "Exporter",
+    exportCsv: "CSV",
+    exportJson: "JSON",
+    refresh: "Rafraîchir",
+    view: "Affichage",
+    tableView: "Tableau",
+    galleryView: "Galerie",
+    columns: "Colonnes",
+    groupBy: "Grouper par",
+    sortAsc: "Croissant",
+    sortDesc: "Décroissant",
+    sortHide: "Cacher",
+    sortClear: "Effacer",
+    sortBy: "Trier par",
+    reorder: "Glisser pour réordonner",
+    resizeColumn: (column) => `Redimensionner la colonne ${column}`,
+    listOthers: (count) => count === 1 ? "et 1 autre" : `et ${count} autres`
+  }
+};
+var dataTableMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages3.fr : messages3.en,
+  ...overrides
+});
+var GROUP_INDENT_PX = 20;
+var GROUP_ROW_INDENT_OFFSET_PX = 44;
+var snapDragOverlayVerticalCenterToCursor = ({
+  activatorEvent,
+  activeNodeRect,
+  overlayNodeRect,
+  transform
+}) => {
+  if (!(activatorEvent instanceof MouseEvent) || !activeNodeRect || !overlayNodeRect) {
+    return transform;
+  }
+  return {
+    ...transform,
+    y: transform.y + activatorEvent.clientY - activeNodeRect.top - overlayNodeRect.height / 2
+  };
+};
+var getDefaultGrouping = (grouping) => {
+  if (!grouping) {
+    return [];
+  }
+  const validInitial = grouping.initial?.filter((id) => grouping.fields.some((field) => field.id === id));
+  if (validInitial?.length) {
+    return validInitial;
+  }
+  return grouping.fields[0] ? [grouping.fields[0].id] : [];
+};
+var getGroupTargetDropId = (key) => `group-target:${key}`;
+var getRowDragId = (rowId) => `row:${rowId}`;
+var getSortableRowId = (rowId) => `sortable-row:${rowId}`;
+var DataTableRowActions = ({
+  actions,
+  contentClassName,
+  row,
+  title
+}) => {
+  const resolvedTitle = title ?? dataTableMessages().actions;
+  const visibleActions = actions.filter((action) => !action.visible || action.visible(row));
+  if (visibleActions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+        onClick: (event) => event.stopPropagation(),
+        render: /* @__PURE__ */ jsxDEV16(Button, {
+          className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
+          variant: "ghost",
+          size: "icon",
+          children: [
+            /* @__PURE__ */ jsxDEV16("span", {
+              className: "sr-only",
+              children: resolvedTitle
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(MoreHorizontal, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+        align: "end",
+        className: cn("w-max", contentClassName),
+        children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+              children: resolvedTitle
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+            visibleActions.map((action) => /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+              className: "whitespace-nowrap",
+              onClick: (event) => {
+                event.stopPropagation();
+                action.onClick(row);
+              },
+              ...action.variant ? { variant: action.variant } : {},
+              children: [
+                action.icon,
+                action.name
+              ]
+            }, action.id ?? action.name, true, undefined, this))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var buildGroupedSections = (rows, fields, depth = 0, parentKey = "") => {
+  if (fields.length === 0) {
+    return [];
+  }
+  const [field, ...remainingFields] = fields;
+  const groups = new Map;
+  field.getGroupIds?.().forEach((groupId) => {
+    groups.set(groupId, []);
+  });
+  rows.forEach((row) => {
+    const groupIds = field.getRowGroupIds?.(row.original) ?? [
+      field.getGroupId(row.original)
+    ];
+    for (const groupId of groupIds) {
+      const currentRows = groups.get(groupId) ?? [];
+      currentRows.push(row);
+      groups.set(groupId, currentRows);
+    }
+  });
+  return Array.from(groups.entries()).map(([groupId, groupRows]) => {
+    const key = parentKey ? `${parentKey}::${field.id}:${groupId}` : `${field.id}:${groupId}`;
+    return {
+      key,
+      groupId,
+      depth,
+      field,
+      rows: groupRows,
+      children: groupRows.length > 0 ? buildGroupedSections(groupRows, remainingFields, depth + 1, key) : []
+    };
+  });
+};
+var GroupHeaderRow = ({
+  collapsed,
+  colSpan,
+  onToggle,
+  section
+}) => {
+  const label = section.field.getGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? section.groupId;
+  const renderedLabel = section.field.renderGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? label;
+  return /* @__PURE__ */ jsxDEV16(TableRow, {
+    children: /* @__PURE__ */ jsxDEV16(TableCell, {
+      className: "relative p-0",
+      colSpan,
+      onClick: onToggle,
+      children: /* @__PURE__ */ jsxDEV16("div", {
+        className: "flex cursor-pointer items-center gap-3 px-2 py-2 font-medium transition-colors",
+        style: {
+          paddingLeft: `calc(0.5rem + ${section.depth * GROUP_INDENT_PX}px)`
+        },
+        children: [
+          collapsed ? /* @__PURE__ */ jsxDEV16(ChevronRight2, {
+            className: "size-4"
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ChevronDown, {
+            className: "size-4"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("div", {
+            className: "min-w-0 flex-1 text-left",
+            children: renderedLabel
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Badge, {
+            variant: "secondary",
+            className: "ml-auto",
+            children: section.rows.length
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16(DataTableGroupActions, {
+            actions: section.field.actions,
+            groupId: section.groupId,
+            title: section.field.actionsTitle
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var GroupTableSection = ({
+  children,
+  section
+}) => {
+  const { isOver, setNodeRef } = useDroppable({
+    id: getGroupTargetDropId(section.key),
+    disabled: !section.field.onMoveToGroup,
+    data: {
+      type: "group-target",
+      fieldId: section.field.id,
+      groupId: section.groupId
+    }
+  });
+  return /* @__PURE__ */ jsxDEV16(TableBody, {
+    className: cn("relative px-2", isOver && "ring-primary ring-1 ring-inset"),
+    ref: setNodeRef,
+    children
+  }, undefined, false, undefined, this);
+};
+var GroupHeaderCard = ({
+  collapsed,
+  onToggle,
+  section
+}) => {
+  const { isOver, setNodeRef } = useDroppable({
+    id: getGroupTargetDropId(section.key),
+    disabled: !section.field.onMoveToGroup,
+    data: {
+      type: "group-target",
+      fieldId: section.field.id,
+      groupId: section.groupId
+    }
+  });
+  const label = section.field.getGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? section.groupId;
+  const renderedLabel = section.field.renderGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? label;
+  return /* @__PURE__ */ jsxDEV16("div", {
+    className: cn("flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left font-medium transition-colors", isOver && "outline outline-primary"),
+    ref: setNodeRef,
+    children: [
+      /* @__PURE__ */ jsxDEV16("button", {
+        className: "flex min-w-0 flex-1 items-center gap-3 text-left",
+        onClick: onToggle,
+        type: "button",
+        children: [
+          collapsed ? /* @__PURE__ */ jsxDEV16(ChevronRight2, {
+            className: "size-4"
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ChevronDown, {
+            className: "size-4"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16("div", {
+            className: "min-w-0 flex-1",
+            children: renderedLabel
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Badge, {
+            variant: "secondary",
+            className: "ml-auto",
+            children: section.rows.length
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DataTableGroupActions, {
+        actions: section.field.actions,
+        groupId: section.groupId,
+        title: section.field.actionsTitle
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var DataTableGroupActions = ({
+  actions,
+  groupId,
+  title
+}) => {
+  const visibleActions = actions?.filter((action) => !action.visible || action.visible(groupId));
+  if (!visibleActions?.length)
+    return null;
+  return /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+        onClick: (event) => event.stopPropagation(),
+        render: /* @__PURE__ */ jsxDEV16(Button, {
+          className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
+          size: "icon",
+          variant: "ghost",
+          children: [
+            /* @__PURE__ */ jsxDEV16("span", {
+              className: "sr-only",
+              children: title
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(MoreHorizontal, {}, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+        align: "end",
+        className: "w-max",
+        children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+              children: title
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+            visibleActions.map((action) => /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+              className: "whitespace-nowrap",
+              onClick: (event) => {
+                event.stopPropagation();
+                action.onClick(groupId);
+              },
+              ...action.variant ? { variant: action.variant } : {},
+              children: [
+                action.icon,
+                action.name
+              ]
+            }, action.name, true, undefined, this))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var DataTableRow = ({
+  canDrag,
+  canReorder,
+  dragLabel,
+  indentDepth = 0,
+  reorderHandleLabel,
+  onRowClick,
+  row,
+  rowActions,
+  rowActionsLabel
+}) => {
+  const sortable = useSortable({
+    id: getSortableRowId(row.id),
+    disabled: !canReorder,
+    data: {
+      type: "row-reorder",
+      row: row.original,
+      label: dragLabel
+    }
+  });
+  const draggable = useDraggable({
+    id: getRowDragId(row.id),
+    disabled: !canDrag || canReorder,
+    data: {
+      type: "row",
+      row: row.original,
+      label: dragLabel
+    }
+  });
+  const attributes = canReorder ? sortable.attributes : draggable.attributes;
+  const listeners = canReorder ? sortable.listeners : draggable.listeners;
+  const isDragging = canReorder ? sortable.isDragging : draggable.isDragging;
+  const setRowNodeRef = canReorder ? sortable.setNodeRef : draggable.setNodeRef;
+  const transform = canReorder ? CSS.Transform.toString(sortable.transform) : undefined;
+  const firstCellIndent = indentDepth > 0 ? `calc(0.5rem + ${(indentDepth - 1) * GROUP_INDENT_PX + GROUP_ROW_INDENT_OFFSET_PX}px)` : undefined;
+  const rowAttributes = canReorder ? onRowClick ? { role: "button", tabIndex: 0 } : {} : onRowClick ? { ...attributes, role: "button", tabIndex: 0 } : attributes;
+  const visibleCells = row.getVisibleCells();
+  return /* @__PURE__ */ jsxDEV16(TableRow, {
+    className: cn("h-16 focus-visible:outline-ring focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid", onRowClick && "cursor-pointer", isDragging && "opacity-50"),
+    "data-state": row.getIsSelected() && "selected",
+    onClick: () => {
+      if (onRowClick) {
+        onRowClick(row.original);
+      }
+    },
+    onKeyDown: (event) => {
+      if (!onRowClick || event.key !== "Enter" && event.key !== " ") {
+        return;
+      }
+      event.preventDefault();
+      onRowClick(row.original);
+    },
+    ref: setRowNodeRef,
+    style: {
+      transform,
+      transition: sortable.transition
+    },
+    ...rowAttributes,
+    ...!canReorder ? listeners : {},
+    children: [
+      canReorder ? /* @__PURE__ */ jsxDEV16(TableCell, {
+        className: "w-10 min-w-10 pr-0",
+        children: /* @__PURE__ */ jsxDEV16(Button, {
+          "aria-label": reorderHandleLabel,
+          className: "size-8 cursor-grab active:cursor-grabbing",
+          onClick: (event) => event.stopPropagation(),
+          size: "icon",
+          type: "button",
+          variant: "ghost",
+          ...attributes,
+          ...listeners,
+          children: /* @__PURE__ */ jsxDEV16(GripVertical, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      visibleCells.map((cell, index) => {
+        const isLastCell = index === visibleCells.length - 1;
+        return /* @__PURE__ */ jsxDEV16(TableCell, {
+          className: cn("align-center min-w-32 overflow-hidden [&:has([data-slot=relationship-cell])]:relative [&:has([data-slot=relationship-cell])]:p-0 [&:has([data-slot=relationship-cell])>div]:absolute [&:has([data-slot=relationship-cell])>div]:inset-0", cell.column.columnDef.meta?.truncate ? "whitespace-nowrap" : "whitespace-normal", rowActions && isLastCell && "min-w-40 pr-12 [&:has([data-slot=relationship-cell])]:pr-0 [&:has([data-slot=relationship-cell])>div]:mr-11"),
+          style: index === 0 && firstCellIndent ? {
+            paddingLeft: firstCellIndent,
+            width: cell.column.getSize()
+          } : { width: cell.column.getSize() },
+          children: /* @__PURE__ */ jsxDEV16("div", {
+            className: cn("w-full max-w-full min-w-0 overflow-hidden break-words [&:has([data-slot=list-summary])]:line-clamp-none", cell.column.columnDef.meta?.truncate ? "truncate" : "line-clamp-3"),
+            children: flexRender(cell.column.columnDef.cell, cell.getContext())
+          }, undefined, false, undefined, this)
+        }, cell.id, false, undefined, this);
+      }),
+      rowActions ? /* @__PURE__ */ jsxDEV16(TableCell, {
+        className: "sticky right-0 z-20 w-0 min-w-0 overflow-visible p-0",
+        children: /* @__PURE__ */ jsxDEV16("div", {
+          className: "bg-background/95 absolute top-1/2 right-2 -translate-y-1/2 rounded-md shadow-sm backdrop-blur",
+          children: /* @__PURE__ */ jsxDEV16(DataTableRowActions, {
+            actions: rowActions,
+            row: row.original,
+            title: rowActionsLabel
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this) : null
+    ]
+  }, row.id, true, undefined, this);
+};
+var DataTableGalleryCard = ({
+  canDrag,
+  dragLabel,
+  gallery,
+  onRowClick,
+  row,
+  rowActions,
+  rowActionsLabel,
+  table
+}) => {
+  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
+    id: getRowDragId(row.id),
+    disabled: !canDrag,
+    data: {
+      type: "row",
+      row: row.original,
+      label: dragLabel
+    }
+  });
+  const nameCell = gallery ? row.getVisibleCells().find((cell) => cell.column.id === gallery.name) : null;
+  const descriptionCell = gallery?.description ? row.getVisibleCells().find((cell) => cell.column.id === gallery.description) : null;
+  const tagCell = gallery?.tag ? row.getVisibleCells().find((cell) => cell.column.id === gallery.tag) : null;
+  if (gallery) {
+    const tagValue = gallery.tag ? row.getValue(gallery.tag) : null;
+    const tagLabel = tagValue === null || tagValue === undefined ? null : String(tagValue);
+    return /* @__PURE__ */ jsxDEV16(Card, {
+      className: cn("relative mx-auto w-full max-w-sm transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
+      "data-state": row.getIsSelected() && "selected",
+      onClick: () => {
+        if (onRowClick) {
+          onRowClick(row.original);
+        }
+      },
+      ref: setNodeRef,
+      ...attributes,
+      ...listeners,
+      children: [
+        rowActions ? /* @__PURE__ */ jsxDEV16("div", {
+          className: "absolute top-4 right-4 z-10",
+          onClick: (event) => event.stopPropagation(),
+          children: /* @__PURE__ */ jsxDEV16(DataTableRowActions, {
+            actions: rowActions,
+            row: row.original,
+            title: rowActionsLabel
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this) : null,
+        /* @__PURE__ */ jsxDEV16(CardHeader, {
+          className: cn(rowActions && "pr-14"),
+          children: [
+            tagCell && tagLabel ? /* @__PURE__ */ jsxDEV16(Badge, {
+              variant: "secondary",
+              className: "mb-1 w-fit gap-1",
+              children: [
+                gallery.tagIcon,
+                tagLabel
+              ]
+            }, undefined, true, undefined, this) : null,
+            nameCell ? /* @__PURE__ */ jsxDEV16(CardTitle, {
+              className: "min-w-0 text-base",
+              children: flexRender(nameCell.column.columnDef.cell, nameCell.getContext())
+            }, undefined, false, undefined, this) : null,
+            descriptionCell ? /* @__PURE__ */ jsxDEV16(CardDescription, {
+              className: "line-clamp-2 min-w-0",
+              children: flexRender(descriptionCell.column.columnDef.cell, descriptionCell.getContext())
+            }, undefined, false, undefined, this) : null
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  const contentCells = row.getVisibleCells();
+  return /* @__PURE__ */ jsxDEV16(Card, {
+    className: cn("gap-3 transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
+    "data-state": row.getIsSelected() && "selected",
+    onClick: () => {
+      if (onRowClick) {
+        onRowClick(row.original);
+      }
+    },
+    ref: setNodeRef,
+    ...attributes,
+    ...listeners,
+    children: [
+      /* @__PURE__ */ jsxDEV16(CardHeader, {
+        children: [
+          rowActions ? /* @__PURE__ */ jsxDEV16(CardAction, {
+            onClick: (event) => event.stopPropagation(),
+            children: /* @__PURE__ */ jsxDEV16(DataTableRowActions, {
+              actions: rowActions,
+              row: row.original,
+              title: rowActionsLabel
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : null,
+          contentCells.length > 0 && /* @__PURE__ */ jsxDEV16("div", {
+            className: "grid min-w-0 gap-3",
+            children: [
+              /* @__PURE__ */ jsxDEV16(CardDescription, {
+                className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+                children: getColumnDisplayName(table, contentCells[0].column.id)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV16(CardTitle, {
+                className: "text-base",
+                children: flexRender(contentCells[0].column.columnDef.cell, contentCells[0].getContext())
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      contentCells.length > 1 && /* @__PURE__ */ jsxDEV16(CardContent, {
+        className: "grid gap-3",
+        children: contentCells.slice(1).map((cell) => /* @__PURE__ */ jsxDEV16("div", {
+          className: "grid gap-1",
+          children: [
+            /* @__PURE__ */ jsxDEV16("div", {
+              className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+              children: getColumnDisplayName(table, cell.column.id)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16("div", {
+              className: "min-w-0 text-sm",
+              children: flexRender(cell.column.columnDef.cell, cell.getContext())
+            }, undefined, false, undefined, this)
+          ]
+        }, cell.id, true, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var extractTextFromElement = (element) => {
+  if (typeof element === "string")
+    return element;
+  if (typeof element === "number")
+    return String(element);
+  if (!element || typeof element !== "object")
+    return null;
+  const props = element.props;
+  if (!props)
+    return null;
+  if (typeof props.title === "string")
+    return props.title;
+  return extractTextFromElement(props.children);
+};
+var getHeaderName = (header) => {
+  const columnDef = header.column.columnDef;
+  if (typeof columnDef.header === "function") {
+    const headerContext = columnDef.header(header.getContext());
+    if (typeof headerContext === "string") {
+      return headerContext;
+    }
+    return extractTextFromElement(headerContext) ?? header.id;
+  }
+  return String(columnDef.header ?? header.id);
+};
+var getHeaderNames = (headers) => headers.map((header) => getHeaderName(header));
+var getColumnDisplayName = (table, columnId) => {
+  const header = table.getFlatHeaders().find((currentHeader) => currentHeader.column.id === columnId);
+  return header ? getHeaderName(header) : columnId;
+};
+var renderHeader = (header) => {
+  if (header.isPlaceholder)
+    return null;
+  const content = flexRender(header.column.columnDef.header, header.getContext());
+  return typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsxDEV16("div", {
+    className: "flex h-12 items-center px-2 text-sm",
+    children: content
+  }, undefined, false, undefined, this) : content;
+};
+var withFileExtension = (fileName, extension) => {
+  const normalizedExtension = extension.startsWith(".") ? extension : `.${extension}`;
+  return fileName.includes(".") ? fileName.replace(/\.[^/.]+$/, normalizedExtension) : `${fileName}${normalizedExtension}`;
+};
+var escapeCsvValue = (value) => {
+  if (value === null || value === undefined)
+    return "";
+  const stringValue = String(value);
+  if (stringValue.includes(",") || stringValue.includes('"') || stringValue.includes(`
+`)) {
+    return `"${stringValue.replace(/"/g, '""')}"`;
+  }
+  return stringValue;
+};
+var downloadCsv = (headers, data, fileName = "data.csv") => {
+  const csvContent = [headers, ...data].map((row) => row.map(escapeCsvValue).join(",")).join(`
+`);
+  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const link = document.createElement("a");
+  const url = window.URL.createObjectURL(blob);
+  link.href = url;
+  link.setAttribute("download", withFileExtension(fileName, "csv"));
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  requestAnimationFrame(() => window.URL.revokeObjectURL(url));
+};
+var downloadJson = (data, fileName = "data.json") => {
+  const jsonContent = JSON.stringify(data, null, 2);
+  const blob = new Blob([jsonContent], {
+    type: "application/json;charset=utf-8;"
+  });
+  const link = document.createElement("a");
+  const url = window.URL.createObjectURL(blob);
+  link.href = url;
+  link.setAttribute("download", withFileExtension(fileName, "json"));
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+  requestAnimationFrame(() => window.URL.revokeObjectURL(url));
+};
+var exportTableToCsv = (table, rows, fileName = "data.csv") => {
+  const exportableColumns = table.getVisibleLeafColumns();
+  const headerNames = exportableColumns.map((column) => getColumnDisplayName(table, column.id));
+  const data = rows.map((row) => exportableColumns.map((column) => {
+    const value = row.getValue(column.id);
+    return value === null || value === undefined ? "" : String(value);
+  }));
+  downloadCsv(headerNames, data, fileName);
+};
+var exportTableToJson = (table, rows, fileName = "data.json") => {
+  const exportableColumns = table.getVisibleLeafColumns();
+  const data = rows.map((row) => Object.fromEntries(exportableColumns.map((column) => [column.id, row.getValue(column.id)])));
+  downloadJson(data, fileName);
+};
+function DataTable({
+  columns,
+  data,
+  state,
+  search: controlledSearch,
+  onSearchChange,
+  searchState = "url",
+  emptyLabel,
+  messages: messages4,
+  exportFileName,
+  isLoading: legacyIsLoading,
+  onRefresh,
+  onRowClick,
+  from,
+  routeFrom,
+  grouping,
+  gallery,
+  rowActions: legacyRowActions,
+  reordering,
+  serverPagination,
+  features
+}) {
+  const labels2 = dataTableMessages(messages4);
+  const isLoading = state?.loading ?? legacyIsLoading ?? false;
+  const emptyContent = state?.error ?? state?.empty ?? emptyLabel ?? labels2.empty;
+  const paginationFeature = features?.pagination ?? (serverPagination ? { mode: "server", rowCount: serverPagination.rowCount } : { mode: "client" });
+  const exportFeature = features?.export ?? (exportFileName ? { baseName: exportFileName, scope: "currentPage" } : false);
+  const exportBaseName = exportFeature ? exportFeature.baseName : "table";
+  const galleryConfig = features?.gallery === false ? undefined : features?.gallery ?? gallery;
+  const rowActionsFeature = features?.rowActions === false ? undefined : features?.rowActions ?? (legacyRowActions?.length ? {
+    items: legacyRowActions.map((action) => ({
+      ...action,
+      id: action.id ?? action.name
+    }))
+  } : undefined);
+  const rowActions = rowActionsFeature?.items.length ? rowActionsFeature.items : undefined;
+  const rowActionsLabel = rowActionsFeature?.label ?? labels2.actions;
+  const showPagination = paginationFeature !== false;
+  const pageSizes = paginationFeature ? paginationFeature.pageSizes : undefined;
+  const showSearch = features?.search ?? true;
+  const showExport = exportFeature !== false;
+  const columnVisibilityFeature = features?.columnVisibility ?? true;
+  const showColumnVisibility = columnVisibilityFeature !== false;
+  const defaultColumnVisibility = typeof columnVisibilityFeature === "object" ? columnVisibilityFeature.default : undefined;
+  const showGallery = !!galleryConfig;
+  const showSorting = features?.sorting ?? true;
+  const isServerMode = paginationFeature !== false && paginationFeature.mode === "server";
+  const serverRowCount = isServerMode ? paginationFeature.rowCount : undefined;
+  const location = useRouterState({
+    select: (state2) => state2.location
+  });
+  const search = location.search;
+  const pathname = location.pathname;
+  const resolvedRouteFrom = routeFrom ?? from;
+  const [storagePath] = useState(() => resolvedRouteFrom ?? pathname);
+  const navigate = useNavigate(resolvedRouteFrom ? { from: resolvedRouteFrom } : undefined);
+  const [localSearch, setLocalSearch] = useState({
+    globalFilter: ""
+  });
+  const tableSearch = controlledSearch ?? (searchState === "local" ? localSearch : search);
+  const {
+    page = 0,
+    pageSize = 10,
+    sort,
+    globalFilter = "",
+    grouping: urlGrouping
+  } = tableSearch ?? {};
+  const pagination = { pageIndex: page, pageSize };
+  const decodedSort = sort ? Schema2.decodeSync(SortParamsFromString)(sort) : [];
+  const sorting = decodedSort.map((sortParam) => ({
+    id: sortParam.id,
+    desc: sortParam.direction === "desc"
+  }));
+  const tableStorageId = useMemo(() => {
+    const columnIds = columns.map((column, index) => {
+      if ("id" in column && typeof column.id === "string") {
+        return column.id;
+      }
+      if ("accessorKey" in column && typeof column.accessorKey === "string") {
+        return column.accessorKey;
+      }
+      return String(index);
+    }).join(",");
+    return `${storagePath}:${columnIds}`;
+  }, [columns, storagePath]);
+  const columnVisibilityAtom = useMemo(() => Atom.kvs({
+    runtime: dataTableStorageRuntime,
+    key: `data-table:column-visibility:${tableStorageId}`,
+    schema: ColumnVisibilitySchema,
+    defaultValue: () => defaultColumnVisibility ?? {}
+  }), [defaultColumnVisibility, tableStorageId]);
+  const columnSizingAtom = useMemo(() => Atom.kvs({
+    runtime: dataTableStorageRuntime,
+    key: `data-table:column-sizing:${tableStorageId}`,
+    schema: ColumnSizingSchema,
+    defaultValue: () => ({})
+  }), [tableStorageId]);
+  const viewAtom = useMemo(() => Atom.kvs({
+    runtime: dataTableStorageRuntime,
+    key: `data-table:view:${tableStorageId}`,
+    schema: DataTableViewSchema,
+    defaultValue: () => "table"
+  }), [tableStorageId]);
+  const [columnVisibility, setColumnVisibility] = useAtom(columnVisibilityAtom);
+  const [columnSizing, setColumnSizing] = useAtom(columnSizingAtom);
+  const [storedView, setStoredView] = useAtom(viewAtom);
+  const currentView = showGallery ? storedView : "table";
+  const isGalleryView = currentView === "gallery";
+  const hasToolbar = Boolean(showSearch || grouping?.fields.length || showSorting || showGallery || showColumnVisibility || onRefresh || showExport);
+  const [rowSelection, setRowSelection] = useState({});
+  const [collapsedGroups, setCollapsedGroups] = useState({});
+  const [activeDragLabel, setActiveDragLabel] = useState(null);
+  const [refreshSpinCount, setRefreshSpinCount] = useState(0);
+  const [searchInput, setSearchInput] = useState(globalFilter);
+  const availableGroupFieldIds = grouping?.fields.map((field) => field.id) ?? [];
+  const activeGrouping = urlGrouping?.filter((groupId) => availableGroupFieldIds.includes(groupId)) ?? getDefaultGrouping(grouping);
+  const sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      distance: 8
+    }
+  }));
+  const updateTableSearch = (updater, options) => {
+    if (controlledSearch || onSearchChange || searchState === "local") {
+      const nextSearch = updater(controlledSearch ?? localSearch ?? {});
+      if (onSearchChange) {
+        onSearchChange(nextSearch);
+      } else {
+        setLocalSearch(nextSearch);
+      }
+      return;
+    }
+    navigate({
+      to: ".",
+      replace: options?.replace ?? false,
+      resetScroll: false,
+      search: (current) => updater(current ?? {})
+    });
+  };
+  const table = useReactTable({
+    data,
+    columns,
+    defaultColumn: {
+      minSize: 128,
+      size: 224,
+      maxSize: 640
+    },
+    columnResizeMode: "onChange",
+    enableColumnResizing: true,
+    onColumnSizingChange: (updater) => {
+      const nextColumnSizing = typeof updater === "function" ? updater(columnSizing) : updater;
+      setColumnSizing(nextColumnSizing);
+    },
+    ...reordering ? { getRowId: reordering.getRowId } : {},
+    onPaginationChange: (updater) => {
+      const newPagination = typeof updater === "function" ? updater(pagination) : updater;
+      if (pagination.pageIndex === newPagination.pageIndex && pagination.pageSize === newPagination.pageSize) {
+        return;
+      }
+      updateTableSearch((current) => ({
+        ...current,
+        page: newPagination.pageIndex,
+        pageSize: newPagination.pageSize
+      }));
+    },
+    onSortingChange: (updater) => {
+      const newSorting = typeof updater === "function" ? updater([...sorting]) : updater;
+      if (sorting.length === newSorting.length && sorting.every((sortState, i) => sortState.id === newSorting[i]?.id && sortState.desc === newSorting[i]?.desc)) {
+        return;
+      }
+      const nextSort = newSorting.length ? Schema2.encodeSync(SortParamsFromString)(newSorting.map((sortState) => ({
+        id: sortState.id,
+        direction: sortState.desc ? "desc" : "asc"
+      }))) : undefined;
+      updateTableSearch((current) => ({
+        ...current,
+        sort: nextSort,
+        page: 0
+      }));
+    },
+    getCoreRowModel: getCoreRowModel(),
+    onGlobalFilterChange: (updater) => {
+      const newGlobalFilter = typeof updater === "function" ? updater(globalFilter) : updater;
+      if (globalFilter === newGlobalFilter) {
+        return;
+      }
+      updateTableSearch((current) => ({
+        ...current,
+        page: 0,
+        globalFilter: newGlobalFilter
+      }), { replace: true });
+    },
+    ...isServerMode ? { manualSorting: true } : {},
+    ...!isServerMode ? { getSortedRowModel: getSortedRowModel() } : {},
+    ...isServerMode ? { manualFiltering: true } : {},
+    ...!isServerMode ? { getFilteredRowModel: getFilteredRowModel() } : {},
+    ...paginationFeature !== false && paginationFeature.mode === "server" ? { manualPagination: true, rowCount: paginationFeature.rowCount } : paginationFeature === false ? {} : { getPaginationRowModel: getPaginationRowModel() },
+    autoResetPageIndex: false,
+    onColumnVisibilityChange: (updater) => {
+      const nextColumnVisibility = typeof updater === "function" ? updater(columnVisibility) : updater;
+      setColumnVisibility(nextColumnVisibility);
+    },
+    onRowSelectionChange: setRowSelection,
+    state: {
+      sorting,
+      pagination,
+      globalFilter,
+      columnVisibility,
+      columnSizing,
+      rowSelection
+    }
+  });
+  useEffect(() => {
+    setSearchInput(globalFilter);
+  }, [globalFilter]);
+  const activeGroupingFields = useMemo(() => activeGrouping.map((groupId) => grouping?.fields.find((field) => field.id === groupId)).filter((field) => !!field), [activeGrouping, grouping]);
+  const hasActiveGrouping = activeGroupingFields.length > 0;
+  const filteredRows = table.getPrePaginationRowModel().rows;
+  const exportRows = exportFeature && exportFeature.scope === "filteredRows" ? filteredRows : table.getRowModel().rows;
+  const bodyRows = hasActiveGrouping ? filteredRows : table.getRowModel().rows;
+  const sortableRowIds = bodyRows.map((row) => getSortableRowId(row.id));
+  const groupedSections = useMemo(() => buildGroupedSections(bodyRows, activeGroupingFields), [activeGroupingFields, bodyRows]);
+  const canReorderRows = Boolean(reordering) && !hasActiveGrouping;
+  const colSpan = Math.max(table.getVisibleLeafColumns().length, 1) + (rowActions ? 1 : 0) + (canReorderRows ? 1 : 0);
+  const canDragRows = activeGroupingFields.some((field) => !!field.onMoveToGroup);
+  const hasExportableRows = exportRows.length > 0;
+  const addGroupingField = (fieldId) => {
+    if (activeGrouping.includes(fieldId))
+      return;
+    updateTableSearch((current) => ({
+      ...current,
+      grouping: [...activeGrouping, fieldId]
+    }));
+  };
+  const removeGroupingField = (fieldId) => {
+    updateTableSearch((current) => ({
+      ...current,
+      grouping: activeGrouping.filter((currentId) => currentId !== fieldId)
+    }));
+  };
+  const toggleGroupingField = (fieldId, enabled) => {
+    if (enabled) {
+      addGroupingField(fieldId);
+      return;
+    }
+    removeGroupingField(fieldId);
+  };
+  const toggleGroup = (groupKey) => {
+    setCollapsedGroups((current) => ({
+      ...current,
+      [groupKey]: !current[groupKey]
+    }));
+  };
+  const setView = (nextView) => {
+    if (nextView === currentView) {
+      return;
+    }
+    setStoredView(nextView);
+  };
+  const renderLoadingState = () => /* @__PURE__ */ jsxDEV16(Loading, {
+    label: labels2.loading
+  }, undefined, false, undefined, this);
+  const renderEmptyContent = () => state?.error ?? (isLoading ? renderLoadingState() : emptyContent);
+  const renderTableEmptyState = () => /* @__PURE__ */ jsxDEV16(TableRow, {
+    children: /* @__PURE__ */ jsxDEV16(TableCell, {
+      className: "h-24 text-center",
+      colSpan,
+      children: renderEmptyContent()
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  const renderGalleryEmptyState = (message) => /* @__PURE__ */ jsxDEV16("div", {
+    className: "text-muted-foreground rounded-xl border border-dashed px-4 py-10 text-center text-sm",
+    children: message ?? renderEmptyContent()
+  }, undefined, false, undefined, this);
+  const renderGalleryRows = (rows, canDrag) => /* @__PURE__ */ jsxDEV16("div", {
+    className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+    children: rows.map((row) => /* @__PURE__ */ jsxDEV16(DataTableGalleryCard, {
+      canDrag,
+      dragLabel: grouping?.getRowLabel?.(row.original),
+      gallery: galleryConfig,
+      onRowClick,
+      row,
+      rowActions,
+      rowActionsLabel,
+      table
+    }, row.id, false, undefined, this))
+  }, undefined, false, undefined, this);
+  const renderGroupedTableSections = (sections) => sections.flatMap((section) => {
+    const isCollapsed = collapsedGroups[section.key] ?? false;
+    const hasChildren = section.children.length > 0;
+    const sectionBody = /* @__PURE__ */ jsxDEV16(GroupTableSection, {
+      section,
+      children: [
+        /* @__PURE__ */ jsxDEV16(GroupHeaderRow, {
+          collapsed: isCollapsed,
+          colSpan,
+          onToggle: () => toggleGroup(section.key),
+          section
+        }, undefined, false, undefined, this),
+        !isCollapsed && !hasChildren && (section.rows.length > 0 ? section.rows.map((row) => /* @__PURE__ */ jsxDEV16(DataTableRow, {
+          canDrag: canDragRows,
+          canReorder: false,
+          dragLabel: grouping?.getRowLabel?.(row.original),
+          indentDepth: section.depth + 1,
+          onRowClick,
+          row,
+          rowActions,
+          rowActionsLabel
+        }, row.id, false, undefined, this)) : /* @__PURE__ */ jsxDEV16(TableRow, {
+          children: /* @__PURE__ */ jsxDEV16(TableCell, {
+            className: "text-muted-foreground h-16",
+            colSpan,
+            style: {
+              paddingLeft: `calc(0.5rem + ${section.depth * GROUP_INDENT_PX + GROUP_ROW_INDENT_OFFSET_PX}px)`
+            },
+            children: isLoading ? renderLoadingState() : section.field.renderEmptyGroup?.(section.groupId) ?? labels2.empty
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this))
+      ]
+    }, section.key, true, undefined, this);
+    return !isCollapsed && hasChildren ? [sectionBody, renderGroupedTableSections(section.children)] : [sectionBody];
+  });
+  const renderGroupedGallerySections = (sections) => sections.map((section) => {
+    const isCollapsed = collapsedGroups[section.key] ?? false;
+    const hasChildren = section.children.length > 0;
+    return /* @__PURE__ */ jsxDEV16("div", {
+      className: "space-y-3",
+      children: [
+        /* @__PURE__ */ jsxDEV16(GroupHeaderCard, {
+          collapsed: isCollapsed,
+          onToggle: () => toggleGroup(section.key),
+          section
+        }, undefined, false, undefined, this),
+        !isCollapsed && (hasChildren ? renderGroupedGallerySections(section.children) : section.rows.length > 0 ? renderGalleryRows(section.rows, canDragRows) : renderGalleryEmptyState(isLoading ? renderLoadingState() : section.field.renderEmptyGroup?.(section.groupId) ?? labels2.empty))
+      ]
+    }, section.key, true, undefined, this);
+  });
+  return /* @__PURE__ */ jsxDEV16("div", {
+    className: "w-full max-w-full min-w-0 rounded-md",
+    children: [
+      hasToolbar ? /* @__PURE__ */ jsxDEV16("div", {
+        className: "flex flex-col gap-3 pb-4",
+        children: /* @__PURE__ */ jsxDEV16("div", {
+          className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
+          children: [
+            showSearch ? /* @__PURE__ */ jsxDEV16("div", {
+              className: "relative w-full min-w-0 flex-1 sm:min-w-sm",
+              children: [
+                /* @__PURE__ */ jsxDEV16(Search, {
+                  className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV16(Input, {
+                  className: "px-9",
+                  onChange: (event) => {
+                    setSearchInput(event.target.value);
+                    table.setGlobalFilter(event.target.value);
+                  },
+                  placeholder: labels2.filter,
+                  value: searchInput
+                }, undefined, false, undefined, this),
+                searchInput ? /* @__PURE__ */ jsxDEV16(Button, {
+                  "aria-label": labels2.filter,
+                  className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-1 size-7 -translate-y-1/2 active:!-translate-y-1/2",
+                  onClick: () => {
+                    setSearchInput("");
+                    table.setGlobalFilter("");
+                  },
+                  size: "icon",
+                  type: "button",
+                  variant: "ghost",
+                  children: /* @__PURE__ */ jsxDEV16(X, {
+                    className: "size-4"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV16("div", {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16("div", {
+              className: "-m-1 flex items-center gap-2 overflow-x-auto p-1",
+              children: [
+                grouping?.fields.length ? /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+                      render: /* @__PURE__ */ jsxDEV16(Button, {
+                        "aria-label": labels2.groupBy,
+                        className: "h-9",
+                        size: "sm",
+                        variant: "outline",
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(Rows3, {}, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16("span", {
+                            className: "hidden sm:inline",
+                            children: labels2.groupBy
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+                      align: "end",
+                      className: "w-[200px]",
+                      children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+                            children: labels2.groupBy
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+                          grouping.fields.map((field) => /* @__PURE__ */ jsxDEV16(DropdownMenuCheckboxItem, {
+                            checked: activeGrouping.includes(field.id),
+                            onCheckedChange: (value) => toggleGroupingField(field.id, !!value),
+                            children: field.label
+                          }, field.id, false, undefined, this))
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : null,
+                showSorting ? /* @__PURE__ */ jsxDEV16(DataTableSortDropdown, {
+                  messages: labels2,
+                  table
+                }, undefined, false, undefined, this) : null,
+                showGallery ? /* @__PURE__ */ jsxDEV16(DataTableDisplayModeSwitch, {
+                  messages: labels2,
+                  onChange: setView,
+                  value: currentView
+                }, undefined, false, undefined, this) : null,
+                showColumnVisibility ? /* @__PURE__ */ jsxDEV16(DataTableViewOptions, {
+                  messages: labels2,
+                  table
+                }, undefined, false, undefined, this) : null,
+                onRefresh ? /* @__PURE__ */ jsxDEV16(Button, {
+                  "aria-label": labels2.refresh,
+                  className: "h-9",
+                  onClick: () => {
+                    setRefreshSpinCount((count) => count + 1);
+                    onRefresh();
+                  },
+                  size: "sm",
+                  type: "button",
+                  variant: "outline",
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(RefreshCw, {
+                      className: cn(refreshSpinCount > 0 && "animate-[spin_500ms_ease-in-out_1]")
+                    }, refreshSpinCount, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV16("span", {
+                      className: "hidden sm:inline",
+                      children: labels2.refresh
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : null,
+                showExport ? /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+                      render: /* @__PURE__ */ jsxDEV16(Button, {
+                        "aria-label": labels2.export,
+                        className: "h-9",
+                        disabled: !hasExportableRows,
+                        size: "sm",
+                        variant: "outline",
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(Download, {}, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16("span", {
+                            className: "hidden sm:inline",
+                            children: labels2.export
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+                      align: "end",
+                      className: "w-[180px]",
+                      children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+                            children: labels2.export
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                            onClick: () => exportTableToCsv(table, exportRows, exportBaseName),
+                            children: [
+                              /* @__PURE__ */ jsxDEV16(FileText, {}, undefined, false, undefined, this),
+                              labels2.exportCsv
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                            onClick: () => exportTableToJson(table, exportRows, exportBaseName),
+                            children: [
+                              /* @__PURE__ */ jsxDEV16(FileJson, {}, undefined, false, undefined, this),
+                              labels2.exportJson
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV16(DndContext, {
+        onDragCancel: () => setActiveDragLabel(null),
+        onDragEnd: ({ active, over }) => {
+          setActiveDragLabel(null);
+          if (!over) {
+            return;
+          }
+          const dragType = active.data.current?.type;
+          if (dragType === "row-reorder" && reordering && canReorderRows) {
+            const sourceRowId = String(active.id).replace(/^sortable-row:/, "");
+            const targetRowId = String(over.id).replace(/^sortable-row:/, "");
+            if (sourceRowId === targetRowId) {
+              return;
+            }
+            const currentIndex = bodyRows.findIndex((row2) => row2.id === sourceRowId);
+            const nextIndex = bodyRows.findIndex((row2) => row2.id === targetRowId);
+            if (currentIndex === -1 || nextIndex === -1) {
+              return;
+            }
+            const rows = bodyRows.map((row2) => row2.original);
+            const [rowToMove] = rows.splice(currentIndex, 1);
+            if (!rowToMove)
+              return;
+            rows.splice(nextIndex, 0, rowToMove);
+            reordering.onReorder(rows);
+            return;
+          }
+          if (dragType !== "row" || over.data.current?.type !== "group-target") {
+            return;
+          }
+          const row = active.data.current?.row;
+          const field = grouping?.fields.find((currentField) => currentField.id === over.data.current?.fieldId);
+          const nextGroupId = String(over.data.current?.groupId ?? "");
+          if (!row || !field?.onMoveToGroup) {
+            return;
+          }
+          const currentGroupId = field.getGroupId(row);
+          if (currentGroupId === nextGroupId) {
+            return;
+          }
+          field.onMoveToGroup(row, nextGroupId);
+        },
+        onDragStart: ({ active }) => {
+          const label = active.data.current?.label;
+          const dragType = active.data.current?.type;
+          setActiveDragLabel(dragType === "row" && typeof label === "string" ? label : null);
+        },
+        sensors,
+        children: /* @__PURE__ */ jsxDEV16(DataTableViewContext.Provider, {
+          value: currentView,
+          children: [
+            isGalleryView ? hasActiveGrouping ? groupedSections.length > 0 ? /* @__PURE__ */ jsxDEV16("div", {
+              className: "space-y-4",
+              children: renderGroupedGallerySections(groupedSections)
+            }, undefined, false, undefined, this) : renderGalleryEmptyState() : bodyRows.length > 0 ? renderGalleryRows(bodyRows, false) : renderGalleryEmptyState() : /* @__PURE__ */ jsxDEV16(ScrollArea, {
+              className: "-m-1 max-w-full min-w-0",
+              children: [
+                /* @__PURE__ */ jsxDEV16("div", {
+                  className: "max-w-full min-w-0 p-1",
+                  children: /* @__PURE__ */ jsxDEV16(Table, {
+                    className: "table-fixed",
+                    style: {
+                      width: `max(100%, ${table.getTotalSize() + (canReorderRows ? 40 : 0)}px)`
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxDEV16(TableHeader, {
+                        children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxDEV16(TableRow, {
+                          className: "p-4",
+                          children: [
+                            canReorderRows ? /* @__PURE__ */ jsxDEV16(TableHead, {
+                              className: "w-10 min-w-10 p-0"
+                            }, undefined, false, undefined, this) : null,
+                            headerGroup.headers.map((header) => {
+                              return /* @__PURE__ */ jsxDEV16(TableHead, {
+                                className: "relative h-12 min-w-32 p-0",
+                                style: { width: header.getSize() },
+                                children: [
+                                  renderHeader(header),
+                                  header.column.getCanResize() ? /* @__PURE__ */ jsxDEV16("button", {
+                                    "aria-label": labels2.resizeColumn(getHeaderName(header)),
+                                    className: cn("hover:bg-primary/60 absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize touch-none bg-transparent p-0 select-none", header.column.getIsResizing() && "bg-primary"),
+                                    type: "button",
+                                    onDoubleClick: () => header.column.resetSize(),
+                                    onMouseDown: header.getResizeHandler(),
+                                    onTouchStart: header.getResizeHandler()
+                                  }, undefined, false, undefined, this) : null
+                                ]
+                              }, header.id, true, undefined, this);
+                            }),
+                            rowActions ? /* @__PURE__ */ jsxDEV16(TableHead, {
+                              className: "sticky right-0 z-20 w-0 min-w-0 p-0"
+                            }, undefined, false, undefined, this) : null
+                          ]
+                        }, headerGroup.id, true, undefined, this))
+                      }, undefined, false, undefined, this),
+                      hasActiveGrouping ? groupedSections.length > 0 ? renderGroupedTableSections(groupedSections) : /* @__PURE__ */ jsxDEV16(TableBody, {
+                        className: "px-2",
+                        children: renderTableEmptyState()
+                      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(TableBody, {
+                        className: "px-2",
+                        children: bodyRows.length > 0 ? canReorderRows ? /* @__PURE__ */ jsxDEV16(SortableContext, {
+                          items: sortableRowIds,
+                          strategy: verticalListSortingStrategy,
+                          children: bodyRows.map((row) => /* @__PURE__ */ jsxDEV16(DataTableRow, {
+                            canDrag: false,
+                            canReorder: true,
+                            dragLabel: reordering?.getRowLabel?.(row.original),
+                            onRowClick,
+                            reorderHandleLabel: reordering?.handleLabel ?? labels2.reorder,
+                            row,
+                            rowActions,
+                            rowActionsLabel
+                          }, row.id, false, undefined, this))
+                        }, undefined, false, undefined, this) : bodyRows.map((row) => /* @__PURE__ */ jsxDEV16(DataTableRow, {
+                          canDrag: false,
+                          canReorder: false,
+                          onRowClick,
+                          row,
+                          rowActions,
+                          rowActionsLabel
+                        }, row.id, false, undefined, this)) : renderTableEmptyState()
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV16(ScrollBar, {
+                  orientation: "horizontal"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DragOverlay, {
+              modifiers: [snapDragOverlayVerticalCenterToCursor],
+              children: activeDragLabel ? /* @__PURE__ */ jsxDEV16("div", {
+                className: "bg-background rounded-md border px-3 py-2 text-sm shadow-sm",
+                children: activeDragLabel
+              }, undefined, false, undefined, this) : null
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      showPagination && !hasActiveGrouping && /* @__PURE__ */ jsxDEV16("div", {
+        className: "p-2",
+        children: /* @__PURE__ */ jsxDEV16(DataTablePagination, {
+          messages: labels2,
+          pageSizes,
+          rowCount: serverRowCount,
+          table
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DataTableDisplayModeSwitch({
+  messages: messages4,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+        render: /* @__PURE__ */ jsxDEV16(Button, {
+          "aria-label": messages4.view,
+          className: "h-9",
+          size: "sm",
+          variant: "outline",
+          children: [
+            value === "gallery" ? /* @__PURE__ */ jsxDEV16(LayoutGrid, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(Rows3, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16("span", {
+              className: "hidden sm:inline",
+              children: messages4.view
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+        align: "end",
+        className: "w-[160px]",
+        children: /* @__PURE__ */ jsxDEV16(DropdownMenuRadioGroup, {
+          value,
+          onValueChange: (v) => onChange(v),
+          children: [
+            /* @__PURE__ */ jsxDEV16(DropdownMenuRadioItem, {
+              value: "table",
+              children: [
+                /* @__PURE__ */ jsxDEV16(Rows3, {}, undefined, false, undefined, this),
+                messages4.tableView
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DropdownMenuRadioItem, {
+              value: "gallery",
+              children: [
+                /* @__PURE__ */ jsxDEV16(LayoutGrid, {}, undefined, false, undefined, this),
+                messages4.galleryView
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DataTableSortDropdown({
+  messages: messages4,
+  table
+}) {
+  const sorting = table.getState().sorting;
+  const sortableColumns = table.getAllColumns().filter((column) => column.getCanSort());
+  const columnLabels = useMemo(() => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)])), [table]);
+  if (sortableColumns.length === 0) {
+    return null;
+  }
+  const activeSortColumn = sorting.length > 0 ? sorting[0] : null;
+  return /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+        render: /* @__PURE__ */ jsxDEV16(Button, {
+          "aria-label": messages4.sortBy,
+          className: "h-9",
+          size: "sm",
+          variant: "outline",
+          children: [
+            activeSortColumn ? activeSortColumn.desc ? /* @__PURE__ */ jsxDEV16(ArrowDown, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ArrowUp, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ChevronsUpDown2, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16("span", {
+              className: "hidden sm:inline",
+              children: messages4.sortBy
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+        align: "end",
+        className: "w-[200px]",
+        children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+              children: messages4.sortBy
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+            sortableColumns.map((column) => {
+              const sortState = sorting.find((s) => s.id === column.id);
+              const label = columnLabels.get(column.id) ?? column.id;
+              return /* @__PURE__ */ jsxDEV16(DropdownMenuSub, {
+                children: [
+                  /* @__PURE__ */ jsxDEV16(DropdownMenuSubTrigger, {
+                    inset: !!sortState,
+                    children: [
+                      sortState ? /* @__PURE__ */ jsxDEV16("span", {
+                        className: "pointer-events-none absolute left-3 flex size-4 items-center justify-center",
+                        children: sortState.desc ? /* @__PURE__ */ jsxDEV16(ArrowDown, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ArrowUp, {}, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this) : null,
+                      label
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV16(DropdownMenuSubContent, {
+                    children: [
+                      /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                        onClick: () => column.toggleSorting(false),
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(ArrowUp, {}, undefined, false, undefined, this),
+                          messages4.sortAsc
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                        onClick: () => column.toggleSorting(true),
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(ArrowDown, {}, undefined, false, undefined, this),
+                          messages4.sortDesc
+                        ]
+                      }, undefined, true, undefined, this),
+                      sortState && /* @__PURE__ */ jsxDEV16(Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                            onClick: () => column.clearSorting(),
+                            children: messages4.sortClear
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, column.id, true, undefined, this);
+            })
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DataTableViewOptions({
+  messages: messages4,
+  table
+}) {
+  const columnLabels = useMemo(() => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)])), [table]);
+  const columns = table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
+  if (columns.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+        render: /* @__PURE__ */ jsxDEV16(Button, {
+          "aria-label": messages4.columns,
+          className: "h-9",
+          size: "sm",
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ jsxDEV16(Settings2, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16("span", {
+              className: "hidden sm:inline",
+              children: messages4.columns
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+        align: "end",
+        className: "w-[180px]",
+        children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(DropdownMenuLabel, {
+              children: messages4.columns
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+            columns.map((column) => /* @__PURE__ */ jsxDEV16(DropdownMenuCheckboxItem, {
+              checked: column.getIsVisible(),
+              className: "capitalize",
+              onCheckedChange: (value) => column.toggleVisibility(!!value),
+              children: columnLabels.get(column.id) ?? column.id
+            }, column.id, false, undefined, this))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DataTablePagination({
+  messages: messages4,
+  pageSizes = [10, 20, 30, 40, 50],
+  rowCount,
+  table
+}) {
+  const labels2 = dataTableMessages(messages4);
+  const selectedRows = table.getFilteredSelectedRowModel().rows.length;
+  const filteredRows = table.getFilteredRowModel().rows.length;
+  const totalRows = rowCount ?? filteredRows;
+  return /* @__PURE__ */ jsxDEV16(Pagination, {
+    messages: {
+      pageSize: labels2.pageSize,
+      results: labels2.results,
+      selectedOf: labels2.selectedOf,
+      pageOf: labels2.pageOf,
+      goToFirstPage: labels2.goToFirstPage,
+      goToPreviousPage: labels2.goToPreviousPage,
+      goToNextPage: labels2.goToNextPage,
+      goToLastPage: labels2.goToLastPage
+    },
+    onPageChange: (page) => table.setPageIndex(page),
+    onPageSizeChange: (pageSize) => table.setPageSize(pageSize),
+    page: table.getState().pagination.pageIndex,
+    pageCount: table.getPageCount(),
+    pageSize: table.getState().pagination.pageSize,
+    pageSizes,
+    selectedRows,
+    totalRows
+  }, undefined, false, undefined, this);
+}
+function DataTableRelationshipCell({
+  emptyLabel,
+  manageLabel,
+  onAdd,
+  onRemove,
+  options,
+  value
+}) {
+  const [selectedOptions, setSelectedOptions] = useState(() => [...value]);
+  const selectedValues = new Set(selectedOptions.map(({ value: value2 }) => value2));
+  const orderedOptions = [...options].sort((a, b) => Number(selectedValues.has(b.value)) - Number(selectedValues.has(a.value)));
+  useEffect(() => {
+    setSelectedOptions([...value]);
+  }, [value]);
+  return /* @__PURE__ */ jsxDEV16(VirtualizedCombobox, {
+    ariaLabel: manageLabel,
+    emptyLabel,
+    items: orderedOptions,
+    messages: { search: manageLabel },
+    multiple: true,
+    onValueChange: (nextOptions) => {
+      const nextValues = new Set(nextOptions.map(({ value: value2 }) => value2));
+      for (const option of selectedOptions) {
+        if (!nextValues.has(option.value))
+          onRemove?.(option.value);
+      }
+      for (const option of nextOptions) {
+        if (!selectedValues.has(option.value))
+          onAdd?.(option.value);
+      }
+      setSelectedOptions(nextOptions);
+    },
+    placeholder: emptyLabel,
+    trigger: /* @__PURE__ */ jsxDEV16(Button, {
+      "aria-label": manageLabel,
+      className: "h-full min-h-16 w-full min-w-0 justify-between gap-2 overflow-hidden rounded-none px-2 py-2 text-left font-normal",
+      "data-slot": "relationship-cell",
+      type: "button",
+      variant: "ghost",
+      children: [
+        /* @__PURE__ */ jsxDEV16(DataTableListSummary, {
+          emptyLabel,
+          expandable: false,
+          items: selectedOptions,
+          variant: selectedOptions.some(({ icon }) => icon) ? "icon" : "text"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV16(ChevronDown, {
+          className: "text-muted-foreground size-4 shrink-0"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this),
+    value: selectedOptions
+  }, undefined, false, undefined, this);
+}
+function DataTableListSummary({
+  emptyLabel,
+  expandable = true,
+  items,
+  overflowLabel,
+  totalCount = items.length,
+  variant = "text",
+  visibleCount = 3
+}) {
+  const labels2 = dataTableMessages();
+  const normalizedItems = items.map((item) => typeof item === "string" ? { label: item } : item);
+  const visibleItems = normalizedItems.slice(0, visibleCount);
+  const visibleLabels = visibleItems.map(({ label }) => label).join(", ");
+  const remaining = Math.max(totalCount - visibleItems.length, 0);
+  const remainingLabel = overflowLabel?.(remaining) ?? labels2.listOthers(remaining);
+  const expandedItems = /* @__PURE__ */ jsxDEV16(PopoverContent, {
+    align: "start",
+    className: "max-h-72 w-72 overflow-y-auto p-2",
+    onClick: (event) => event.stopPropagation(),
+    children: /* @__PURE__ */ jsxDEV16("ul", {
+      className: "grid gap-1",
+      children: normalizedItems.map((item, index) => /* @__PURE__ */ jsxDEV16("li", {
+        className: "flex items-center gap-2 rounded-sm px-2 py-1.5 break-words",
+        children: [
+          item.icon ? /* @__PURE__ */ jsxDEV16("span", {
+            className: "bg-muted flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[9px] font-semibold",
+            children: item.icon
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV16("span", {
+            className: "min-w-0",
+            children: item.label
+          }, undefined, false, undefined, this)
+        ]
+      }, item.value ?? `${item.label}-${index}`, true, undefined, this))
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  if (normalizedItems.length === 0) {
+    return /* @__PURE__ */ jsxDEV16("span", {
+      className: "text-muted-foreground text-sm",
+      children: emptyLabel
+    }, undefined, false, undefined, this);
+  }
+  if (variant === "icon") {
+    return /* @__PURE__ */ jsxDEV16(TooltipProvider, {
+      children: /* @__PURE__ */ jsxDEV16("span", {
+        className: "flex min-w-0 items-center pl-2",
+        children: [
+          visibleItems.map((item, index) => /* @__PURE__ */ jsxDEV16(Tooltip, {
+            children: [
+              /* @__PURE__ */ jsxDEV16(TooltipTrigger, {
+                render: /* @__PURE__ */ jsxDEV16("span", {
+                  "aria-label": item.label,
+                  className: "bg-muted border-background relative flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border-2 text-[10px] font-semibold",
+                  style: { marginLeft: index ? -8 : 0 },
+                  children: item.icon ?? item.label.slice(0, 2).toUpperCase()
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV16(TooltipContent, {
+                children: item.label
+              }, undefined, false, undefined, this)
+            ]
+          }, item.value ?? item.label, true, undefined, this)),
+          remaining ? expandable ? /* @__PURE__ */ jsxDEV16(Popover, {
+            children: [
+              /* @__PURE__ */ jsxDEV16(PopoverTrigger, {
+                render: /* @__PURE__ */ jsxDEV16("button", {
+                  "aria-label": labels2.listOthers(remaining),
+                  className: "bg-muted border-background relative -ml-2 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-[10px] font-semibold tabular-nums",
+                  onClick: (event) => event.stopPropagation(),
+                  onPointerDown: (event) => event.stopPropagation(),
+                  type: "button",
+                  children: [
+                    "+",
+                    remaining
+                  ]
+                }, undefined, true, undefined, this)
+              }, undefined, false, undefined, this),
+              expandedItems
+            ]
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV16("span", {
+            className: "bg-muted border-background relative -ml-2 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-[10px] font-semibold tabular-nums",
+            children: [
+              "+",
+              remaining
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return remaining > 0 ? /* @__PURE__ */ jsxDEV16("span", {
+    className: "block min-w-0 text-sm whitespace-normal",
+    "data-slot": "list-summary",
+    children: [
+      /* @__PURE__ */ jsxDEV16("span", {
+        children: visibleLabels
+      }, undefined, false, undefined, this),
+      " ",
+      /* @__PURE__ */ jsxDEV16("span", {
+        className: "inline-block whitespace-nowrap",
+        children: expandable ? /* @__PURE__ */ jsxDEV16(Popover, {
+          children: [
+            /* @__PURE__ */ jsxDEV16(PopoverTrigger, {
+              render: /* @__PURE__ */ jsxDEV16("button", {
+                className: "text-muted-foreground hover:text-foreground underline decoration-dotted underline-offset-2",
+                onClick: (event) => event.stopPropagation(),
+                onPointerDown: (event) => event.stopPropagation(),
+                type: "button",
+                children: remainingLabel
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            expandedItems
+          ]
+        }, undefined, true, undefined, this) : remainingLabel
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV16("span", {
+    className: "block min-w-0 text-sm",
+    "data-slot": "list-summary",
+    children: visibleLabels
+  }, undefined, false, undefined, this);
+}
+function DataTableColumnHeader({
+  column,
+  messages: messages4,
+  title,
+  className
+}) {
+  const labels2 = dataTableMessages(messages4);
+  const sortDirection = column.getIsSorted();
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsxDEV16("div", {
+      className: cn("flex h-12 items-center truncate px-2 text-sm", className),
+      children: title
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV16("div", {
+    className: cn("flex h-12 items-center", className),
+    children: /* @__PURE__ */ jsxDEV16(DropdownMenu, {
+      children: [
+        /* @__PURE__ */ jsxDEV16(DropdownMenuTrigger, {
+          render: /* @__PURE__ */ jsxDEV16(Button, {
+            variant: "ghost",
+            size: "sm",
+            className: "data-[state=open]:bg-accent h-12 w-full justify-start rounded-none px-2",
+            children: [
+              /* @__PURE__ */ jsxDEV16("span", {
+                className: "min-w-0 truncate text-sm",
+                children: title
+              }, undefined, false, undefined, this),
+              sortDirection === "desc" ? /* @__PURE__ */ jsxDEV16(ArrowDown, {}, undefined, false, undefined, this) : sortDirection === "asc" ? /* @__PURE__ */ jsxDEV16(ArrowUp, {}, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(ChevronsUpDown2, {}, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV16(DropdownMenuContent, {
+          align: "start",
+          children: /* @__PURE__ */ jsxDEV16(DropdownMenuGroup, {
+            children: [
+              /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                onClick: () => column.toggleSorting(false),
+                children: [
+                  /* @__PURE__ */ jsxDEV16(ArrowUp, {
+                    className: "text-muted-foreground/70 h-3.5 w-3.5"
+                  }, undefined, false, undefined, this),
+                  labels2.sortAsc
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                onClick: () => column.toggleSorting(true),
+                children: [
+                  /* @__PURE__ */ jsxDEV16(ArrowDown, {
+                    className: "text-muted-foreground/70 h-3.5 w-3.5"
+                  }, undefined, false, undefined, this),
+                  labels2.sortDesc
+                ]
+              }, undefined, true, undefined, this),
+              sortDirection ? /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                onClick: () => column.clearSorting(),
+                children: [
+                  /* @__PURE__ */ jsxDEV16(X, {
+                    className: "text-muted-foreground/70 h-3.5 w-3.5"
+                  }, undefined, false, undefined, this),
+                  labels2.sortClear
+                ]
+              }, undefined, true, undefined, this) : null,
+              /* @__PURE__ */ jsxDEV16(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV16(DropdownMenuItem, {
+                onClick: () => column.toggleVisibility(false),
+                children: [
+                  /* @__PURE__ */ jsxDEV16(EyeOff, {
+                    className: "text-muted-foreground/70 h-3.5 w-3.5"
+                  }, undefined, false, undefined, this),
+                  labels2.sortHide
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  getHeaderNames,
+  downloadJson,
+  downloadCsv,
+  dataTableMessages,
+  TableSearchSchemaStandard,
+  TableSearchSchema,
+  DataTableRowActions,
+  DataTableRelationshipCell,
+  DataTablePagination,
+  DataTableListSummary,
+  DataTableColumnHeader,
+  DataTable
+};