@contractspec/lib.ui-kit-web 3.7.6 → 3.8.0

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

@@ -0,0 +1,1005 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxDEV(Slot, {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("button", {
+    ref,
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/select.tsx
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Root, {
+    "data-slot": "select",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Group, {
+    "data-slot": "select-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Value, {
+    "data-slot": "select-value",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: cn2("flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.Icon, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
+          className: "size-4 opacity-50"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.Content, {
+      "data-slot": "select-content",
+      className: cn2("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxDEV2(SelectScrollUpButton, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(SelectPrimitive.Viewport, {
+          className: cn2("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+          children
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(SelectScrollDownButton, {}, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Label, {
+    "data-slot": "select-label",
+    className: cn2("px-2 py-1.5 text-muted-foreground text-xs", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Item, {
+    "data-slot": "select-item",
+    className: cn2("relative flex w-full cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV2("span", {
+        className: "absolute right-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV2(CheckIcon, {
+            className: "size-4"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemText, {
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Separator, {
+    "data-slot": "select-separator",
+    className: cn2("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV2(ChevronUpIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn3(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ui/atoms/Pagination/Pagination.tsx
+import {
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight
+} from "lucide-react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var Pagination = ({
+  currentPage,
+  totalPages,
+  totalItems,
+  itemsPerPage,
+  onPageChange,
+  onItemsPerPageChange,
+  disabled = false,
+  className = "",
+  showItemsPerPage = true,
+  itemsPerPageOptions = [10, 25, 50, 100]
+}) => {
+  const startItem = (currentPage - 1) * itemsPerPage + 1;
+  const endItem = Math.min(currentPage * itemsPerPage, totalItems);
+  const canGoPrevious = currentPage > 1 && !disabled;
+  const canGoNext = currentPage < totalPages && !disabled;
+  const getVisiblePageNumbers = () => {
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    if (currentPage <= 3) {
+      return [1, 2, 3, 4, 5, -1, totalPages];
+    }
+    if (currentPage >= totalPages - 2) {
+      return [
+        1,
+        -1,
+        totalPages - 4,
+        totalPages - 3,
+        totalPages - 2,
+        totalPages - 1,
+        totalPages
+      ];
+    }
+    return [
+      1,
+      -1,
+      currentPage - 1,
+      currentPage,
+      currentPage + 1,
+      -1,
+      totalPages
+    ];
+  };
+  if (totalPages === 0)
+    return null;
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "order-2 text-base text-muted-foreground sm:order-1",
+        children: [
+          "Affichage de ",
+          startItem,
+          " à ",
+          endItem,
+          " sur ",
+          totalItems,
+          " résultats"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "order-1 flex items-center gap-2 sm:order-2",
+        children: [
+          /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(1),
+            disabled: !canGoPrevious,
+            className: "hidden h-8 w-8 p-0 sm:flex",
+            children: [
+              /* @__PURE__ */ jsxDEV3(ChevronsLeft, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("span", {
+                className: "sr-only",
+                children: "Première page"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(currentPage - 1),
+            disabled: !canGoPrevious,
+            className: "h-8 w-8 p-0",
+            children: [
+              /* @__PURE__ */ jsxDEV3(ChevronLeft, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("span", {
+                className: "sr-only",
+                children: "Page précédente"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "flex items-center gap-1",
+            children: getVisiblePageNumbers().map((page, index) => {
+              if (page === -1) {
+                return /* @__PURE__ */ jsxDEV3("span", {
+                  className: "px-2 py-1 text-muted-foreground",
+                  children: "..."
+                }, `ellipsis-${index}`, false, undefined, this);
+              }
+              return /* @__PURE__ */ jsxDEV3(Button, {
+                variant: page === currentPage ? "default" : "outline",
+                size: "sm",
+                onClick: () => onPageChange(page),
+                disabled,
+                className: "h-8 min-w-8 px-2",
+                children: page
+              }, page, false, undefined, this);
+            })
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: !canGoNext,
+            className: "h-8 w-8 p-0",
+            children: [
+              /* @__PURE__ */ jsxDEV3(ChevronRight, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("span", {
+                className: "sr-only",
+                children: "Page suivante"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(totalPages),
+            disabled: !canGoNext,
+            className: "hidden h-8 w-8 p-0 sm:flex",
+            children: [
+              /* @__PURE__ */ jsxDEV3(ChevronsRight, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("span", {
+                className: "sr-only",
+                children: "Dernière page"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxDEV3("div", {
+        className: "order-3 flex items-center gap-2 text-base",
+        children: [
+          /* @__PURE__ */ jsxDEV3("span", {
+            className: "text-muted-foreground",
+            children: "Afficher:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Select, {
+            value: itemsPerPage.toString(),
+            onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+                className: "h-8 w-16",
+                children: /* @__PURE__ */ jsxDEV3(SelectValue, {}, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3(SelectContent, {
+                className: "bg-background",
+                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxDEV3(SelectItem, {
+                  value: option.toString(),
+                  children: option
+                }, option, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+// ui/checkbox.tsx
+import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon as CheckIcon2 } from "lucide-react";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+"use client";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4(CheckboxPrimitive.Root, {
+    "data-slot": "checkbox",
+    className: cn4("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV4(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "grid place-content-center text-current transition-none",
+      children: /* @__PURE__ */ jsxDEV4(CheckIcon2, {
+        className: "size-3.5"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/dropdown-menu.tsx
+import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { CheckIcon as CheckIcon3, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+"use client";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Content, {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn5("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn5("relative flex cursor-default select-none items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.CheckboxItem, {
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn5("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV5("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV5(CheckIcon3, {
+            className: "size-4"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.RadioItem, {
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn5("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV5("span", {
+        className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV5(CircleIcon, {
+            className: "size-2 fill-current"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Label, {
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn5("px-2 py-1.5 font-medium text-sm data-inset:pl-8", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn5("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5("span", {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn5("ml-auto text-muted-foreground text-xs tracking-widest", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.Sub, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.SubTrigger, {
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn5("flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV5(ChevronRightIcon, {
+        className: "ml-auto size-4"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5(DropdownMenuPrimitive.SubContent, {
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn5("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/data-table.parts.tsx
+import {
+  ChevronDown,
+  ChevronRight as ChevronRight2,
+  Columns3,
+  GripVertical,
+  PanelLeft,
+  PanelRight,
+  PinOff
+} from "lucide-react";
+import * as React from "react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+"use client";
+function ColumnVisibilityMenu({
+  columns
+}) {
+  const hideableColumns = columns.filter((column) => column.canHide);
+  if (!hideableColumns.length)
+    return null;
+  return /* @__PURE__ */ jsxDEV6(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV6(DropdownMenuTrigger, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV6(Button, {
+          variant: "outline",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsxDEV6(Columns3, {
+              className: "h-4 w-4"
+            }, undefined, false, undefined, this),
+            "Columns"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6(DropdownMenuContent, {
+        align: "end",
+        children: [
+          /* @__PURE__ */ jsxDEV6(DropdownMenuLabel, {
+            children: "Visible Columns"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(DropdownMenuSeparator, {}, undefined, false, undefined, this),
+          hideableColumns.map((column) => /* @__PURE__ */ jsxDEV6(DropdownMenuCheckboxItem, {
+            checked: column.visible,
+            onCheckedChange: (checked) => column.toggleVisibility?.(Boolean(checked)),
+            children: column.label
+          }, column.id, false, undefined, this))
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function PinMenu({
+  column
+}) {
+  if (!column.canPin)
+    return null;
+  return /* @__PURE__ */ jsxDEV6(DropdownMenu, {
+    children: [
+      /* @__PURE__ */ jsxDEV6(DropdownMenuTrigger, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV6(Button, {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6",
+          onClick: (event) => event.stopPropagation(),
+          children: /* @__PURE__ */ jsxDEV6(Columns3, {
+            className: "h-3.5 w-3.5"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6(DropdownMenuContent, {
+        align: "start",
+        children: [
+          /* @__PURE__ */ jsxDEV6(DropdownMenuItem, {
+            onClick: () => column.pin?.("left"),
+            children: [
+              /* @__PURE__ */ jsxDEV6(PanelLeft, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              "Pin Left"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6(DropdownMenuItem, {
+            onClick: () => column.pin?.("right"),
+            children: [
+              /* @__PURE__ */ jsxDEV6(PanelRight, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              "Pin Right"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6(DropdownMenuItem, {
+            onClick: () => column.pin?.(false),
+            children: [
+              /* @__PURE__ */ jsxDEV6(PinOff, {
+                className: "h-4 w-4"
+              }, undefined, false, undefined, this),
+              "Unpin"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ResizeHandle({
+  column
+}) {
+  const lastX = React.useRef(null);
+  const onMouseDown = React.useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    lastX.current = event.clientX;
+    const onMouseMove = (moveEvent) => {
+      if (lastX.current == null)
+        return;
+      const delta = moveEvent.clientX - lastX.current;
+      lastX.current = moveEvent.clientX;
+      column.resizeBy?.(delta);
+    };
+    const onMouseUp = () => {
+      lastX.current = null;
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+    };
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+  }, [column]);
+  return /* @__PURE__ */ jsxDEV6("span", {
+    role: "separator",
+    "aria-orientation": "vertical",
+    tabIndex: -1,
+    className: "absolute inset-y-0 right-0 flex w-3 cursor-col-resize items-center justify-center",
+    onMouseDown,
+    children: /* @__PURE__ */ jsxDEV6(GripVertical, {
+      className: "h-3.5 w-3.5 text-muted-foreground"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function renderHeaderContent(controller, column) {
+  if (column.kind === "selection" && controller.selectionMode === "multiple") {
+    return /* @__PURE__ */ jsxDEV6(Checkbox, {
+      checked: controller.allRowsSelected || (controller.someRowsSelected ? "indeterminate" : false),
+      onCheckedChange: (checked) => controller.toggleAllRowsSelected?.(Boolean(checked)),
+      onClick: (event) => event.stopPropagation()
+    }, undefined, false, undefined, this);
+  }
+  if (column.kind === "expansion")
+    return null;
+  return column.header;
+}
+function renderCellContent(row, cell) {
+  if (!cell)
+    return null;
+  if (cell.kind === "selection") {
+    return /* @__PURE__ */ jsxDEV6(Checkbox, {
+      checked: row.isSelected,
+      onCheckedChange: (checked) => row.toggleSelected?.(Boolean(checked))
+    }, undefined, false, undefined, this);
+  }
+  if (cell.kind === "expansion") {
+    return row.canExpand ? /* @__PURE__ */ jsxDEV6(Button, {
+      variant: "ghost",
+      size: "icon",
+      className: "h-7 w-7",
+      onClick: () => row.toggleExpanded?.(),
+      children: row.isExpanded ? /* @__PURE__ */ jsxDEV6(ChevronDown, {
+        className: "h-4 w-4"
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6(ChevronRight2, {
+        className: "h-4 w-4"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this) : null;
+  }
+  return cell.content;
+}
+function stickyStyle(column, isHeader = false) {
+  return {
+    width: column.size,
+    minWidth: column.size,
+    maxWidth: column.size,
+    left: column.pinState === "left" ? column.stickyOffset : undefined,
+    right: column.pinState === "right" ? column.stickyOffset : undefined,
+    position: column.pinState ? "sticky" : "relative",
+    zIndex: column.pinState ? isHeader ? 30 : 20 : undefined
+  };
+}
+
+// ui/skeleton.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV7("div", {
+    "data-slot": "skeleton",
+    className: cn3("animate-pulse rounded-md bg-accent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/table.tsx
+import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+"use client";
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto",
+    children: /* @__PURE__ */ jsxDEV8("table", {
+      "data-slot": "table",
+      className: cn6("w-full caption-bottom text-sm", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("thead", {
+    "data-slot": "table-header",
+    className: cn6("[&_tr]:border-b", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("tbody", {
+    "data-slot": "table-body",
+    className: cn6("[&_tr:last-child]:border-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("tfoot", {
+    "data-slot": "table-footer",
+    className: cn6("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("tr", {
+    "data-slot": "table-row",
+    className: cn6("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("th", {
+    "data-slot": "table-head",
+    className: cn6("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("td", {
+    "data-slot": "table-cell",
+    className: cn6("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV8("caption", {
+    "data-slot": "table-caption",
+    className: cn6("mt-4 text-muted-foreground text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/data-table.tsx
+import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";
+import * as React2 from "react";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+"use client";
+function DataTable({
+  controller,
+  className,
+  toolbar,
+  footer,
+  emptyState,
+  loading,
+  onRowPress
+}) {
+  return /* @__PURE__ */ jsxDEV9("div", {
+    className: cn7("space-y-3", className),
+    children: [
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "flex items-center justify-between gap-3",
+        children: [
+          /* @__PURE__ */ jsxDEV9("div", {
+            children: toolbar
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9(ColumnVisibilityMenu, {
+            columns: controller.columns
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV9(Table, {
+        children: [
+          /* @__PURE__ */ jsxDEV9(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV9(TableRow, {
+              children: controller.visibleColumns.map((column) => /* @__PURE__ */ jsxDEV9(TableHead, {
+                className: cn7("relative bg-background", column.canSort && "cursor-pointer select-none"),
+                style: stickyStyle(column, true),
+                onClick: column.kind === "data" ? column.toggleSorting : undefined,
+                children: [
+                  /* @__PURE__ */ jsxDEV9("div", {
+                    className: "flex items-center gap-2",
+                    children: [
+                      renderHeaderContent(controller, column),
+                      column.kind === "data" && column.sortDirection ? /* @__PURE__ */ jsxDEV9("span", {
+                        className: "text-muted-foreground text-xs uppercase",
+                        children: column.sortDirection
+                      }, undefined, false, undefined, this) : null,
+                      column.kind === "data" ? /* @__PURE__ */ jsxDEV9(PinMenu, {
+                        column
+                      }, undefined, false, undefined, this) : null
+                    ]
+                  }, undefined, true, undefined, this),
+                  column.canResize ? /* @__PURE__ */ jsxDEV9(ResizeHandle, {
+                    column
+                  }, undefined, false, undefined, this) : null
+                ]
+              }, column.id, true, undefined, this))
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV9(TableBody, {
+            children: loading ? Array.from({ length: 5 }).map((_, rowIndex) => /* @__PURE__ */ jsxDEV9(TableRow, {
+              children: controller.visibleColumns.map((column) => /* @__PURE__ */ jsxDEV9(TableCell, {
+                style: stickyStyle(column),
+                children: /* @__PURE__ */ jsxDEV9(Skeleton, {
+                  className: "h-4 w-full"
+                }, undefined, false, undefined, this)
+              }, `${column.id}-${rowIndex}`, false, undefined, this))
+            }, `loading-${rowIndex}`, false, undefined, this)) : controller.rows.map((row) => /* @__PURE__ */ jsxDEV9(React2.Fragment, {
+              children: [
+                /* @__PURE__ */ jsxDEV9(TableRow, {
+                  "data-state": row.isSelected ? "selected" : undefined,
+                  className: onRowPress ? "cursor-pointer" : undefined,
+                  onClick: () => onRowPress?.(row),
+                  children: controller.visibleColumns.map((column) => {
+                    const cell = row.cells.find((candidate) => candidate.columnId === column.id);
+                    return /* @__PURE__ */ jsxDEV9(TableCell, {
+                      style: stickyStyle(column),
+                      children: renderCellContent(row, cell)
+                    }, column.id, false, undefined, this);
+                  })
+                }, undefined, false, undefined, this),
+                row.isExpanded && row.expandedContent ? /* @__PURE__ */ jsxDEV9(TableRow, {
+                  children: /* @__PURE__ */ jsxDEV9(TableCell, {
+                    className: "bg-muted/20 text-muted-foreground text-sm",
+                    colSpan: controller.visibleColumns.length,
+                    children: row.expandedContent
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this) : null
+              ]
+            }, row.id, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !loading && controller.rows.length === 0 ? emptyState ?? /* @__PURE__ */ jsxDEV9("div", {
+        className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
+        children: "No rows available."
+      }, undefined, false, undefined, this) : null,
+      controller.pageCount > 0 ? /* @__PURE__ */ jsxDEV9(Pagination, {
+        currentPage: controller.pageIndex + 1,
+        totalPages: controller.pageCount,
+        totalItems: controller.totalItems,
+        itemsPerPage: controller.pageSize,
+        onPageChange: (page) => controller.setPageIndex(page - 1),
+        onItemsPerPageChange: (pageSize) => controller.setPageSize(pageSize)
+      }, undefined, false, undefined, this) : null,
+      footer
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  DataTable
+};