@krak-stack/registry 0.1.8 → 0.1.10

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

@@ -1,5 +1,6 @@
-// ../../src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+// ../../src/components/ui/badge.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
@@ -9,9 +10,46 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// ../../src/components/ui/badge.tsx
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps({
+      className: cn(badgeVariants({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
 // ../../src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva as cva2 } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-var buttonVariants = 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", {
+var buttonVariants = cva2("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/80",
@@ -50,160 +88,350 @@ function Button({
   });
 }
 
-// ../../src/components/ui/virtualized-combobox.tsx
-import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-import { useVirtualizer } from "@tanstack/react-virtual";
-import { Check, ChevronsUpDown, X } from "lucide-react";
-import {
-  useCallback,
-  useEffect,
-  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";
+// ../../src/components/ui/checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { CheckIcon } from "lucide-react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx2(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
+"use client";
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(CheckboxPrimitive.Root, {
+    "data-slot": "checkbox",
+    className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 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 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
+    ...props,
+    children: /* @__PURE__ */ jsx2(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+      children: /* @__PURE__ */ jsx2(CheckIcon, {})
+    })
   });
 }
 
-// ../../src/components/ui/textarea.tsx
+// ../../src/components/ui/card.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3("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
+  });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("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
+  });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", {
+    "data-slot": "card-title",
+    className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", {
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", {
+    "data-slot": "card-action",
+    className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+    ...props
+  });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", {
+    "data-slot": "card-content",
+    className: cn("px-(--card-spacing)", className),
+    ...props
+  });
+}
 
-// ../../src/components/ui/input-group.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("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),
+// ../../src/components/ui/dropdown-menu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { ChevronRightIcon, CheckIcon as CheckIcon2 } from "lucide-react";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
     ...props
   });
 }
-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({
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  });
+}
+function DropdownMenuContent({
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(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
+  return /* @__PURE__ */ jsx4(MenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx4(MenuPrimitive.Positioner, {
+      className: "isolate z-50 outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx4(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
+      })
+    })
   });
 }
-
-// ../../src/paraglide/runtime.js
-import"@inlang/paraglide-js/urlpattern-polyfill";
-var baseLocale = "en";
-var locales = ["en", "fr"];
-var cookieName = "locale";
-var cookieMaxAge = 34560000;
-var cookieDomain = "";
-var localStorageKey = "PARAGLIDE_LOCALE";
-var strategy = [
-  "url",
-  "cookie",
-  "preferredLanguage",
-  "baseLocale"
-];
-var routeStrategies = [
-  {
-    match: "/api/:path(.*)?",
-    exclude: true
-  },
-  {
-    match: "/sitemap.xml",
-    exclude: true
-  },
-  {
-    match: "/llms.txt",
-    exclude: true
-  }
-];
-var urlPatterns = [
-  {
-    pattern: "/:path(.*)?",
-    localized: [
-      [
-        "en",
-        "/en/:path(.*)?"
-      ],
-      [
-        "fr",
-        "/fr/:path(.*)?"
-      ]
-    ]
-  }
-];
-var cachedRouteStrategyUrl;
-var cachedRouteStrategy;
-function findMatchingRouteStrategy(url) {
-  if (routeStrategies.length === 0) {
-    return;
-  }
-  const urlString = typeof url === "string" ? url : url.href;
-  if (cachedRouteStrategyUrl === urlString) {
-    return cachedRouteStrategy;
-  }
-  const urlObject = new URL(urlString, "http://dummy.com");
-  let match;
-  for (const routeStrategy of routeStrategies) {
-    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
-    if (pattern.exec(urlObject.href)) {
-      match = routeStrategy;
-      break;
-    }
-  }
-  cachedRouteStrategyUrl = urlString;
-  cachedRouteStrategy = match;
-  return match;
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  });
 }
-function getStrategyForUrl(url) {
-  const routeStrategy = findMatchingRouteStrategy(url);
-  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
-    return routeStrategy.strategy;
-  }
-  return strategy;
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(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
+  });
 }
-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;
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(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
+  });
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.SubmenuRoot, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(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__ */ jsx4(ChevronRightIcon, {
+        className: "ml-auto"
+      })
+    ]
+  });
+}
+function DropdownMenuSubContent({
+  align = "start",
+  alignOffset = -3,
+  side = "right",
+  sideOffset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(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
+  });
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(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__ */ jsx4("span", {
+        className: "pointer-events-none absolute right-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-checkbox-item-indicator",
+        children: /* @__PURE__ */ jsx4(MenuPrimitive.CheckboxItemIndicator, {
+          children: /* @__PURE__ */ jsx4(CheckIcon2, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(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__ */ jsx4("span", {
+        className: "pointer-events-none absolute right-2 flex items-center justify-center",
+        "data-slot": "dropdown-menu-radio-item-indicator",
+        children: /* @__PURE__ */ jsx4(MenuPrimitive.RadioItemIndicator, {
+          children: /* @__PURE__ */ jsx4(CheckIcon2, {})
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(MenuPrimitive.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  });
+}
+
+// ../../src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx5(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
+  });
+}
+
+// ../../src/components/ui/loading.tsx
+import { Loader2 } from "lucide-react";
+
+// ../../src/paraglide/runtime.js
+import"@inlang/paraglide-js/urlpattern-polyfill";
+var baseLocale = "en";
+var locales = ["en", "fr"];
+var cookieName = "locale";
+var cookieMaxAge = 34560000;
+var cookieDomain = "";
+var localStorageKey = "PARAGLIDE_LOCALE";
+var strategy = [
+  "url",
+  "cookie",
+  "preferredLanguage",
+  "baseLocale"
+];
+var routeStrategies = [
+  {
+    match: "/api/:path(.*)?",
+    exclude: true
+  },
+  {
+    match: "/sitemap.xml",
+    exclude: true
+  },
+  {
+    match: "/llms.txt",
+    exclude: true
+  }
+];
+var urlPatterns = [
+  {
+    pattern: "/:path(.*)?",
+    localized: [
+      [
+        "en",
+        "/en/:path(.*)?"
+      ],
+      [
+        "fr",
+        "/fr/:path(.*)?"
+      ]
+    ]
+  }
+];
+var cachedRouteStrategyUrl;
+var cachedRouteStrategy;
+function findMatchingRouteStrategy(url) {
+  if (routeStrategies.length === 0) {
+    return;
+  }
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedRouteStrategyUrl === urlString) {
+    return cachedRouteStrategy;
+  }
+  const urlObject = new URL(urlString, "http://dummy.com");
+  let match;
+  for (const routeStrategy of routeStrategies) {
+    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
+    if (pattern.exec(urlObject.href)) {
+      match = routeStrategy;
+      break;
+    }
+  }
+  cachedRouteStrategyUrl = urlString;
+  cachedRouteStrategy = match;
+  return match;
+}
+function getStrategyForUrl(url) {
+  const routeStrategy = findMatchingRouteStrategy(url);
+  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
+    return routeStrategy.strategy;
+  }
+  return strategy;
+}
+var serverAsyncLocalStorage = undefined;
+var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
+var experimentalStaticLocale = undefined;
+var TREE_SHAKE_COOKIE_STRATEGY_USED = true;
+var TREE_SHAKE_URL_STRATEGY_USED = true;
+var TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = false;
+var TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = true;
+var TREE_SHAKE_DEFAULT_URL_PATTERN_USED = false;
+var TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
 globalThis.__paraglide = globalThis.__paraglide ?? {};
 globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
 var _locale;
@@ -558,530 +786,70 @@ function isCustomStrategy(strategy2) {
   return typeof strategy2 === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy2);
 }
 
-// ../../src/components/ui/virtualized-combobox.tsx
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-"use client";
-var messages = {
+// ../../src/components/ui/loading.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var labels = {
   en: {
-    clear: "Clear selection",
-    search: "Search...",
-    selected: (count) => `${count} selected`,
-    selectMore: "Select more"
+    loading: "Loading..."
   },
   fr: {
-    clear: "Effacer la sélection",
-    search: "Rechercher...",
-    selected: (count) => `${count} sélectionnés`,
-    selectMore: "Sélectionner davantage"
+    loading: "Chargement..."
   }
 };
-var virtualizedComboboxMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages.fr : messages.en,
-  ...overrides
-});
-var optionEquals = (item, selected) => item.value === selected.value;
-var VirtualizedComboboxList = ({
-  emptyLabel,
-  groupSelections,
-  itemIndexRef,
-  messages: messageOverrides,
-  renderItem,
-  selectedValues,
-  virtualizerRef
-}) => {
-  const filteredItems = ComboboxPrimitive.useFilteredItems();
-  const labels = virtualizedComboboxMessages(messageOverrides);
-  const itemEntries = filteredItems.map((item, index) => ({
-    kind: "item",
-    item,
-    index
-  }));
-  const selectedEntries = itemEntries.filter(({ item }) => selectedValues.has(item.value));
-  const availableEntries = itemEntries.filter(({ item }) => !selectedValues.has(item.value));
-  const entries = groupSelections ? [
-    ...selectedEntries.length > 0 ? [
-      {
-        kind: "group",
-        key: "selected",
-        label: labels.selected(selectedValues.size)
-      },
-      ...selectedEntries
-    ] : [],
-    {
-      kind: "group",
-      key: "available",
-      label: labels.selectMore
-    },
-    ...availableEntries
-  ] : itemEntries;
-  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
-  });
-  useEffect(() => {
-    itemIndexRef.current = new Map(entries.flatMap((entry, index) => entry.kind === "item" ? [[entry.index, index]] : []));
-  });
-  useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
-  const handleScrollElementRef = useCallback((element) => {
-    scrollRef.current = element;
-    if (element)
-      virtualizer.measure();
-  }, [virtualizer]);
-  if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx5("div", {
-      className: "text-muted-foreground py-6 text-center text-sm",
-      children: emptyLabel
-    });
-  }
-  return /* @__PURE__ */ jsx5(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__ */ jsx5("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__ */ jsx5(ComboboxPrimitive.Group, {
-            className: "contents",
-            children: /* @__PURE__ */ jsx5(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
-            })
-          }, entry.key);
-        }
-        return /* @__PURE__ */ jsxs(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__ */ jsx5("span", {
-              className: "min-w-0 truncate",
-              children: entry.item.label
-            }),
-            /* @__PURE__ */ jsx5(ComboboxPrimitive.ItemIndicator, {
-              className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx5(Check, {})
-            })
-          ]
-        }, entry.item.value);
-      })
-    })
-  });
-};
-var VirtualizedComboboxContent = ({
-  contentClassName,
-  emptyLabel,
-  groupSelections,
-  itemIndexRef,
-  messages: messageOverrides,
-  renderItem,
-  selectedValues,
-  virtualizerRef
-}) => {
-  const labels = virtualizedComboboxMessages(messageOverrides);
-  return /* @__PURE__ */ jsx5(ComboboxPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Positioner, {
-      align: "start",
-      className: "isolate z-50",
-      side: "bottom",
-      sideOffset: 6,
-      children: /* @__PURE__ */ jsxs(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__ */ jsx5("div", {
-            className: "min-w-0 p-1 pb-0",
-            children: /* @__PURE__ */ jsx5(InputGroup, {
-              className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
-              children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Input, {
-                placeholder: labels.search,
-                render: /* @__PURE__ */ jsx5(InputGroupInput, {})
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx5(VirtualizedComboboxList, {
-            emptyLabel,
-            groupSelections,
-            itemIndexRef,
-            messages: messageOverrides,
-            renderItem,
-            selectedValues,
-            virtualizerRef
-          })
-        ]
-      })
-    })
-  });
-};
-var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxs(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__ */ jsx5("span", {
-      className: "min-w-0 flex-1 truncate pr-7 text-left",
-      children: label
-    }),
-    /* @__PURE__ */ jsx5(ChevronsUpDown, {
-      className: "text-muted-foreground shrink-0 opacity-70"
-    })
-  ]
-});
-var defaultClear = (label) => /* @__PURE__ */ jsx5(ComboboxPrimitive.Clear, {
-  "aria-label": label,
-  className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
-  type: "button",
-  children: /* @__PURE__ */ jsx5(X, {
-    className: "size-3.5"
-  })
-});
-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);
-  const itemIndexRef = useRef(new Map);
-  const labels = virtualizedComboboxMessages(props.messages);
-  return /* @__PURE__ */ jsxs(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(itemIndexRef.current.get(index) ?? index, { align: "auto" });
-      }
-    },
-    onOpenChange: (open) => props.onOpenChange?.(open),
-    onValueChange: (value) => props.onValueChange(value),
-    open: props.open,
-    value: props.value,
-    virtualized: true,
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "relative",
-        children: [
-          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
-            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
-          }),
-          props.trigger ? null : defaultClear(labels.clear)
-        ]
-      }),
-      /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
-        ...props,
-        groupSelections: false,
-        itemIndexRef,
-        selectedValues: new Set(props.value ? [props.value.value] : []),
-        virtualizerRef
-      })
-    ]
-  });
-};
-var VirtualizedComboboxMultiple = (props) => {
-  const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
-  const itemIndexRef = useRef(new Map);
-  const labels = virtualizedComboboxMessages(props.messages);
-  return /* @__PURE__ */ jsxs(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(itemIndexRef.current.get(index) ?? index, { align: "auto" });
-      }
-    },
-    onOpenChange: (open) => props.onOpenChange?.(open),
-    onValueChange: (value) => props.onValueChange(value),
-    open: props.open,
-    value: [...props.value],
-    virtualized: true,
+var loadingLabel = () => getLocale().startsWith("fr") ? labels.fr.loading : labels.en.loading;
+function Loading({
+  className,
+  label,
+  variant = "inline"
+}) {
+  return /* @__PURE__ */ jsxs2("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__ */ jsxs("div", {
-        className: "relative",
-        children: [
-          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
-            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
-          }),
-          props.trigger ? null : defaultClear(labels.clear)
-        ]
+      /* @__PURE__ */ jsx6(Loader2, {
+        className: "size-4 animate-spin"
       }),
-      /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
-        ...props,
-        groupSelections: true,
-        itemIndexRef,
-        selectedValues: new Set(props.value.map(({ value }) => value)),
-        virtualizerRef
-      })
+      label ?? loadingLabel()
     ]
   });
-};
-function VirtualizedCombobox(props) {
-  return props.multiple ? /* @__PURE__ */ jsx5(VirtualizedComboboxMultiple, {
-    ...props
-  }) : /* @__PURE__ */ jsx5(VirtualizedComboboxSingle, {
-    ...props
-  });
 }
 
-// ../../src/components/ui/dropdown-menu.tsx
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { ChevronRightIcon, CheckIcon } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.Root, {
-    "data-slot": "dropdown-menu",
+// ../../src/components/ui/pagination.tsx
+import {
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight
+} from "lucide-react";
+import { useId } from "react";
+
+// ../../src/components/ui/label.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+"use client";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("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
   });
 }
-function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.Trigger, {
-    "data-slot": "dropdown-menu-trigger",
+
+// ../../src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { ChevronDownIcon, CheckIcon as CheckIcon3, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+"use client";
+var Select = SelectPrimitive.Root;
+function SelectValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx8(SelectPrimitive.Value, {
+    "data-slot": "select-value",
+    className: cn("flex flex-1 text-left", className),
     ...props
   });
 }
-function DropdownMenuContent({
-  align = "start",
-  alignOffset = 0,
-  side = "bottom",
-  sideOffset = 4,
+function SelectTrigger({
   className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx6(MenuPrimitive.Positioner, {
-      className: "isolate z-50 outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      children: /* @__PURE__ */ jsx6(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
-      })
-    })
-  });
-}
-function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.Group, {
-    "data-slot": "dropdown-menu-group",
-    ...props
-  });
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(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
-  });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(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
-  });
-}
-function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.SubmenuRoot, {
-    "data-slot": "dropdown-menu-sub",
-    ...props
-  });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(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__ */ jsx6(ChevronRightIcon, {
-        className: "ml-auto"
-      })
-    ]
-  });
-}
-function DropdownMenuSubContent({
-  align = "start",
-  alignOffset = -3,
-  side = "right",
-  sideOffset = 0,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(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
-  });
-}
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(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__ */ jsx6("span", {
-        className: "pointer-events-none absolute right-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-checkbox-item-indicator",
-        children: /* @__PURE__ */ jsx6(MenuPrimitive.CheckboxItemIndicator, {
-          children: /* @__PURE__ */ jsx6(CheckIcon, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.RadioGroup, {
-    "data-slot": "dropdown-menu-radio-group",
-    ...props
-  });
-}
-function DropdownMenuRadioItem({
-  className,
-  children,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(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__ */ jsx6("span", {
-        className: "pointer-events-none absolute right-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-radio-item-indicator",
-        children: /* @__PURE__ */ jsx6(MenuPrimitive.RadioItemIndicator, {
-          children: /* @__PURE__ */ jsx6(CheckIcon, {})
-        })
-      }),
-      children
-    ]
-  });
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(MenuPrimitive.Separator, {
-    "data-slot": "dropdown-menu-separator",
-    className: cn("-mx-1 my-1 h-px bg-border", className),
-    ...props
-  });
-}
-
-// ../../src/components/ui/pagination.tsx
-import {
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight
-} from "lucide-react";
-import { useId } from "react";
-
-// ../../src/components/ui/label.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-"use client";
-function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("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
-  });
-}
-
-// ../../src/components/ui/select.tsx
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { ChevronDownIcon, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-"use client";
-var Select = SelectPrimitive.Root;
-function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(SelectPrimitive.Value, {
-    "data-slot": "select-value",
-    className: cn("flex flex-1 text-left", className),
-    ...props
-  });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
+  size = "default",
+  children,
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(SelectPrimitive.Trigger, {
@@ -1151,7 +919,7 @@ function SelectItem({
         render: /* @__PURE__ */ jsx8("span", {
           className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
         }),
-        children: /* @__PURE__ */ jsx8(CheckIcon2, {
+        children: /* @__PURE__ */ jsx8(CheckIcon3, {
           className: "pointer-events-none"
         })
       })
@@ -1183,7 +951,7 @@ function SelectScrollDownButton({
 
 // ../../src/components/ui/pagination.tsx
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var messages2 = {
+var messages = {
   en: {
     pageSize: "Page size",
     results: (count) => `${count} results`,
@@ -1206,7 +974,7 @@ var messages2 = {
   }
 };
 var paginationMessages = (locale = getLocale(), overrides) => ({
-  ...locale.startsWith("fr") ? messages2.fr : messages2.en,
+  ...locale.startsWith("fr") ? messages.fr : messages.en,
   ...overrides
 });
 function Pagination({
@@ -1222,7 +990,7 @@ function Pagination({
   showResults = true,
   totalRows
 }) {
-  const labels = paginationMessages(getLocale(), messageOverrides);
+  const labels2 = paginationMessages(getLocale(), messageOverrides);
   const pageSizeId = useId();
   const canGoBack = page > 0;
   const canGoForward = page + 1 < pageCount;
@@ -1233,10 +1001,10 @@ function Pagination({
         className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",
         children: [
           /* @__PURE__ */ jsx9("span", {
-            children: labels.results(totalRows)
+            children: labels2.results(totalRows)
           }),
           selectedRows > 0 ? /* @__PURE__ */ jsx9("span", {
-            children: labels.selectedOf(selectedRows, totalRows)
+            children: labels2.selectedOf(selectedRows, totalRows)
           }) : null
         ]
       }) : null,
@@ -1249,7 +1017,7 @@ function Pagination({
               /* @__PURE__ */ jsx9(Label, {
                 htmlFor: pageSizeId,
                 className: cn("hidden text-sm sm:block", compact && "block"),
-                children: labels.pageSize
+                children: labels2.pageSize
               }),
               /* @__PURE__ */ jsxs4(Select, {
                 items: pageSizes.map((size) => ({
@@ -1282,7 +1050,7 @@ function Pagination({
             children: [
               /* @__PURE__ */ jsx9("div", {
                 className: "flex items-center justify-center text-sm font-medium sm:block",
-                children: labels.pageOf(page + 1, pageCount)
+                children: labels2.pageOf(page + 1, pageCount)
               }),
               /* @__PURE__ */ jsxs4("div", {
                 className: "flex items-center gap-1",
@@ -1295,7 +1063,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx9("span", {
                         className: "sr-only",
-                        children: labels.goToFirstPage
+                        children: labels2.goToFirstPage
                       }),
                       /* @__PURE__ */ jsx9(ChevronsLeft, {})
                     ]
@@ -1308,7 +1076,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx9("span", {
                         className: "sr-only",
-                        children: labels.goToPreviousPage
+                        children: labels2.goToPreviousPage
                       }),
                       /* @__PURE__ */ jsx9(ChevronLeft, {})
                     ]
@@ -1321,7 +1089,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx9("span", {
                         className: "sr-only",
-                        children: labels.goToNextPage
+                        children: labels2.goToNextPage
                       }),
                       /* @__PURE__ */ jsx9(ChevronRight, {})
                     ]
@@ -1334,7 +1102,7 @@ function Pagination({
                     children: [
                       /* @__PURE__ */ jsx9("span", {
                         className: "sr-only",
-                        children: labels.goToLastPage
+                        children: labels2.goToLastPage
                       }),
                       /* @__PURE__ */ jsx9(ChevronsRight, {})
                     ]
@@ -1525,13 +1293,381 @@ function TooltipContent({
         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__ */ jsx13(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"
-          })
+          children,
+          /* @__PURE__ */ jsx13(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"
+          })
+        ]
+      })
+    })
+  });
+}
+
+// ../../src/components/ui/virtualized-combobox.tsx
+import { Combobox as ComboboxPrimitive } from "@base-ui/react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Check, ChevronsUpDown, X } from "lucide-react";
+import {
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef
+} from "react";
+
+// ../../src/components/ui/input-group.tsx
+import { cva as cva3 } from "class-variance-authority";
+
+// ../../src/components/ui/textarea.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+
+// ../../src/components/ui/input-group.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("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
+  });
+}
+var inputGroupAddonVariants = cva3("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 = cva3("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__ */ jsx15(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
+  });
+}
+
+// ../../src/components/ui/virtualized-combobox.tsx
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+"use client";
+var messages2 = {
+  en: {
+    clear: "Clear selection",
+    search: "Search...",
+    selected: (count) => `${count} selected`,
+    selectMore: "Select more"
+  },
+  fr: {
+    clear: "Effacer la sélection",
+    search: "Rechercher...",
+    selected: (count) => `${count} sélectionnés`,
+    selectMore: "Sélectionner davantage"
+  }
+};
+var virtualizedComboboxMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages2.fr : messages2.en,
+  ...overrides
+});
+var optionEquals = (item, selected) => item.value === selected.value;
+var VirtualizedComboboxList = ({
+  emptyLabel,
+  groupSelections,
+  itemIndexRef,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const filteredItems = ComboboxPrimitive.useFilteredItems();
+  const labels2 = virtualizedComboboxMessages(messageOverrides);
+  const itemEntries = filteredItems.map((item, index) => ({
+    kind: "item",
+    item,
+    index
+  }));
+  const selectedEntries = itemEntries.filter(({ item }) => selectedValues.has(item.value));
+  const availableEntries = itemEntries.filter(({ item }) => !selectedValues.has(item.value));
+  const entries = groupSelections ? [
+    ...selectedEntries.length > 0 ? [
+      {
+        kind: "group",
+        key: "selected",
+        label: labels2.selected(selectedValues.size)
+      },
+      ...selectedEntries
+    ] : [],
+    {
+      kind: "group",
+      key: "available",
+      label: labels2.selectMore
+    },
+    ...availableEntries
+  ] : itemEntries;
+  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
+  });
+  useEffect(() => {
+    itemIndexRef.current = new Map(entries.flatMap((entry, index) => entry.kind === "item" ? [[entry.index, index]] : []));
+  });
+  useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
+  const handleScrollElementRef = useCallback((element) => {
+    scrollRef.current = element;
+    if (element)
+      virtualizer.measure();
+  }, [virtualizer]);
+  if (filteredItems.length === 0) {
+    return /* @__PURE__ */ jsx16("div", {
+      className: "text-muted-foreground py-6 text-center text-sm",
+      children: emptyLabel
+    });
+  }
+  return /* @__PURE__ */ jsx16(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__ */ jsx16("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__ */ jsx16(ComboboxPrimitive.Group, {
+            className: "contents",
+            children: /* @__PURE__ */ jsx16(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
+            })
+          }, entry.key);
+        }
+        return /* @__PURE__ */ jsxs7(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__ */ jsx16("span", {
+              className: "min-w-0 truncate",
+              children: entry.item.label
+            }),
+            /* @__PURE__ */ jsx16(ComboboxPrimitive.ItemIndicator, {
+              className: "absolute right-2 flex size-4 items-center justify-center",
+              children: /* @__PURE__ */ jsx16(Check, {})
+            })
+          ]
+        }, entry.item.value);
+      })
+    })
+  });
+};
+var VirtualizedComboboxContent = ({
+  contentClassName,
+  emptyLabel,
+  groupSelections,
+  itemIndexRef,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const labels2 = virtualizedComboboxMessages(messageOverrides);
+  return /* @__PURE__ */ jsx16(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx16(ComboboxPrimitive.Positioner, {
+      align: "start",
+      className: "isolate z-50",
+      side: "bottom",
+      sideOffset: 6,
+      children: /* @__PURE__ */ jsxs7(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__ */ jsx16("div", {
+            className: "min-w-0 p-1 pb-0",
+            children: /* @__PURE__ */ jsx16(InputGroup, {
+              className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
+              children: /* @__PURE__ */ jsx16(ComboboxPrimitive.Input, {
+                placeholder: labels2.search,
+                render: /* @__PURE__ */ jsx16(InputGroupInput, {})
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx16(VirtualizedComboboxList, {
+            emptyLabel,
+            groupSelections,
+            itemIndexRef,
+            messages: messageOverrides,
+            renderItem,
+            selectedValues,
+            virtualizerRef
+          })
+        ]
+      })
+    })
+  });
+};
+var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxs7(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__ */ jsx16("span", {
+      className: "min-w-0 flex-1 truncate pr-7 text-left",
+      children: label
+    }),
+    /* @__PURE__ */ jsx16(ChevronsUpDown, {
+      className: "text-muted-foreground shrink-0 opacity-70"
+    })
+  ]
+});
+var defaultClear = (label) => /* @__PURE__ */ jsx16(ComboboxPrimitive.Clear, {
+  "aria-label": label,
+  className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
+  type: "button",
+  children: /* @__PURE__ */ jsx16(X, {
+    className: "size-3.5"
+  })
+});
+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);
+  const itemIndexRef = useRef(new Map);
+  const labels2 = virtualizedComboboxMessages(props.messages);
+  return /* @__PURE__ */ jsxs7(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(itemIndexRef.current.get(index) ?? index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: props.value,
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxs7("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx16(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels2.clear)
+        ]
+      }),
+      /* @__PURE__ */ jsx16(VirtualizedComboboxContent, {
+        ...props,
+        groupSelections: false,
+        itemIndexRef,
+        selectedValues: new Set(props.value ? [props.value.value] : []),
+        virtualizerRef
+      })
+    ]
+  });
+};
+var VirtualizedComboboxMultiple = (props) => {
+  const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  const itemIndexRef = useRef(new Map);
+  const labels2 = virtualizedComboboxMessages(props.messages);
+  return /* @__PURE__ */ jsxs7(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(itemIndexRef.current.get(index) ?? index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: [...props.value],
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxs7("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx16(ComboboxPrimitive.Trigger, {
+            render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
+          }),
+          props.trigger ? null : defaultClear(labels2.clear)
         ]
+      }),
+      /* @__PURE__ */ jsx16(VirtualizedComboboxContent, {
+        ...props,
+        groupSelections: true,
+        itemIndexRef,
+        selectedValues: new Set(props.value.map(({ value }) => value)),
+        virtualizerRef
       })
-    })
+    ]
+  });
+};
+function VirtualizedCombobox(props) {
+  return props.multiple ? /* @__PURE__ */ jsx16(VirtualizedComboboxMultiple, {
+    ...props
+  }) : /* @__PURE__ */ jsx16(VirtualizedComboboxSingle, {
+    ...props
   });
 }
 
@@ -1599,243 +1735,170 @@ var SortParamsFromString = Schema.String.pipe(Schema.decodeTo(Schema.Array(SortP
       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 as X2
-} from "lucide-react";
-import {
-  useEffect as useEffect2,
-  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 { jsx as jsx14 } from "react/jsx-runtime";
-function Card({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14("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
-  });
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx14("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
-  });
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
-    "data-slot": "card-title",
-    className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
-    ...props
-  });
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
-    "data-slot": "card-description",
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  });
-}
-function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
-    "data-slot": "card-action",
-    className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-    ...props
-  });
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx14("div", {
-    "data-slot": "card-content",
-    className: cn("px-(--card-spacing)", className),
-    ...props
-  });
-}
-
-// ../../src/components/ui/loading.tsx
-import { Loader2 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-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__ */ jsxs7("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__ */ jsx15(Loader2, {
-        className: "size-4 animate-spin"
-      }),
-      label ?? loadingLabel()
+  },
+  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 { jsx as jsx16, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
-var DataTableViewContext = createContext("table");
+import { useAtom } from "@effect/atom-react";
+import { BrowserKeyValueStore } from "@effect/platform-browser";
+import {
+  DndContext,
+  DragOverlay,
+  PointerSensor,
+  useDraggable,
+  useDroppable,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  arrayMove,
+  SortableContext,
+  useSortable,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Effect as Effect2, Layer, Option as Option2, Schema as Schema2 } from "effect";
+import { KeyValueStore } from "effect/unstable/persistence";
+import { Atom } from "effect/unstable/reactivity";
+import {
+  ArrowDown,
+  ArrowUp,
+  ChevronDown,
+  ChevronRight as ChevronRight2,
+  ChevronsUpDown as ChevronsUpDown2,
+  Download,
+  EyeOff,
+  FileJson,
+  FileText,
+  GripVertical,
+  LayoutGrid,
+  MoreHorizontal,
+  RefreshCw,
+  Rows3,
+  Search,
+  Settings2,
+  X as X2
+} from "lucide-react";
+import {
+  isValidElement,
+  useEffect as useEffect2,
+  useMemo,
+  useState
+} from "react";
+import {
+  useNavigate,
+  useRouterState
+} from "@tanstack/react-router";
+import {
+  columnFilteringFeature,
+  columnResizingFeature,
+  columnSizingFeature,
+  columnVisibilityFeature,
+  createFilteredRowModel,
+  createPaginatedRowModel,
+  createSortedRowModel,
+  createTableHook,
+  globalFilteringFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  rowSortingFeature,
+  tableFeatures,
+  flexRender
+} from "@tanstack/react-table";
+import { jsx as jsx17, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
+var DEFAULT_COLUMN_MIN_SIZE = 128;
+var DEFAULT_COLUMN_SIZE = 224;
+var DEFAULT_COLUMN_MAX_SIZE = 640;
+var COLUMN_RESIZE_STEP = 8;
+var dataTableFeatures = tableFeatures({
+  columnFilteringFeature,
+  columnResizingFeature,
+  columnSizingFeature,
+  columnVisibilityFeature,
+  globalFilteringFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  rowSortingFeature,
+  filteredRowModel: createFilteredRowModel(),
+  paginatedRowModel: createPaginatedRowModel(),
+  sortedRowModel: createSortedRowModel(),
+  columnMeta: {}
+});
+var {
+  createAppColumnHelper: createDataTableColumnHelper,
+  useAppTable: useDataTable,
+  useCellContext: useDataTableCellContext,
+  useHeaderContext: useDataTableHeaderContext,
+  useTableContext: useDataTableContext
+} = createTableHook({
+  features: dataTableFeatures,
+  defaultColumn: {
+    minSize: DEFAULT_COLUMN_MIN_SIZE,
+    size: DEFAULT_COLUMN_SIZE,
+    maxSize: DEFAULT_COLUMN_MAX_SIZE
+  },
+  columnResizeMode: "onChange",
+  enableColumnResizing: true,
+  tableComponents: {},
+  cellComponents: {},
+  headerComponents: {}
+});
 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))
-});
+}).annotate({ identifier: "TableSearch" });
 var TableSearchSchemaStandard = Schema2.toStandardSchemaV1(TableSearchSchema);
 var compactDataTableStorage = Layer.effect(KeyValueStore.KeyValueStore, Effect2.map(KeyValueStore.KeyValueStore, (store) => KeyValueStore.make({
   clear: store.clear,
@@ -1849,9 +1912,33 @@ 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);
+]).annotate({ identifier: "DataTableView" });
+var ColumnVisibilitySchema = Schema2.Record(Schema2.String, Schema2.Boolean).annotate({ identifier: "DataTableColumnVisibility" });
+var ColumnSizingSchema = Schema2.Record(Schema2.String, Schema2.Number).annotate({
+  identifier: "DataTableColumnSizing"
+});
+var RowDragDataSchema = Schema2.Struct({
+  type: Schema2.Literal("row"),
+  label: Schema2.optional(Schema2.String),
+  rowId: Schema2.String
+}).annotate({ identifier: "DataTableRowDragData" });
+var RowReorderDragDataSchema = Schema2.Struct({
+  type: Schema2.Literal("row-reorder")
+}).annotate({ identifier: "DataTableRowReorderDragData" });
+var GroupDropDataSchema = Schema2.Struct({
+  type: Schema2.Literal("group-target"),
+  fieldId: Schema2.String,
+  groupId: Schema2.String
+}).annotate({ identifier: "DataTableGroupDropData" });
+var decodeTableSearch = Schema2.decodeUnknownOption(TableSearchSchema);
+var decodeDataTableView = Schema2.decodeUnknownOption(DataTableViewSchema);
+var decodeRowDragData = Schema2.decodeUnknownOption(RowDragDataSchema);
+var decodeRowReorderDragData = Schema2.decodeUnknownOption(RowReorderDragDataSchema);
+var decodeGroupDropData = Schema2.decodeUnknownOption(GroupDropDataSchema);
+var validateTableSearchUpdate = (search) => ({
+  ...search,
+  ...Schema2.decodeUnknownSync(TableSearchSchema)(search)
+});
 var messages3 = {
   en: {
     ...paginationMessages("en"),
@@ -1875,7 +1962,9 @@ var messages3 = {
     sortBy: "Sort by",
     reorder: "Drag to reorder",
     resizeColumn: (column) => `Resize ${column} column`,
-    listOthers: (count) => count === 1 ? "and 1 other" : `and ${count} others`
+    listOthers: (count) => count === 1 ? "and 1 other" : `and ${count} others`,
+    selectAllRows: "Select all rows on this page",
+    selectRow: "Select row"
   },
   fr: {
     ...paginationMessages("fr"),
@@ -1899,7 +1988,9 @@ var messages3 = {
     sortBy: "Trier par",
     reorder: "Glisser pour réordonner",
     resizeColumn: (column) => `Redimensionner la colonne ${column}`,
-    listOthers: (count) => count === 1 ? "et 1 autre" : `et ${count} autres`
+    listOthers: (count) => count === 1 ? "et 1 autre" : `et ${count} autres`,
+    selectAllRows: "Sélectionner toutes les lignes de cette page",
+    selectRow: "Sélectionner la ligne"
   }
 };
 var dataTableMessages = (overrides) => ({
@@ -1935,6 +2026,11 @@ var getDefaultGrouping = (grouping) => {
 var getGroupTargetDropId = (key) => `group-target:${key}`;
 var getRowDragId = (rowId) => `row:${rowId}`;
 var getSortableRowId = (rowId) => `sortable-row:${rowId}`;
+var getGroupLabels = (section) => {
+  const rows = section.rows.map((row) => row.original);
+  const label = section.field.getGroupLabel?.(section.groupId, rows) ?? section.groupId;
+  return section.field.renderGroupLabel?.(section.groupId, rows) ?? label;
+};
 var DataTableRowActions = ({
   actions,
   contentClassName,
@@ -1948,30 +2044,30 @@ var DataTableRowActions = ({
   }
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
         onClick: (event) => event.stopPropagation(),
         render: /* @__PURE__ */ jsxs8(Button, {
-          className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
+          className: "size-8 focus-visible:ring-inset [&_svg:not([class*='size-'])]:size-4",
           variant: "ghost",
           size: "icon",
           children: [
-            /* @__PURE__ */ jsx16("span", {
+            /* @__PURE__ */ jsx17("span", {
               className: "sr-only",
               children: resolvedTitle
             }),
-            /* @__PURE__ */ jsx16(MoreHorizontal, {})
+            /* @__PURE__ */ jsx17(MoreHorizontal, {})
           ]
         })
       }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, {
+      /* @__PURE__ */ jsx17(DropdownMenuContent, {
         align: "end",
         className: cn("w-max", contentClassName),
         children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
           children: [
-            /* @__PURE__ */ jsx16(DropdownMenuLabel, {
+            /* @__PURE__ */ jsx17(DropdownMenuLabel, {
               children: resolvedTitle
             }),
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
             visibleActions.map((action) => /* @__PURE__ */ jsxs8(DropdownMenuItem, {
               className: "whitespace-nowrap",
               onClick: (event) => {
@@ -2027,10 +2123,8 @@ var GroupHeaderRow = ({
   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__ */ jsx16(TableRow, {
-    children: /* @__PURE__ */ jsx16(TableCell, {
+  return /* @__PURE__ */ jsx17(TableRow, {
+    children: /* @__PURE__ */ jsx17(TableCell, {
       className: "relative p-0",
       colSpan,
       onClick: onToggle,
@@ -2040,21 +2134,21 @@ var GroupHeaderRow = ({
           paddingLeft: `calc(0.5rem + ${section.depth * GROUP_INDENT_PX}px)`
         },
         children: [
-          collapsed ? /* @__PURE__ */ jsx16(ChevronRight2, {
+          collapsed ? /* @__PURE__ */ jsx17(ChevronRight2, {
             className: "size-4"
-          }) : /* @__PURE__ */ jsx16(ChevronDown, {
+          }) : /* @__PURE__ */ jsx17(ChevronDown, {
             className: "size-4"
           }),
-          /* @__PURE__ */ jsx16("div", {
+          /* @__PURE__ */ jsx17("div", {
             className: "min-w-0 flex-1 text-left",
-            children: renderedLabel
+            children: getGroupLabels(section)
           }),
-          /* @__PURE__ */ jsx16(Badge, {
+          /* @__PURE__ */ jsx17(Badge, {
             variant: "secondary",
             className: "ml-auto",
             children: section.rows.length
           }),
-          /* @__PURE__ */ jsx16(DataTableGroupActions, {
+          /* @__PURE__ */ jsx17(DataTableGroupActions, {
             actions: section.field.actions,
             groupId: section.groupId,
             title: section.field.actionsTitle
@@ -2077,7 +2171,7 @@ var GroupTableSection = ({
       groupId: section.groupId
     }
   });
-  return /* @__PURE__ */ jsx16(TableBody, {
+  return /* @__PURE__ */ jsx17(TableBody, {
     className: cn("relative px-2", isOver && "ring-primary ring-1 ring-inset"),
     ref: setNodeRef,
     children
@@ -2097,8 +2191,6 @@ var GroupHeaderCard = ({
       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__ */ jsxs8("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,
@@ -2108,23 +2200,23 @@ var GroupHeaderCard = ({
         onClick: onToggle,
         type: "button",
         children: [
-          collapsed ? /* @__PURE__ */ jsx16(ChevronRight2, {
+          collapsed ? /* @__PURE__ */ jsx17(ChevronRight2, {
             className: "size-4"
-          }) : /* @__PURE__ */ jsx16(ChevronDown, {
+          }) : /* @__PURE__ */ jsx17(ChevronDown, {
             className: "size-4"
           }),
-          /* @__PURE__ */ jsx16("div", {
+          /* @__PURE__ */ jsx17("div", {
             className: "min-w-0 flex-1",
-            children: renderedLabel
+            children: getGroupLabels(section)
           }),
-          /* @__PURE__ */ jsx16(Badge, {
+          /* @__PURE__ */ jsx17(Badge, {
             variant: "secondary",
             className: "ml-auto",
             children: section.rows.length
           })
         ]
       }),
-      /* @__PURE__ */ jsx16(DataTableGroupActions, {
+      /* @__PURE__ */ jsx17(DataTableGroupActions, {
         actions: section.field.actions,
         groupId: section.groupId,
         title: section.field.actionsTitle
@@ -2142,30 +2234,30 @@ var DataTableGroupActions = ({
     return null;
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
         onClick: (event) => event.stopPropagation(),
         render: /* @__PURE__ */ jsxs8(Button, {
           className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
           size: "icon",
           variant: "ghost",
           children: [
-            /* @__PURE__ */ jsx16("span", {
+            /* @__PURE__ */ jsx17("span", {
               className: "sr-only",
               children: title
             }),
-            /* @__PURE__ */ jsx16(MoreHorizontal, {})
+            /* @__PURE__ */ jsx17(MoreHorizontal, {})
           ]
         })
       }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, {
+      /* @__PURE__ */ jsx17(DropdownMenuContent, {
         align: "end",
         className: "w-max",
         children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
           children: [
-            /* @__PURE__ */ jsx16(DropdownMenuLabel, {
+            /* @__PURE__ */ jsx17(DropdownMenuLabel, {
               children: title
             }),
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
             visibleActions.map((action) => /* @__PURE__ */ jsxs8(DropdownMenuItem, {
               className: "whitespace-nowrap",
               onClick: (event) => {
@@ -2193,7 +2285,10 @@ var DataTableRow = ({
   onRowClick,
   row,
   rowActions,
-  rowActionsLabel
+  rowActionsLabel,
+  selectRowLabel,
+  selectable,
+  table
 }) => {
   const sortable = useSortable({
     id: getSortableRowId(row.id),
@@ -2209,7 +2304,7 @@ var DataTableRow = ({
     disabled: !canDrag || canReorder,
     data: {
       type: "row",
-      row: row.original,
+      rowId: row.id,
       label: dragLabel
     }
   });
@@ -2222,7 +2317,7 @@ var DataTableRow = ({
   const rowAttributes = canReorder ? onRowClick ? { role: "button", tabIndex: 0 } : {} : onRowClick ? { ...attributes, role: "button", tabIndex: 0 } : attributes;
   const visibleCells = row.getVisibleCells();
   return /* @__PURE__ */ jsxs8(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"),
+    className: cn("group/row 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) {
@@ -2244,9 +2339,23 @@ var DataTableRow = ({
     ...rowAttributes,
     ...!canReorder ? listeners : {},
     children: [
-      canReorder ? /* @__PURE__ */ jsx16(TableCell, {
+      selectable ? /* @__PURE__ */ jsx17(TableCell, {
+        className: "w-10 min-w-10 cursor-default pr-0",
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx17(Checkbox, {
+          "aria-label": selectRowLabel,
+          checked: row.getIsSelected(),
+          disabled: !row.getCanSelect(),
+          onCheckedChange: (checked, eventDetails) => row.getToggleSelectedHandler()({
+            nativeEvent: eventDetails.event,
+            target: { checked }
+          }),
+          onClick: (event) => event.stopPropagation()
+        })
+      }) : null,
+      canReorder ? /* @__PURE__ */ jsx17(TableCell, {
         className: "w-10 min-w-10 pr-0",
-        children: /* @__PURE__ */ jsx16(Button, {
+        children: /* @__PURE__ */ jsx17(Button, {
           "aria-label": reorderHandleLabel,
           className: "size-8 cursor-grab active:cursor-grabbing",
           onClick: (event) => event.stopPropagation(),
@@ -2255,28 +2364,31 @@ var DataTableRow = ({
           variant: "ghost",
           ...attributes,
           ...listeners,
-          children: /* @__PURE__ */ jsx16(GripVertical, {})
+          children: /* @__PURE__ */ jsx17(GripVertical, {})
         })
       }) : null,
       visibleCells.map((cell, index) => {
-        const isLastCell = index === visibleCells.length - 1;
-        return /* @__PURE__ */ jsx16(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__ */ jsx16("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())
+        return /* @__PURE__ */ jsx17(table.AppCell, {
+          cell,
+          children: (appCell) => /* @__PURE__ */ jsx17(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"),
+            style: index === 0 && firstCellIndent ? {
+              paddingLeft: firstCellIndent,
+              width: cell.column.getSize()
+            } : { width: cell.column.getSize() },
+            children: /* @__PURE__ */ jsx17("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: /* @__PURE__ */ jsx17(appCell.FlexRender, {})
+            })
           })
         }, cell.id);
       }),
-      rowActions ? /* @__PURE__ */ jsx16(TableCell, {
-        className: "sticky right-0 z-20 w-0 min-w-0 overflow-visible p-0",
-        children: /* @__PURE__ */ jsx16("div", {
-          className: "bg-background/95 absolute top-1/2 right-2 -translate-y-1/2 rounded-md shadow-sm backdrop-blur",
-          children: /* @__PURE__ */ jsx16(DataTableRowActions, {
+      rowActions ? /* @__PURE__ */ jsx17(TableCell, {
+        className: "bg-background group-data-[state=selected]/row:bg-muted sticky right-0 z-20 w-10 min-w-10 cursor-default p-0 transition-colors group-hover/row:bg-[color-mix(in_oklab,var(--muted)_50%,var(--background))]",
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx17("div", {
+          className: "flex h-16 items-center justify-center",
+          children: /* @__PURE__ */ jsx17(DataTableRowActions, {
             actions: rowActions,
             row: row.original,
             title: rowActionsLabel
@@ -2294,6 +2406,8 @@ var DataTableGalleryCard = ({
   row,
   rowActions,
   rowActionsLabel,
+  selectRowLabel,
+  selectable,
   table
 }) => {
   const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
@@ -2301,7 +2415,7 @@ var DataTableGalleryCard = ({
     disabled: !canDrag,
     data: {
       type: "row",
-      row: row.original,
+      rowId: row.id,
       label: dragLabel
     }
   });
@@ -2323,17 +2437,30 @@ var DataTableGalleryCard = ({
       ...attributes,
       ...listeners,
       children: [
-        rowActions ? /* @__PURE__ */ jsx16("div", {
+        selectable ? /* @__PURE__ */ jsx17("div", {
+          className: "absolute top-4 left-4 z-10",
+          onClick: (event) => event.stopPropagation(),
+          children: /* @__PURE__ */ jsx17(Checkbox, {
+            "aria-label": selectRowLabel,
+            checked: row.getIsSelected(),
+            disabled: !row.getCanSelect(),
+            onCheckedChange: (checked, eventDetails) => row.getToggleSelectedHandler()({
+              nativeEvent: eventDetails.event,
+              target: { checked }
+            })
+          })
+        }) : null,
+        rowActions ? /* @__PURE__ */ jsx17("div", {
           className: "absolute top-4 right-4 z-10",
           onClick: (event) => event.stopPropagation(),
-          children: /* @__PURE__ */ jsx16(DataTableRowActions, {
+          children: /* @__PURE__ */ jsx17(DataTableRowActions, {
             actions: rowActions,
             row: row.original,
             title: rowActionsLabel
           })
         }) : null,
         /* @__PURE__ */ jsxs8(CardHeader, {
-          className: cn(rowActions && "pr-14"),
+          className: cn(rowActions && "pr-14", selectable && "pl-12"),
           children: [
             tagCell && tagLabel ? /* @__PURE__ */ jsxs8(Badge, {
               variant: "secondary",
@@ -2343,11 +2470,11 @@ var DataTableGalleryCard = ({
                 tagLabel
               ]
             }) : null,
-            nameCell ? /* @__PURE__ */ jsx16(CardTitle, {
+            nameCell ? /* @__PURE__ */ jsx17(CardTitle, {
               className: "min-w-0 text-base",
               children: flexRender(nameCell.column.columnDef.cell, nameCell.getContext())
             }) : null,
-            descriptionCell ? /* @__PURE__ */ jsx16(CardDescription, {
+            descriptionCell ? /* @__PURE__ */ jsx17(CardDescription, {
               className: "line-clamp-2 min-w-0",
               children: flexRender(descriptionCell.column.columnDef.cell, descriptionCell.getContext())
             }) : null
@@ -2358,7 +2485,7 @@ var DataTableGalleryCard = ({
   }
   const contentCells = row.getVisibleCells();
   return /* @__PURE__ */ jsxs8(Card, {
-    className: cn("gap-3 transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
+    className: cn("relative gap-3 transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
     "data-state": row.getIsSelected() && "selected",
     onClick: () => {
       if (onRowClick) {
@@ -2369,11 +2496,24 @@ var DataTableGalleryCard = ({
     ...attributes,
     ...listeners,
     children: [
+      selectable ? /* @__PURE__ */ jsx17("div", {
+        className: "absolute top-4 left-4 z-10",
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx17(Checkbox, {
+          "aria-label": selectRowLabel,
+          checked: row.getIsSelected(),
+          disabled: !row.getCanSelect(),
+          onCheckedChange: (checked, eventDetails) => row.getToggleSelectedHandler()({
+            nativeEvent: eventDetails.event,
+            target: { checked }
+          })
+        })
+      }) : null,
       /* @__PURE__ */ jsxs8(CardHeader, {
         children: [
-          rowActions ? /* @__PURE__ */ jsx16(CardAction, {
+          rowActions ? /* @__PURE__ */ jsx17(CardAction, {
             onClick: (event) => event.stopPropagation(),
-            children: /* @__PURE__ */ jsx16(DataTableRowActions, {
+            children: /* @__PURE__ */ jsx17(DataTableRowActions, {
               actions: rowActions,
               row: row.original,
               title: rowActionsLabel
@@ -2382,11 +2522,11 @@ var DataTableGalleryCard = ({
           contentCells.length > 0 && /* @__PURE__ */ jsxs8("div", {
             className: "grid min-w-0 gap-3",
             children: [
-              /* @__PURE__ */ jsx16(CardDescription, {
+              /* @__PURE__ */ jsx17(CardDescription, {
                 className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
                 children: getColumnDisplayName(table, contentCells[0].column.id)
               }),
-              /* @__PURE__ */ jsx16(CardTitle, {
+              /* @__PURE__ */ jsx17(CardTitle, {
                 className: "text-base",
                 children: flexRender(contentCells[0].column.columnDef.cell, contentCells[0].getContext())
               })
@@ -2394,16 +2534,16 @@ var DataTableGalleryCard = ({
           })
         ]
       }),
-      contentCells.length > 1 && /* @__PURE__ */ jsx16(CardContent, {
+      contentCells.length > 1 && /* @__PURE__ */ jsx17(CardContent, {
         className: "grid gap-3",
         children: contentCells.slice(1).map((cell) => /* @__PURE__ */ jsxs8("div", {
           className: "grid gap-1",
           children: [
-            /* @__PURE__ */ jsx16("div", {
+            /* @__PURE__ */ jsx17("div", {
               className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
               children: getColumnDisplayName(table, cell.column.id)
             }),
-            /* @__PURE__ */ jsx16("div", {
+            /* @__PURE__ */ jsx17("div", {
               className: "min-w-0 text-sm",
               children: flexRender(cell.column.columnDef.cell, cell.getContext())
             })
@@ -2418,15 +2558,15 @@ var extractTextFromElement = (element) => {
     return element;
   if (typeof element === "number")
     return String(element);
-  if (!element || typeof element !== "object")
-    return null;
-  const props = element.props;
-  if (!props)
+  if (!isValidElement(element)) {
     return null;
+  }
+  const { props } = element;
   if (typeof props.title === "string")
     return props.title;
   return extractTextFromElement(props.children);
 };
+var getColumnLabels = (table) => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)]));
 var getHeaderName = (header) => {
   const columnDef = header.column.columnDef;
   if (typeof columnDef.header === "function") {
@@ -2443,15 +2583,6 @@ 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__ */ jsx16("div", {
-    className: "flex h-12 items-center px-2 text-sm",
-    children: content
-  }) : content;
-};
 var withFileExtension = (fileName, extension) => {
   const normalizedExtension = extension.startsWith(".") ? extension : `.${extension}`;
   return fileName.includes(".") ? fileName.replace(/\.[^/.]+$/, normalizedExtension) : `${fileName}${normalizedExtension}`;
@@ -2507,6 +2638,191 @@ var exportTableToJson = (table, rows, fileName = "data.json") => {
   const data = rows.map((row) => Object.fromEntries(exportableColumns.map((column) => [column.id, row.getValue(column.id)])));
   downloadJson(data, fileName);
 };
+var DataTableToolbar = ({
+  activeGrouping,
+  exportBaseName,
+  exportRows,
+  grouping,
+  labels: labels2,
+  onRefresh,
+  onToggleGrouping,
+  onViewChange,
+  showColumnVisibility,
+  showExport,
+  showGallery,
+  showSearch,
+  showSorting,
+  table,
+  view
+}) => {
+  const [refreshSpinCount, setRefreshSpinCount] = useState(0);
+  const [searchInput, setSearchInput] = useState(table.state.globalFilter);
+  const hasToolbar = Boolean(showSearch || grouping?.fields.length || showSorting || showGallery || showColumnVisibility || onRefresh || showExport);
+  useEffect2(() => {
+    setSearchInput(table.state.globalFilter);
+  }, [table.state.globalFilter]);
+  if (!hasToolbar)
+    return null;
+  return /* @__PURE__ */ jsx17("div", {
+    className: "flex flex-col gap-3 pb-4",
+    children: /* @__PURE__ */ jsxs8("div", {
+      className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
+      children: [
+        showSearch ? /* @__PURE__ */ jsxs8("div", {
+          className: "relative w-full min-w-0 flex-1 sm:min-w-sm",
+          children: [
+            /* @__PURE__ */ jsx17(Search, {
+              className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
+            }),
+            /* @__PURE__ */ jsx17(Input, {
+              className: "px-9",
+              onChange: (event) => {
+                setSearchInput(event.target.value);
+                table.setGlobalFilter(event.target.value);
+              },
+              placeholder: labels2.filter,
+              value: searchInput
+            }),
+            searchInput ? /* @__PURE__ */ jsx17(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__ */ jsx17(X2, {
+                className: "size-4"
+              })
+            }) : null
+          ]
+        }) : /* @__PURE__ */ jsx17("div", {}),
+        /* @__PURE__ */ jsxs8("div", {
+          className: "-m-1 flex items-center gap-2 overflow-x-auto p-1",
+          children: [
+            grouping?.fields.length ? /* @__PURE__ */ jsxs8(DropdownMenu, {
+              children: [
+                /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
+                  render: /* @__PURE__ */ jsxs8(Button, {
+                    "aria-label": labels2.groupBy,
+                    className: "h-9",
+                    size: "sm",
+                    variant: "outline",
+                    children: [
+                      /* @__PURE__ */ jsx17(Rows3, {}),
+                      /* @__PURE__ */ jsx17("span", {
+                        className: "hidden sm:inline",
+                        children: labels2.groupBy
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ jsx17(DropdownMenuContent, {
+                  align: "end",
+                  className: "w-[200px]",
+                  children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
+                    children: [
+                      /* @__PURE__ */ jsx17(DropdownMenuLabel, {
+                        children: labels2.groupBy
+                      }),
+                      /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+                      grouping.fields.map((field) => /* @__PURE__ */ jsx17(DropdownMenuCheckboxItem, {
+                        checked: activeGrouping.includes(field.id),
+                        onCheckedChange: (value) => onToggleGrouping(field.id, !!value),
+                        children: field.label
+                      }, field.id))
+                    ]
+                  })
+                })
+              ]
+            }) : null,
+            showSorting ? /* @__PURE__ */ jsx17(DataTableSortDropdown, {
+              messages: labels2,
+              table
+            }) : null,
+            showGallery ? /* @__PURE__ */ jsx17(DataTableDisplayModeSwitch, {
+              messages: labels2,
+              onChange: onViewChange,
+              value: view
+            }) : null,
+            showColumnVisibility ? /* @__PURE__ */ jsx17(DataTableViewOptions, {
+              messages: labels2,
+              table
+            }) : null,
+            onRefresh ? /* @__PURE__ */ jsxs8(Button, {
+              "aria-label": labels2.refresh,
+              className: "h-9",
+              onClick: () => {
+                setRefreshSpinCount((count) => count + 1);
+                onRefresh();
+              },
+              size: "sm",
+              type: "button",
+              variant: "outline",
+              children: [
+                /* @__PURE__ */ jsx17(RefreshCw, {
+                  className: cn(refreshSpinCount > 0 && "animate-[spin_500ms_ease-in-out_1]")
+                }, refreshSpinCount),
+                /* @__PURE__ */ jsx17("span", {
+                  className: "hidden sm:inline",
+                  children: labels2.refresh
+                })
+              ]
+            }) : null,
+            showExport ? /* @__PURE__ */ jsxs8(DropdownMenu, {
+              children: [
+                /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
+                  render: /* @__PURE__ */ jsxs8(Button, {
+                    "aria-label": labels2.export,
+                    className: "h-9",
+                    disabled: exportRows.length === 0,
+                    size: "sm",
+                    variant: "outline",
+                    children: [
+                      /* @__PURE__ */ jsx17(Download, {}),
+                      /* @__PURE__ */ jsx17("span", {
+                        className: "hidden sm:inline",
+                        children: labels2.export
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ jsx17(DropdownMenuContent, {
+                  align: "end",
+                  className: "w-[180px]",
+                  children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
+                    children: [
+                      /* @__PURE__ */ jsx17(DropdownMenuLabel, {
+                        children: labels2.export
+                      }),
+                      /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+                      /* @__PURE__ */ jsxs8(DropdownMenuItem, {
+                        onClick: () => exportTableToCsv(table, exportRows, exportBaseName),
+                        children: [
+                          /* @__PURE__ */ jsx17(FileText, {}),
+                          labels2.exportCsv
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs8(DropdownMenuItem, {
+                        onClick: () => exportTableToJson(table, exportRows, exportBaseName),
+                        children: [
+                          /* @__PURE__ */ jsx17(FileJson, {}),
+                          labels2.exportJson
+                        ]
+                      })
+                    ]
+                  })
+                })
+              ]
+            }) : null
+          ]
+        })
+      ]
+    })
+  });
+};
 function DataTable({
   columns,
   data,
@@ -2548,17 +2864,19 @@ function DataTable({
   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 columnVisibilityFeature2 = features?.columnVisibility ?? true;
+  const showColumnVisibility = columnVisibilityFeature2 !== false;
+  const defaultColumnVisibility = typeof columnVisibilityFeature2 === "object" ? columnVisibilityFeature2.default : undefined;
   const showGallery = !!galleryConfig;
   const showSorting = features?.sorting ?? true;
+  const selectionFeature = features?.selection === false ? undefined : features?.selection;
+  const selectable = !!selectionFeature;
   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 search = Option2.getOrUndefined(decodeTableSearch(location.search));
   const pathname = location.pathname;
   const resolvedRouteFrom = routeFrom ?? from;
   const [storagePath] = useState(() => resolvedRouteFrom ?? pathname);
@@ -2615,12 +2933,9 @@ function DataTable({
   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, {
@@ -2630,7 +2945,7 @@ function DataTable({
   }));
   const updateTableSearch = (updater, options) => {
     if (controlledSearch || onSearchChange || searchState === "local") {
-      const nextSearch = updater(controlledSearch ?? localSearch ?? {});
+      const nextSearch = Schema2.decodeUnknownSync(TableSearchSchema)(updater(controlledSearch ?? localSearch));
       if (onSearchChange) {
         onSearchChange(nextSearch);
       } else {
@@ -2642,24 +2957,20 @@ function DataTable({
       to: ".",
       replace: options?.replace ?? false,
       resetScroll: false,
-      search: (current) => updater(current ?? {})
+      search: (current) => validateTableSearchUpdate(updater(current))
     });
   };
-  const table = useReactTable({
+  const table = useDataTable({
+    key: tableStorageId,
     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 } : {},
+    ...selectionFeature ? { getRowId: selectionFeature.getRowId } : reordering ? { getRowId: reordering.getRowId } : {},
+    enableRowSelection: selectionFeature?.isRowSelectable ? (row) => selectionFeature.isRowSelectable?.(row.original) ?? true : selectable,
+    enableMultiRowSelection: selectable,
     onPaginationChange: (updater) => {
       const newPagination = typeof updater === "function" ? updater(pagination) : updater;
       if (pagination.pageIndex === newPagination.pageIndex && pagination.pageSize === newPagination.pageSize) {
@@ -2686,7 +2997,6 @@ function DataTable({
         page: 0
       }));
     },
-    getCoreRowModel: getCoreRowModel(),
     onGlobalFilterChange: (updater) => {
       const newGlobalFilter = typeof updater === "function" ? updater(globalFilter) : updater;
       if (globalFilter === newGlobalFilter) {
@@ -2699,16 +3009,20 @@ function DataTable({
       }), { 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() },
+    ...paginationFeature !== false && paginationFeature.mode === "server" ? { manualPagination: true, rowCount: paginationFeature.rowCount } : paginationFeature === false ? { manualPagination: true } : {},
     autoResetPageIndex: false,
     onColumnVisibilityChange: (updater) => {
       const nextColumnVisibility = typeof updater === "function" ? updater(columnVisibility) : updater;
       setColumnVisibility(nextColumnVisibility);
     },
-    onRowSelectionChange: setRowSelection,
+    onRowSelectionChange: (updater) => {
+      setRowSelection((current) => {
+        const next = typeof updater === "function" ? updater(current) : updater;
+        selectionFeature?.onSelectionChange?.(data.filter((row) => next[selectionFeature.getRowId(row)]));
+        return next;
+      });
+    },
     state: {
       sorting,
       pagination,
@@ -2718,20 +3032,16 @@ function DataTable({
       rowSelection
     }
   });
-  useEffect2(() => {
-    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 filteredRows = table.getPrePaginatedRowModel().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 colSpan = Math.max(table.getVisibleLeafColumns().length, 1) + (rowActions ? 1 : 0) + (selectable ? 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;
@@ -2765,24 +3075,24 @@ function DataTable({
     }
     setStoredView(nextView);
   };
-  const renderLoadingState = () => /* @__PURE__ */ jsx16(Loading, {
+  const renderLoadingState = () => /* @__PURE__ */ jsx17(Loading, {
     label: labels2.loading
   });
   const renderEmptyContent = () => state?.error ?? (isLoading ? renderLoadingState() : emptyContent);
-  const renderTableEmptyState = () => /* @__PURE__ */ jsx16(TableRow, {
-    children: /* @__PURE__ */ jsx16(TableCell, {
+  const renderTableEmptyState = () => /* @__PURE__ */ jsx17(TableRow, {
+    children: /* @__PURE__ */ jsx17(TableCell, {
       className: "h-24 text-center",
       colSpan,
       children: renderEmptyContent()
     })
   });
-  const renderGalleryEmptyState = (message) => /* @__PURE__ */ jsx16("div", {
+  const renderGalleryEmptyState = (message) => /* @__PURE__ */ jsx17("div", {
     className: "text-muted-foreground rounded-xl border border-dashed px-4 py-10 text-center text-sm",
     children: message ?? renderEmptyContent()
   });
-  const renderGalleryRows = (rows, canDrag) => /* @__PURE__ */ jsx16("div", {
+  const renderGalleryRows = (rows, canDrag) => /* @__PURE__ */ jsx17("div", {
     className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-    children: rows.map((row) => /* @__PURE__ */ jsx16(DataTableGalleryCard, {
+    children: rows.map((row) => /* @__PURE__ */ jsx17(DataTableGalleryCard, {
       canDrag,
       dragLabel: grouping?.getRowLabel?.(row.original),
       gallery: galleryConfig,
@@ -2790,6 +3100,8 @@ function DataTable({
       row,
       rowActions,
       rowActionsLabel,
+      selectRowLabel: labels2.selectRow,
+      selectable,
       table
     }, row.id))
   });
@@ -2799,13 +3111,13 @@ function DataTable({
     const sectionBody = /* @__PURE__ */ jsxs8(GroupTableSection, {
       section,
       children: [
-        /* @__PURE__ */ jsx16(GroupHeaderRow, {
+        /* @__PURE__ */ jsx17(GroupHeaderRow, {
           collapsed: isCollapsed,
           colSpan,
           onToggle: () => toggleGroup(section.key),
           section
         }),
-        !isCollapsed && !hasChildren && (section.rows.length > 0 ? section.rows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
+        !isCollapsed && !hasChildren && (section.rows.length > 0 ? section.rows.map((row) => /* @__PURE__ */ jsx17(DataTableRow, {
           canDrag: canDragRows,
           canReorder: false,
           dragLabel: grouping?.getRowLabel?.(row.original),
@@ -2813,9 +3125,12 @@ function DataTable({
           onRowClick,
           row,
           rowActions,
-          rowActionsLabel
-        }, row.id)) : /* @__PURE__ */ jsx16(TableRow, {
-          children: /* @__PURE__ */ jsx16(TableCell, {
+          rowActionsLabel,
+          selectRowLabel: labels2.selectRow,
+          selectable,
+          table
+        }, row.id)) : /* @__PURE__ */ jsx17(TableRow, {
+          children: /* @__PURE__ */ jsx17(TableCell, {
             className: "text-muted-foreground h-16",
             colSpan,
             style: {
@@ -2834,7 +3149,7 @@ function DataTable({
     return /* @__PURE__ */ jsxs8("div", {
       className: "space-y-3",
       children: [
-        /* @__PURE__ */ jsx16(GroupHeaderCard, {
+        /* @__PURE__ */ jsx17(GroupHeaderCard, {
           collapsed: isCollapsed,
           onToggle: () => toggleGroup(section.key),
           section
@@ -2843,272 +3158,144 @@ function DataTable({
       ]
     }, section.key);
   });
+  const handleDragEnd = ({ active, over }) => {
+    setActiveDragLabel(null);
+    if (!over)
+      return;
+    const reorderData = decodeRowReorderDragData(active.data.current);
+    if (Option2.isSome(reorderData) && reordering && canReorderRows) {
+      const sourceRowId = String(active.id).replace(/^sortable-row:/, "");
+      const targetRowId = String(over.id).replace(/^sortable-row:/, "");
+      const currentIndex = bodyRows.findIndex((row2) => row2.id === sourceRowId);
+      const nextIndex = bodyRows.findIndex((row2) => row2.id === targetRowId);
+      if (currentIndex !== -1 && nextIndex !== -1 && currentIndex !== nextIndex) {
+        reordering.onReorder(arrayMove(bodyRows.map((row2) => row2.original), currentIndex, nextIndex));
+      }
+      return;
+    }
+    const rowData = decodeRowDragData(active.data.current);
+    const groupData = decodeGroupDropData(over.data.current);
+    if (Option2.isNone(rowData) || Option2.isNone(groupData))
+      return;
+    const row = bodyRows.find(({ id }) => id === rowData.value.rowId)?.original;
+    const field = grouping?.fields.find((currentField) => currentField.id === groupData.value.fieldId);
+    const nextGroupId = groupData.value.groupId;
+    if (row && field?.onMoveToGroup && field.getGroupId(row) !== nextGroupId) {
+      field.onMoveToGroup(row, nextGroupId);
+    }
+  };
+  const handleDragStart = ({ active }) => {
+    const rowData = decodeRowDragData(active.data.current);
+    setActiveDragLabel(Option2.isSome(rowData) ? rowData.value.label ?? null : null);
+  };
   return /* @__PURE__ */ jsxs8("div", {
     className: "w-full max-w-full min-w-0 rounded-md",
     children: [
-      hasToolbar ? /* @__PURE__ */ jsx16("div", {
-        className: "flex flex-col gap-3 pb-4",
-        children: /* @__PURE__ */ jsxs8("div", {
-          className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
-          children: [
-            showSearch ? /* @__PURE__ */ jsxs8("div", {
-              className: "relative w-full min-w-0 flex-1 sm:min-w-sm",
-              children: [
-                /* @__PURE__ */ jsx16(Search, {
-                  className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
-                }),
-                /* @__PURE__ */ jsx16(Input, {
-                  className: "px-9",
-                  onChange: (event) => {
-                    setSearchInput(event.target.value);
-                    table.setGlobalFilter(event.target.value);
-                  },
-                  placeholder: labels2.filter,
-                  value: searchInput
-                }),
-                searchInput ? /* @__PURE__ */ jsx16(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__ */ jsx16(X2, {
-                    className: "size-4"
-                  })
-                }) : null
-              ]
-            }) : /* @__PURE__ */ jsx16("div", {}),
-            /* @__PURE__ */ jsxs8("div", {
-              className: "-m-1 flex items-center gap-2 overflow-x-auto p-1",
-              children: [
-                grouping?.fields.length ? /* @__PURE__ */ jsxs8(DropdownMenu, {
-                  children: [
-                    /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
-                      render: /* @__PURE__ */ jsxs8(Button, {
-                        "aria-label": labels2.groupBy,
-                        className: "h-9",
-                        size: "sm",
-                        variant: "outline",
-                        children: [
-                          /* @__PURE__ */ jsx16(Rows3, {}),
-                          /* @__PURE__ */ jsx16("span", {
-                            className: "hidden sm:inline",
-                            children: labels2.groupBy
-                          })
-                        ]
-                      })
-                    }),
-                    /* @__PURE__ */ jsx16(DropdownMenuContent, {
-                      align: "end",
-                      className: "w-[200px]",
-                      children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
-                        children: [
-                          /* @__PURE__ */ jsx16(DropdownMenuLabel, {
-                            children: labels2.groupBy
-                          }),
-                          /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-                          grouping.fields.map((field) => /* @__PURE__ */ jsx16(DropdownMenuCheckboxItem, {
-                            checked: activeGrouping.includes(field.id),
-                            onCheckedChange: (value) => toggleGroupingField(field.id, !!value),
-                            children: field.label
-                          }, field.id))
-                        ]
-                      })
-                    })
-                  ]
-                }) : null,
-                showSorting ? /* @__PURE__ */ jsx16(DataTableSortDropdown, {
-                  messages: labels2,
-                  table
-                }) : null,
-                showGallery ? /* @__PURE__ */ jsx16(DataTableDisplayModeSwitch, {
-                  messages: labels2,
-                  onChange: setView,
-                  value: currentView
-                }) : null,
-                showColumnVisibility ? /* @__PURE__ */ jsx16(DataTableViewOptions, {
-                  messages: labels2,
-                  table
-                }) : null,
-                onRefresh ? /* @__PURE__ */ jsxs8(Button, {
-                  "aria-label": labels2.refresh,
-                  className: "h-9",
-                  onClick: () => {
-                    setRefreshSpinCount((count) => count + 1);
-                    onRefresh();
-                  },
-                  size: "sm",
-                  type: "button",
-                  variant: "outline",
-                  children: [
-                    /* @__PURE__ */ jsx16(RefreshCw, {
-                      className: cn(refreshSpinCount > 0 && "animate-[spin_500ms_ease-in-out_1]")
-                    }, refreshSpinCount),
-                    /* @__PURE__ */ jsx16("span", {
-                      className: "hidden sm:inline",
-                      children: labels2.refresh
-                    })
-                  ]
-                }) : null,
-                showExport ? /* @__PURE__ */ jsxs8(DropdownMenu, {
-                  children: [
-                    /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
-                      render: /* @__PURE__ */ jsxs8(Button, {
-                        "aria-label": labels2.export,
-                        className: "h-9",
-                        disabled: !hasExportableRows,
-                        size: "sm",
-                        variant: "outline",
-                        children: [
-                          /* @__PURE__ */ jsx16(Download, {}),
-                          /* @__PURE__ */ jsx16("span", {
-                            className: "hidden sm:inline",
-                            children: labels2.export
-                          })
-                        ]
-                      })
-                    }),
-                    /* @__PURE__ */ jsx16(DropdownMenuContent, {
-                      align: "end",
-                      className: "w-[180px]",
-                      children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
-                        children: [
-                          /* @__PURE__ */ jsx16(DropdownMenuLabel, {
-                            children: labels2.export
-                          }),
-                          /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-                          /* @__PURE__ */ jsxs8(DropdownMenuItem, {
-                            onClick: () => exportTableToCsv(table, exportRows, exportBaseName),
-                            children: [
-                              /* @__PURE__ */ jsx16(FileText, {}),
-                              labels2.exportCsv
-                            ]
-                          }),
-                          /* @__PURE__ */ jsxs8(DropdownMenuItem, {
-                            onClick: () => exportTableToJson(table, exportRows, exportBaseName),
-                            children: [
-                              /* @__PURE__ */ jsx16(FileJson, {}),
-                              labels2.exportJson
-                            ]
-                          })
-                        ]
-                      })
-                    })
-                  ]
-                }) : null
-              ]
-            })
-          ]
-        })
-      }) : null,
-      /* @__PURE__ */ jsx16(DndContext, {
+      /* @__PURE__ */ jsx17(DataTableToolbar, {
+        activeGrouping,
+        exportBaseName,
+        exportRows,
+        grouping,
+        labels: labels2,
+        onRefresh,
+        onToggleGrouping: toggleGroupingField,
+        onViewChange: setView,
+        showColumnVisibility,
+        showExport,
+        showGallery,
+        showSearch,
+        showSorting,
+        table,
+        view: currentView
+      }),
+      /* @__PURE__ */ jsx17(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);
-        },
+        onDragEnd: handleDragEnd,
+        onDragStart: handleDragStart,
         sensors,
-        children: /* @__PURE__ */ jsxs8(DataTableViewContext.Provider, {
-          value: currentView,
+        children: /* @__PURE__ */ jsxs8(table.AppTable, {
           children: [
-            isGalleryView ? hasActiveGrouping ? groupedSections.length > 0 ? /* @__PURE__ */ jsx16("div", {
+            isGalleryView ? hasActiveGrouping ? groupedSections.length > 0 ? /* @__PURE__ */ jsx17("div", {
               className: "space-y-4",
               children: renderGroupedGallerySections(groupedSections)
             }) : renderGalleryEmptyState() : bodyRows.length > 0 ? renderGalleryRows(bodyRows, false) : renderGalleryEmptyState() : /* @__PURE__ */ jsxs8(ScrollArea, {
               className: "-m-1 max-w-full min-w-0",
               children: [
-                /* @__PURE__ */ jsx16("div", {
+                /* @__PURE__ */ jsx17("div", {
                   className: "max-w-full min-w-0 p-1",
                   children: /* @__PURE__ */ jsxs8(Table, {
                     className: "table-fixed",
                     style: {
-                      width: `max(100%, ${table.getTotalSize() + (canReorderRows ? 40 : 0)}px)`
+                      width: `max(100%, ${table.getTotalSize() + (canReorderRows ? 40 : 0) + (selectable ? 40 : 0) + (rowActions ? 40 : 0)}px)`
                     },
                     children: [
-                      /* @__PURE__ */ jsx16(TableHeader, {
+                      /* @__PURE__ */ jsx17(TableHeader, {
                         children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs8(TableRow, {
                           className: "p-4",
                           children: [
-                            canReorderRows ? /* @__PURE__ */ jsx16(TableHead, {
+                            selectable ? /* @__PURE__ */ jsx17(TableHead, {
+                              className: "w-10 min-w-10 pr-0",
+                              children: /* @__PURE__ */ jsx17(Checkbox, {
+                                "aria-label": labels2.selectAllRows,
+                                checked: table.getIsAllPageRowsSelected(),
+                                indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(),
+                                onCheckedChange: (checked) => table.toggleAllPageRowsSelected(checked)
+                              })
+                            }) : null,
+                            canReorderRows ? /* @__PURE__ */ jsx17(TableHead, {
                               className: "w-10 min-w-10 p-0"
                             }) : null,
-                            headerGroup.headers.map((header) => {
-                              return /* @__PURE__ */ jsxs8(TableHead, {
+                            headerGroup.headers.map((header) => /* @__PURE__ */ jsx17(table.AppHeader, {
+                              header,
+                              children: (appHeader) => /* @__PURE__ */ jsxs8(TableHead, {
                                 className: "relative h-12 min-w-32 p-0",
                                 style: { width: header.getSize() },
                                 children: [
-                                  renderHeader(header),
-                                  header.column.getCanResize() ? /* @__PURE__ */ jsx16("button", {
+                                  header.isPlaceholder ? null : /* @__PURE__ */ jsx17(appHeader.FlexRender, {}),
+                                  header.column.getCanResize() ? /* @__PURE__ */ jsx17("button", {
                                     "aria-label": labels2.resizeColumn(getHeaderName(header)),
+                                    "aria-orientation": "vertical",
+                                    "aria-valuemax": header.column.columnDef.maxSize ?? DEFAULT_COLUMN_MAX_SIZE,
+                                    "aria-valuemin": header.column.columnDef.minSize ?? DEFAULT_COLUMN_MIN_SIZE,
+                                    "aria-valuenow": header.column.getSize(),
                                     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"),
+                                    onKeyDown: (event) => {
+                                      const minSize = header.column.columnDef.minSize ?? DEFAULT_COLUMN_MIN_SIZE;
+                                      const maxSize = header.column.columnDef.maxSize ?? DEFAULT_COLUMN_MAX_SIZE;
+                                      const currentSize = header.column.getSize();
+                                      const nextSize = event.key === "ArrowLeft" ? currentSize - COLUMN_RESIZE_STEP : event.key === "ArrowRight" ? currentSize + COLUMN_RESIZE_STEP : event.key === "Home" ? minSize : event.key === "End" ? maxSize : undefined;
+                                      if (nextSize === undefined)
+                                        return;
+                                      event.preventDefault();
+                                      table.setColumnSizing((current) => ({
+                                        ...current,
+                                        [header.column.id]: Math.min(maxSize, Math.max(minSize, nextSize))
+                                      }));
+                                    },
+                                    role: "separator",
                                     type: "button",
                                     onDoubleClick: () => header.column.resetSize(),
                                     onMouseDown: header.getResizeHandler(),
                                     onTouchStart: header.getResizeHandler()
                                   }) : null
                                 ]
-                              }, header.id);
-                            }),
-                            rowActions ? /* @__PURE__ */ jsx16(TableHead, {
-                              className: "sticky right-0 z-20 w-0 min-w-0 p-0"
+                              })
+                            }, header.id)),
+                            rowActions ? /* @__PURE__ */ jsx17(TableHead, {
+                              className: "w-10 min-w-10 p-0"
                             }) : null
                           ]
                         }, headerGroup.id))
                       }),
-                      hasActiveGrouping ? groupedSections.length > 0 ? renderGroupedTableSections(groupedSections) : /* @__PURE__ */ jsx16(TableBody, {
+                      hasActiveGrouping ? groupedSections.length > 0 ? renderGroupedTableSections(groupedSections) : /* @__PURE__ */ jsx17(TableBody, {
                         className: "px-2",
                         children: renderTableEmptyState()
-                      }) : /* @__PURE__ */ jsx16(TableBody, {
+                      }) : /* @__PURE__ */ jsx17(TableBody, {
                         className: "px-2",
-                        children: bodyRows.length > 0 ? canReorderRows ? /* @__PURE__ */ jsx16(SortableContext, {
+                        children: bodyRows.length > 0 ? canReorderRows ? /* @__PURE__ */ jsx17(SortableContext, {
                           items: sortableRowIds,
                           strategy: verticalListSortingStrategy,
-                          children: bodyRows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
+                          children: bodyRows.map((row) => /* @__PURE__ */ jsx17(DataTableRow, {
                             canDrag: false,
                             canReorder: true,
                             dragLabel: reordering?.getRowLabel?.(row.original),
@@ -3116,28 +3303,34 @@ function DataTable({
                             reorderHandleLabel: reordering?.handleLabel ?? labels2.reorder,
                             row,
                             rowActions,
-                            rowActionsLabel
+                            rowActionsLabel,
+                            selectRowLabel: labels2.selectRow,
+                            selectable,
+                            table
                           }, row.id))
-                        }) : bodyRows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
+                        }) : bodyRows.map((row) => /* @__PURE__ */ jsx17(DataTableRow, {
                           canDrag: false,
                           canReorder: false,
                           onRowClick,
                           row,
                           rowActions,
-                          rowActionsLabel
+                          rowActionsLabel,
+                          selectRowLabel: labels2.selectRow,
+                          selectable,
+                          table
                         }, row.id)) : renderTableEmptyState()
                       })
                     ]
                   })
                 }),
-                /* @__PURE__ */ jsx16(ScrollBar, {
+                /* @__PURE__ */ jsx17(ScrollBar, {
                   orientation: "horizontal"
                 })
               ]
             }),
-            /* @__PURE__ */ jsx16(DragOverlay, {
+            /* @__PURE__ */ jsx17(DragOverlay, {
               modifiers: [snapDragOverlayVerticalCenterToCursor],
-              children: activeDragLabel ? /* @__PURE__ */ jsx16("div", {
+              children: activeDragLabel ? /* @__PURE__ */ jsx17("div", {
                 className: "bg-background rounded-md border px-3 py-2 text-sm shadow-sm",
                 children: activeDragLabel
               }) : null
@@ -3145,9 +3338,9 @@ function DataTable({
           ]
         })
       }),
-      showPagination && !hasActiveGrouping && /* @__PURE__ */ jsx16("div", {
+      showPagination && !hasActiveGrouping && /* @__PURE__ */ jsx17("div", {
         className: "p-2",
-        children: /* @__PURE__ */ jsx16(DataTablePagination, {
+        children: /* @__PURE__ */ jsx17(DataTablePagination, {
           messages: labels2,
           pageSizes,
           rowCount: serverRowCount,
@@ -3164,39 +3357,43 @@ function DataTableDisplayModeSwitch({
 }) {
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
         render: /* @__PURE__ */ jsxs8(Button, {
           "aria-label": messages4.view,
           className: "h-9",
           size: "sm",
           variant: "outline",
           children: [
-            value === "gallery" ? /* @__PURE__ */ jsx16(LayoutGrid, {}) : /* @__PURE__ */ jsx16(Rows3, {}),
-            /* @__PURE__ */ jsx16("span", {
+            value === "gallery" ? /* @__PURE__ */ jsx17(LayoutGrid, {}) : /* @__PURE__ */ jsx17(Rows3, {}),
+            /* @__PURE__ */ jsx17("span", {
               className: "hidden sm:inline",
               children: messages4.view
             })
           ]
         })
       }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, {
+      /* @__PURE__ */ jsx17(DropdownMenuContent, {
         align: "end",
         className: "w-[160px]",
         children: /* @__PURE__ */ jsxs8(DropdownMenuRadioGroup, {
           value,
-          onValueChange: (v) => onChange(v),
+          onValueChange: (nextValue) => {
+            const view = decodeDataTableView(nextValue);
+            if (Option2.isSome(view))
+              onChange(view.value);
+          },
           children: [
             /* @__PURE__ */ jsxs8(DropdownMenuRadioItem, {
               value: "table",
               children: [
-                /* @__PURE__ */ jsx16(Rows3, {}),
+                /* @__PURE__ */ jsx17(Rows3, {}),
                 messages4.tableView
               ]
             }),
             /* @__PURE__ */ jsxs8(DropdownMenuRadioItem, {
               value: "gallery",
               children: [
-                /* @__PURE__ */ jsx16(LayoutGrid, {}),
+                /* @__PURE__ */ jsx17(LayoutGrid, {}),
                 messages4.galleryView
               ]
             })
@@ -3210,39 +3407,39 @@ function DataTableSortDropdown({
   messages: messages4,
   table
 }) {
-  const sorting = table.getState().sorting;
+  const sorting = table.state.sorting;
   const sortableColumns = table.getAllColumns().filter((column) => column.getCanSort());
-  const columnLabels = useMemo(() => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)])), [table]);
+  const columnLabels = getColumnLabels(table);
   if (sortableColumns.length === 0) {
     return null;
   }
   const activeSortColumn = sorting.length > 0 ? sorting[0] : null;
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
         render: /* @__PURE__ */ jsxs8(Button, {
           "aria-label": messages4.sortBy,
           className: "h-9",
           size: "sm",
           variant: "outline",
           children: [
-            activeSortColumn ? activeSortColumn.desc ? /* @__PURE__ */ jsx16(ArrowDown, {}) : /* @__PURE__ */ jsx16(ArrowUp, {}) : /* @__PURE__ */ jsx16(ChevronsUpDown2, {}),
-            /* @__PURE__ */ jsx16("span", {
+            activeSortColumn ? activeSortColumn.desc ? /* @__PURE__ */ jsx17(ArrowDown, {}) : /* @__PURE__ */ jsx17(ArrowUp, {}) : /* @__PURE__ */ jsx17(ChevronsUpDown2, {}),
+            /* @__PURE__ */ jsx17("span", {
               className: "hidden sm:inline",
               children: messages4.sortBy
             })
           ]
         })
       }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, {
+      /* @__PURE__ */ jsx17(DropdownMenuContent, {
         align: "end",
         className: "w-[200px]",
         children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
           children: [
-            /* @__PURE__ */ jsx16(DropdownMenuLabel, {
+            /* @__PURE__ */ jsx17(DropdownMenuLabel, {
               children: messages4.sortBy
             }),
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
             sortableColumns.map((column) => {
               const sortState = sorting.find((s) => s.id === column.id);
               const label = columnLabels.get(column.id) ?? column.id;
@@ -3251,9 +3448,9 @@ function DataTableSortDropdown({
                   /* @__PURE__ */ jsxs8(DropdownMenuSubTrigger, {
                     inset: !!sortState,
                     children: [
-                      sortState ? /* @__PURE__ */ jsx16("span", {
+                      sortState ? /* @__PURE__ */ jsx17("span", {
                         className: "pointer-events-none absolute left-3 flex size-4 items-center justify-center",
-                        children: sortState.desc ? /* @__PURE__ */ jsx16(ArrowDown, {}) : /* @__PURE__ */ jsx16(ArrowUp, {})
+                        children: sortState.desc ? /* @__PURE__ */ jsx17(ArrowDown, {}) : /* @__PURE__ */ jsx17(ArrowUp, {})
                       }) : null,
                       label
                     ]
@@ -3263,21 +3460,21 @@ function DataTableSortDropdown({
                       /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                         onClick: () => column.toggleSorting(false),
                         children: [
-                          /* @__PURE__ */ jsx16(ArrowUp, {}),
+                          /* @__PURE__ */ jsx17(ArrowUp, {}),
                           messages4.sortAsc
                         ]
                       }),
                       /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                         onClick: () => column.toggleSorting(true),
                         children: [
-                          /* @__PURE__ */ jsx16(ArrowDown, {}),
+                          /* @__PURE__ */ jsx17(ArrowDown, {}),
                           messages4.sortDesc
                         ]
                       }),
                       sortState && /* @__PURE__ */ jsxs8(Fragment, {
                         children: [
-                          /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-                          /* @__PURE__ */ jsx16(DropdownMenuItem, {
+                          /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+                          /* @__PURE__ */ jsx17(DropdownMenuItem, {
                             onClick: () => column.clearSorting(),
                             children: messages4.sortClear
                           })
@@ -3298,38 +3495,38 @@ function DataTableViewOptions({
   messages: messages4,
   table
 }) {
-  const columnLabels = useMemo(() => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)])), [table]);
+  const columnLabels = getColumnLabels(table);
   const columns = table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
   if (columns.length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
         render: /* @__PURE__ */ jsxs8(Button, {
           "aria-label": messages4.columns,
           className: "h-9",
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ jsx16(Settings2, {}),
-            /* @__PURE__ */ jsx16("span", {
+            /* @__PURE__ */ jsx17(Settings2, {}),
+            /* @__PURE__ */ jsx17("span", {
               className: "hidden sm:inline",
               children: messages4.columns
             })
           ]
         })
       }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, {
+      /* @__PURE__ */ jsx17(DropdownMenuContent, {
         align: "end",
         className: "w-[180px]",
         children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
           children: [
-            /* @__PURE__ */ jsx16(DropdownMenuLabel, {
+            /* @__PURE__ */ jsx17(DropdownMenuLabel, {
               children: messages4.columns
             }),
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-            columns.map((column) => /* @__PURE__ */ jsx16(DropdownMenuCheckboxItem, {
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+            columns.map((column) => /* @__PURE__ */ jsx17(DropdownMenuCheckboxItem, {
               checked: column.getIsVisible(),
               className: "capitalize",
               onCheckedChange: (value) => column.toggleVisibility(!!value),
@@ -3351,7 +3548,7 @@ function DataTablePagination({
   const selectedRows = table.getFilteredSelectedRowModel().rows.length;
   const filteredRows = table.getFilteredRowModel().rows.length;
   const totalRows = rowCount ?? filteredRows;
-  return /* @__PURE__ */ jsx16(Pagination, {
+  return /* @__PURE__ */ jsx17(Pagination, {
     messages: {
       pageSize: labels2.pageSize,
       results: labels2.results,
@@ -3364,9 +3561,9 @@ function DataTablePagination({
     },
     onPageChange: (page) => table.setPageIndex(page),
     onPageSizeChange: (pageSize) => table.setPageSize(pageSize),
-    page: table.getState().pagination.pageIndex,
+    page: table.state.pagination.pageIndex,
     pageCount: table.getPageCount(),
-    pageSize: table.getState().pagination.pageSize,
+    pageSize: table.state.pagination.pageSize,
     pageSizes,
     selectedRows,
     totalRows
@@ -3386,7 +3583,7 @@ function DataTableRelationshipCell({
   useEffect2(() => {
     setSelectedOptions([...value]);
   }, [value]);
-  return /* @__PURE__ */ jsx16(VirtualizedCombobox, {
+  return /* @__PURE__ */ jsx17(VirtualizedCombobox, {
     ariaLabel: manageLabel,
     emptyLabel,
     items: orderedOptions,
@@ -3412,13 +3609,13 @@ function DataTableRelationshipCell({
       type: "button",
       variant: "ghost",
       children: [
-        /* @__PURE__ */ jsx16(DataTableListSummary, {
+        /* @__PURE__ */ jsx17(DataTableListSummary, {
           emptyLabel,
           expandable: false,
           items: selectedOptions,
           variant: selectedOptions.some(({ icon }) => icon) ? "icon" : "text"
         }),
-        /* @__PURE__ */ jsx16(ChevronDown, {
+        /* @__PURE__ */ jsx17(ChevronDown, {
           className: "text-muted-foreground size-4 shrink-0"
         })
       ]
@@ -3441,20 +3638,20 @@ function DataTableListSummary({
   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__ */ jsx16(PopoverContent, {
+  const expandedItems = /* @__PURE__ */ jsx17(PopoverContent, {
     align: "start",
     className: "max-h-72 w-72 overflow-y-auto p-2",
     onClick: (event) => event.stopPropagation(),
-    children: /* @__PURE__ */ jsx16("ul", {
+    children: /* @__PURE__ */ jsx17("ul", {
       className: "grid gap-1",
       children: normalizedItems.map((item, index) => /* @__PURE__ */ jsxs8("li", {
         className: "flex items-center gap-2 rounded-sm px-2 py-1.5 break-words",
         children: [
-          item.icon ? /* @__PURE__ */ jsx16("span", {
+          item.icon ? /* @__PURE__ */ jsx17("span", {
             className: "bg-muted flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[9px] font-semibold",
             children: item.icon
           }) : null,
-          /* @__PURE__ */ jsx16("span", {
+          /* @__PURE__ */ jsx17("span", {
             className: "min-w-0",
             children: item.label
           })
@@ -3463,34 +3660,34 @@ function DataTableListSummary({
     })
   });
   if (normalizedItems.length === 0) {
-    return /* @__PURE__ */ jsx16("span", {
+    return /* @__PURE__ */ jsx17("span", {
       className: "text-muted-foreground text-sm",
       children: emptyLabel
     });
   }
   if (variant === "icon") {
-    return /* @__PURE__ */ jsx16(TooltipProvider, {
+    return /* @__PURE__ */ jsx17(TooltipProvider, {
       children: /* @__PURE__ */ jsxs8("span", {
         className: "flex min-w-0 items-center pl-2",
         children: [
           visibleItems.map((item, index) => /* @__PURE__ */ jsxs8(Tooltip, {
             children: [
-              /* @__PURE__ */ jsx16(TooltipTrigger, {
-                render: /* @__PURE__ */ jsx16("span", {
+              /* @__PURE__ */ jsx17(TooltipTrigger, {
+                render: /* @__PURE__ */ jsx17("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()
                 })
               }),
-              /* @__PURE__ */ jsx16(TooltipContent, {
+              /* @__PURE__ */ jsx17(TooltipContent, {
                 children: item.label
               })
             ]
           }, item.value ?? item.label)),
           remaining ? expandable ? /* @__PURE__ */ jsxs8(Popover, {
             children: [
-              /* @__PURE__ */ jsx16(PopoverTrigger, {
+              /* @__PURE__ */ jsx17(PopoverTrigger, {
                 render: /* @__PURE__ */ jsxs8("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",
@@ -3520,16 +3717,16 @@ function DataTableListSummary({
     className: "block min-w-0 text-sm whitespace-normal",
     "data-slot": "list-summary",
     children: [
-      /* @__PURE__ */ jsx16("span", {
+      /* @__PURE__ */ jsx17("span", {
         children: visibleLabels
       }),
       " ",
-      /* @__PURE__ */ jsx16("span", {
+      /* @__PURE__ */ jsx17("span", {
         className: "inline-block whitespace-nowrap",
         children: expandable ? /* @__PURE__ */ jsxs8(Popover, {
           children: [
-            /* @__PURE__ */ jsx16(PopoverTrigger, {
-              render: /* @__PURE__ */ jsx16("button", {
+            /* @__PURE__ */ jsx17(PopoverTrigger, {
+              render: /* @__PURE__ */ jsx17("button", {
                 className: "text-muted-foreground hover:text-foreground underline decoration-dotted underline-offset-2",
                 onClick: (event) => event.stopPropagation(),
                 onPointerDown: (event) => event.stopPropagation(),
@@ -3542,7 +3739,7 @@ function DataTableListSummary({
         }) : remainingLabel
       })
     ]
-  }) : /* @__PURE__ */ jsx16("span", {
+  }) : /* @__PURE__ */ jsx17("span", {
     className: "block min-w-0 text-sm",
     "data-slot": "list-summary",
     children: visibleLabels
@@ -3557,37 +3754,38 @@ function DataTableColumnHeader({
   const labels2 = dataTableMessages(messages4);
   const sortDirection = column.getIsSorted();
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ jsx16("div", {
+    return /* @__PURE__ */ jsx17("div", {
       className: cn("flex h-12 items-center truncate px-2 text-sm", className),
       children: title
     });
   }
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx17("div", {
     className: cn("flex h-12 items-center", className),
     children: /* @__PURE__ */ jsxs8(DropdownMenu, {
       children: [
-        /* @__PURE__ */ jsx16(DropdownMenuTrigger, {
+        /* @__PURE__ */ jsx17(DropdownMenuTrigger, {
           render: /* @__PURE__ */ jsxs8(Button, {
             variant: "ghost",
             size: "sm",
-            className: "data-[state=open]:bg-accent h-12 w-full justify-start rounded-none px-2",
+            className: "data-[state=open]:bg-accent h-8 max-w-full justify-start px-2",
             children: [
-              /* @__PURE__ */ jsx16("span", {
+              /* @__PURE__ */ jsx17("span", {
                 className: "min-w-0 truncate text-sm",
                 children: title
               }),
-              sortDirection === "desc" ? /* @__PURE__ */ jsx16(ArrowDown, {}) : sortDirection === "asc" ? /* @__PURE__ */ jsx16(ArrowUp, {}) : /* @__PURE__ */ jsx16(ChevronsUpDown2, {})
+              sortDirection === "desc" ? /* @__PURE__ */ jsx17(ArrowDown, {}) : sortDirection === "asc" ? /* @__PURE__ */ jsx17(ArrowUp, {}) : /* @__PURE__ */ jsx17(ChevronsUpDown2, {})
             ]
           })
         }),
-        /* @__PURE__ */ jsx16(DropdownMenuContent, {
+        /* @__PURE__ */ jsx17(DropdownMenuContent, {
           align: "start",
+          className: "max-w-56",
           children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
             children: [
               /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                 onClick: () => column.toggleSorting(false),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowUp, {
+                  /* @__PURE__ */ jsx17(ArrowUp, {
                     className: "text-muted-foreground/70 h-3.5 w-3.5"
                   }),
                   labels2.sortAsc
@@ -3596,7 +3794,7 @@ function DataTableColumnHeader({
               /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                 onClick: () => column.toggleSorting(true),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowDown, {
+                  /* @__PURE__ */ jsx17(ArrowDown, {
                     className: "text-muted-foreground/70 h-3.5 w-3.5"
                   }),
                   labels2.sortDesc
@@ -3605,17 +3803,17 @@ function DataTableColumnHeader({
               sortDirection ? /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                 onClick: () => column.clearSorting(),
                 children: [
-                  /* @__PURE__ */ jsx16(X2, {
+                  /* @__PURE__ */ jsx17(X2, {
                     className: "text-muted-foreground/70 h-3.5 w-3.5"
                   }),
                   labels2.sortClear
                 ]
               }) : null,
-              /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
               /* @__PURE__ */ jsxs8(DropdownMenuItem, {
                 onClick: () => column.toggleVisibility(false),
                 children: [
-                  /* @__PURE__ */ jsx16(EyeOff, {
+                  /* @__PURE__ */ jsx17(EyeOff, {
                     className: "text-muted-foreground/70 h-3.5 w-3.5"
                   }),
                   labels2.sortHide
@@ -3629,10 +3827,15 @@ function DataTableColumnHeader({
   });
 }
 export {
+  useDataTableHeaderContext,
+  useDataTableContext,
+  useDataTableCellContext,
+  useDataTable,
   getHeaderNames,
   downloadJson,
   downloadCsv,
   dataTableMessages,
+  createDataTableColumnHelper,
   TableSearchSchemaStandard,
   TableSearchSchema,
   DataTableRowActions,