@contractspec/lib.ui-kit-web 3.3.0 → 3.4.0

package/dist/browser/ui/organisms/ListPage/index.js

@@ -5,1259 +5,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-
-// ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-  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:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input 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 rounded-md gap-1.5 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 * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
-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("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 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("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out 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-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-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("text-muted-foreground px-2 py-1.5 text-xs", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Item, {
-    "data-slot": "select-item",
-    className: cn2("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ 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("bg-border pointer-events-none -mx-1 my-1 h-px", 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/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV3(LabelPrimitive.Root, {
-    "data-slot": "label",
-    className: cn3("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/atoms/FilterSelect/FilterSelect.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-var FilterSelect = ({
-  value,
-  options,
-  onChange,
-  placeholder = "Sélectionner...",
-  label,
-  disabled = false,
-  className = "",
-  showCounts = false
-}) => {
-  return /* @__PURE__ */ jsxDEV4("div", {
-    className: `space-y-2 ${className}`,
-    children: [
-      label && /* @__PURE__ */ jsxDEV4(Label2, {
-        className: "text-foreground text-base font-medium",
-        children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Select, {
-        value,
-        onValueChange: onChange,
-        disabled,
-        children: [
-          /* @__PURE__ */ jsxDEV4(SelectTrigger, {
-            className: "w-full",
-            children: /* @__PURE__ */ jsxDEV4(SelectValue, {
-              placeholder
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(SelectContent, {
-            className: "bg-background",
-            children: [
-              /* @__PURE__ */ jsxDEV4(SelectItem, {
-                value: "all",
-                children: [
-                  "Tous",
-                  showCounts && /* @__PURE__ */ jsxDEV4("span", {
-                    className: "text-muted-foreground ml-2 text-sm",
-                    children: [
-                      "(",
-                      options.reduce((sum, option) => sum + (option.count || 0), 0),
-                      ")"
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              options.map((option) => /* @__PURE__ */ jsxDEV4(SelectItem, {
-                value: option.value,
-                children: /* @__PURE__ */ jsxDEV4("div", {
-                  className: "flex w-full items-center justify-between",
-                  children: [
-                    /* @__PURE__ */ jsxDEV4("span", {
-                      children: option.label
-                    }, undefined, false, undefined, this),
-                    showCounts && option.count !== undefined && /* @__PURE__ */ jsxDEV4("span", {
-                      className: "text-muted-foreground ml-2 text-sm",
-                      children: [
-                        "(",
-                        option.count,
-                        ")"
-                      ]
-                    }, undefined, true, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              }, option.value, false, undefined, this))
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-// ui/atoms/Pagination/Pagination.tsx
-import {
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight
-} from "lucide-react";
-import { jsxDEV as jsxDEV5 } 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__ */ jsxDEV5("div", {
-    className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
-    children: [
-      /* @__PURE__ */ jsxDEV5("div", {
-        className: "text-muted-foreground order-2 text-base sm:order-1",
-        children: [
-          "Affichage de ",
-          startItem,
-          " à ",
-          endItem,
-          " sur ",
-          totalItems,
-          " résultats"
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
-        className: "order-1 flex items-center gap-2 sm:order-2",
-        children: [
-          /* @__PURE__ */ jsxDEV5(Button, {
-            variant: "outline",
-            size: "sm",
-            onClick: () => onPageChange(1),
-            disabled: !canGoPrevious,
-            className: "hidden h-8 w-8 p-0 sm:flex",
-            children: [
-              /* @__PURE__ */ jsxDEV5(ChevronsLeft, {
-                className: "h-4 w-4"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
-                className: "sr-only",
-                children: "Première page"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Button, {
-            variant: "outline",
-            size: "sm",
-            onClick: () => onPageChange(currentPage - 1),
-            disabled: !canGoPrevious,
-            className: "h-8 w-8 p-0",
-            children: [
-              /* @__PURE__ */ jsxDEV5(ChevronLeft, {
-                className: "h-4 w-4"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
-                className: "sr-only",
-                children: "Page précédente"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5("div", {
-            className: "flex items-center gap-1",
-            children: getVisiblePageNumbers().map((page, index) => {
-              if (page === -1) {
-                return /* @__PURE__ */ jsxDEV5("span", {
-                  className: "text-muted-foreground px-2 py-1",
-                  children: "..."
-                }, `ellipsis-${index}`, false, undefined, this);
-              }
-              return /* @__PURE__ */ jsxDEV5(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__ */ jsxDEV5(Button, {
-            variant: "outline",
-            size: "sm",
-            onClick: () => onPageChange(currentPage + 1),
-            disabled: !canGoNext,
-            className: "h-8 w-8 p-0",
-            children: [
-              /* @__PURE__ */ jsxDEV5(ChevronRight, {
-                className: "h-4 w-4"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
-                className: "sr-only",
-                children: "Page suivante"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Button, {
-            variant: "outline",
-            size: "sm",
-            onClick: () => onPageChange(totalPages),
-            disabled: !canGoNext,
-            className: "hidden h-8 w-8 p-0 sm:flex",
-            children: [
-              /* @__PURE__ */ jsxDEV5(ChevronsRight, {
-                className: "h-4 w-4"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5("span", {
-                className: "sr-only",
-                children: "Dernière page"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxDEV5("div", {
-        className: "order-3 flex items-center gap-2 text-base",
-        children: [
-          /* @__PURE__ */ jsxDEV5("span", {
-            className: "text-muted-foreground",
-            children: "Afficher:"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(Select, {
-            value: itemsPerPage.toString(),
-            onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
-            disabled,
-            children: [
-              /* @__PURE__ */ jsxDEV5(SelectTrigger, {
-                className: "h-8 w-16",
-                children: /* @__PURE__ */ jsxDEV5(SelectValue, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(SelectContent, {
-                className: "bg-background",
-                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxDEV5(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/input.tsx
-import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsxDEV6("input", {
-    type,
-    "data-slot": "input",
-    className: cn4("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 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 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/atoms/SearchInput/SearchInput.tsx
-import { Search, X } from "lucide-react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-var SearchInput = ({
-  value,
-  onChange,
-  placeholder = "Rechercher...",
-  onClear,
-  disabled = false,
-  className = "",
-  autoFocus = false
-}) => {
-  const handleClear = () => {
-    onChange("");
-    onClear?.();
-  };
-  return /* @__PURE__ */ jsxDEV7("div", {
-    className: `relative w-full ${className}`,
-    children: [
-      /* @__PURE__ */ jsxDEV7("div", {
-        className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
-        children: /* @__PURE__ */ jsxDEV7(Search, {
-          className: "text-muted-foreground h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7(Input, {
-        type: "text",
-        value,
-        onChange: (e) => onChange(e.target.value),
-        placeholder,
-        disabled,
-        autoFocus,
-        className: "pr-10 pl-10"
-      }, undefined, false, undefined, this),
-      value && /* @__PURE__ */ jsxDEV7("div", {
-        className: "absolute inset-y-0 right-0 flex items-center pr-3",
-        children: /* @__PURE__ */ jsxDEV7(Button, {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: handleClear,
-          disabled,
-          className: "h-6 w-6 p-0 hover:bg-transparent",
-          children: [
-            /* @__PURE__ */ jsxDEV7(X, {
-              className: "text-muted-foreground hover:text-foreground h-4 w-4"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV7("span", {
-              className: "sr-only",
-              children: "Effacer la recherche"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-// ui/card.tsx
-import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card",
-    className: cn5("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-header",
-    className: cn5("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-title",
-    className: cn5("leading-none font-semibold", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-description",
-    className: cn5("text-muted-foreground text-sm", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardAction({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-action",
-    className: cn5("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-content",
-    className: cn5("px-6", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CardFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    "data-slot": "card-footer",
-    className: cn5("flex items-center px-6 [.border-t]:pt-6", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/collapsible.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
-"use client";
-function Collapsible({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV9(CollapsiblePrimitive.Root, {
-    "data-slot": "collapsible",
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CollapsibleTrigger2({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV9(CollapsiblePrimitive.CollapsibleTrigger, {
-    "data-slot": "collapsible-trigger",
-    ...props
-  }, undefined, false, undefined, this);
-}
-function CollapsibleContent2({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV9(CollapsiblePrimitive.CollapsibleContent, {
-    "data-slot": "collapsible-content",
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/stack.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
-var vStackVariants = cva2("flex flex-col", {
-  variants: {
-    gap: {
-      none: "gap-0",
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6",
-      "2xl": "gap-8"
-    },
-    align: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    },
-    justify: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    }
-  },
-  defaultVariants: {
-    gap: "md",
-    align: "stretch",
-    justify: "start"
-  }
-});
-function VStack({
-  className,
-  gap,
-  align,
-  justify,
-  as = "div",
-  ref,
-  ...props
-}) {
-  const Comp = as;
-  return /* @__PURE__ */ jsxDEV10(Comp, {
-    ref,
-    className: cn6(vStackVariants({ gap, align, justify }), className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-var hStackVariants = cva2("flex flex-row", {
-  variants: {
-    gap: {
-      none: "gap-0",
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6",
-      "2xl": "gap-8"
-    },
-    align: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch",
-      baseline: "items-baseline"
-    },
-    justify: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    },
-    wrap: {
-      nowrap: "flex-nowrap",
-      wrap: "flex-wrap",
-      wrapReverse: "flex-wrap-reverse"
-    }
-  },
-  defaultVariants: {
-    gap: "md",
-    align: "center",
-    justify: "start",
-    wrap: "wrap"
-  }
-});
-function HStack({
-  className,
-  gap,
-  align,
-  justify,
-  wrap,
-  as = "div",
-  ref,
-  ...props
-}) {
-  const Comp = as;
-  return /* @__PURE__ */ jsxDEV10(Comp, {
-    ref,
-    className: cn6(hStackVariants({ gap, align, justify, wrap }), className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-var boxVariants = cva2("flex flex-row", {
-  variants: {
-    gap: {
-      none: "gap-0",
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6",
-      "2xl": "gap-8"
-    },
-    align: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch",
-      baseline: "items-baseline"
-    },
-    justify: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    },
-    wrap: {
-      nowrap: "flex-nowrap",
-      wrap: "flex-wrap",
-      wrapReverse: "flex-wrap-reverse"
-    }
-  },
-  defaultVariants: {
-    gap: "md",
-    align: "center",
-    justify: "center",
-    wrap: "nowrap"
-  }
-});
-function Box({
-  className,
-  gap,
-  align,
-  justify,
-  wrap,
-  as = "div",
-  ref,
-  ...props
-}) {
-  const Comp = as;
-  return /* @__PURE__ */ jsxDEV10(Comp, {
-    ref,
-    className: cn6(boxVariants({ gap, align, justify, wrap }), className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/separator.tsx
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
-"use client";
-function Separator2({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV11(SeparatorPrimitive.Root, {
-    "data-slot": "separator",
-    decorative,
-    orientation,
-    className: cn7("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-// ui/molecules/SearchAndFilter/SearchAndFilter.tsx
-import { useState } from "react";
-import { ChevronDown, ChevronUp, Filter } from "lucide-react";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
-var SearchAndFilter = ({
-  searchValue,
-  onSearchChange,
-  searchPlaceholder,
-  filters = [],
-  isLoading = false,
-  disabled = false,
-  className = "",
-  collapsible = true,
-  defaultCollapsed = false
-}) => {
-  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
-  const hasFilters = filters.length > 0;
-  const activeFiltersCount = filters.filter((f) => f.value).length;
-  const shouldUseCollapsible = collapsible && hasFilters;
-  console.log("SearchAndFilter", { filters });
-  const FilterComponents = () => /* @__PURE__ */ jsxDEV12("div", {
-    className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-    children: filters.map((filter) => /* @__PURE__ */ jsxDEV12(FilterSelect, {
-      value: filter.value,
-      options: filter.options,
-      onChange: filter.onChange,
-      label: filter.label,
-      disabled: disabled || isLoading,
-      showCounts: filter.showCounts,
-      className: "min-w-0"
-    }, filter.key, false, undefined, this))
-  }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV12("div", {
-    className: `space-y-4 ${className}`,
-    children: [
-      /* @__PURE__ */ jsxDEV12("div", {
-        className: "flex flex-col gap-4 sm:flex-row",
-        children: [
-          /* @__PURE__ */ jsxDEV12("div", {
-            className: "flex-1",
-            children: /* @__PURE__ */ jsxDEV12(SearchInput, {
-              value: searchValue,
-              onChange: onSearchChange,
-              placeholder: searchPlaceholder,
-              disabled: disabled || isLoading,
-              className: "w-full"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          shouldUseCollapsible && /* @__PURE__ */ jsxDEV12(Collapsible, {
-            open: !isCollapsed,
-            onOpenChange: setIsCollapsed,
-            className: "sm:hidden",
-            children: [
-              /* @__PURE__ */ jsxDEV12(CollapsibleTrigger2, {
-                asChild: true,
-                children: /* @__PURE__ */ jsxDEV12(Button, {
-                  variant: "outline",
-                  className: "sm:hidden",
-                  disabled: disabled || isLoading,
-                  children: [
-                    /* @__PURE__ */ jsxDEV12(Filter, {
-                      className: "mr-2 h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    "Filtres",
-                    activeFiltersCount > 0 && /* @__PURE__ */ jsxDEV12("span", {
-                      className: "bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm",
-                      children: activeFiltersCount
-                    }, undefined, false, undefined, this),
-                    isCollapsed ? /* @__PURE__ */ jsxDEV12(ChevronDown, {
-                      className: "ml-2 h-4 w-4"
-                    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV12(ChevronUp, {
-                      className: "ml-2 h-4 w-4"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(CollapsibleContent2, {
-                className: "mt-4 space-y-4",
-                children: /* @__PURE__ */ jsxDEV12(FilterComponents, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      hasFilters && /* @__PURE__ */ jsxDEV12("div", {
-        className: "hidden sm:block",
-        children: /* @__PURE__ */ jsxDEV12(FilterComponents, {}, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      activeFiltersCount > 0 && /* @__PURE__ */ jsxDEV12("div", {
-        className: "flex flex-wrap items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsxDEV12("span", {
-            className: "text-muted-foreground text-base",
-            children: "Filtres actifs:"
-          }, undefined, false, undefined, this),
-          filters.filter((f) => f.value).map((filter) => {
-            const selectedOption = filter.options.find((opt) => opt.value === filter.value);
-            return /* @__PURE__ */ jsxDEV12(Button, {
-              variant: "secondary",
-              size: "sm",
-              onClick: () => filter.onChange(""),
-              disabled: disabled || isLoading,
-              className: "h-7 px-2 text-sm",
-              children: [
-                filter.label,
-                ": ",
-                selectedOption?.label,
-                /* @__PURE__ */ jsxDEV12("span", {
-                  className: "ml-1",
-                  children: "×"
-                }, undefined, false, undefined, this)
-              ]
-            }, filter.key, true, undefined, this);
-          })
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-// ui/organisms/ListPage/ListPage.tsx
-import Link from "next/link";
-import { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
-import { jsxDEV as jsxDEV13, Fragment } from "react/jsx-dev-runtime";
-function ListPage({
-  title,
-  description,
-  header,
-  items,
-  totalItems,
-  totalPages,
-  isLoading,
-  isFetching,
-  error,
-  listState,
-  searchPlaceholder,
-  filters = [],
-  onRefresh,
-  primaryAction,
-  toolbar,
-  renderItem,
-  renderEmpty,
-  renderStats,
-  className = "",
-  itemClassName = ""
-}) {
-  const {
-    searchQuery,
-    setSearchQuery,
-    filters: filterValues,
-    setFilter,
-    currentPage,
-    itemsPerPage,
-    setCurrentPage,
-    setItemsPerPage
-  } = listState;
-  if (isLoading && !items.length) {
-    return /* @__PURE__ */ jsxDEV13(VStack, {
-      className: `space-y-4 md:space-y-6 ${className}`,
-      children: [
-        header ? header : /* @__PURE__ */ jsxDEV13(VStack, {
-          className: "gap-1",
-          children: [
-            /* @__PURE__ */ jsxDEV13("h1", {
-              className: "text-2xl font-bold md:text-3xl",
-              children: title
-            }, undefined, false, undefined, this),
-            description && /* @__PURE__ */ jsxDEV13("p", {
-              className: "text-muted-foreground text-base",
-              children: description
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV13("div", {
-          className: "flex min-h-[400px] items-center justify-center",
-          children: /* @__PURE__ */ jsxDEV13(Card, {
-            children: /* @__PURE__ */ jsxDEV13(CardContent, {
-              className: "flex items-center gap-4 p-6",
-              children: [
-                /* @__PURE__ */ jsxDEV13(Loader2, {
-                  className: "text-primary h-8 w-8 animate-spin"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV13("div", {
-                  children: [
-                    /* @__PURE__ */ jsxDEV13("h3", {
-                      className: "font-medium",
-                      children: "Chargement..."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("p", {
-                      className: "text-muted-foreground text-base",
-                      children: "Récupération des données en cours"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (error && !items.length) {
-    return /* @__PURE__ */ jsxDEV13(VStack, {
-      className: `space-y-4 md:space-y-6 ${className}`,
-      children: [
-        header ? header : /* @__PURE__ */ jsxDEV13(VStack, {
-          className: "gap-1",
-          children: [
-            /* @__PURE__ */ jsxDEV13("h1", {
-              className: "text-2xl font-bold md:text-3xl",
-              children: title
-            }, undefined, false, undefined, this),
-            description && /* @__PURE__ */ jsxDEV13("p", {
-              className: "text-muted-foreground text-base",
-              children: description
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV13("div", {
-          className: "flex min-h-[400px] items-center justify-center",
-          children: /* @__PURE__ */ jsxDEV13(Card, {
-            children: /* @__PURE__ */ jsxDEV13(CardContent, {
-              className: "flex flex-col items-center gap-4 p-6 text-center",
-              children: [
-                /* @__PURE__ */ jsxDEV13(AlertTriangle, {
-                  className: "text-destructive h-12 w-12"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV13("div", {
-                  children: [
-                    /* @__PURE__ */ jsxDEV13("h3", {
-                      className: "font-medium",
-                      children: "Erreur de chargement"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("p", {
-                      className: "text-muted-foreground text-base",
-                      children: error.message || "Une erreur est survenue"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                onRefresh && /* @__PURE__ */ jsxDEV13(Button, {
-                  onClick: onRefresh,
-                  variant: "outline",
-                  size: "sm",
-                  children: [
-                    /* @__PURE__ */ jsxDEV13(RefreshCcw, {
-                      className: "mr-2 h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    "Réessayer"
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  const filterConfigs = filters.map((filter) => ({
-    key: filter.key,
-    label: filter.label,
-    value: filterValues[filter.key] || "",
-    options: filter.options,
-    onChange: (value) => {
-      setFilter(filter.key, value === "all" ? "" : value);
-    },
-    showCounts: filter.showCounts
-  }));
-  return /* @__PURE__ */ jsxDEV13(VStack, {
-    className: `space-y-4 md:space-y-6 ${className}`,
-    children: [
-      header ? header : /* @__PURE__ */ jsxDEV13(HStack, {
-        className: "items-center justify-between",
-        children: [
-          /* @__PURE__ */ jsxDEV13(VStack, {
-            className: "gap-1",
-            children: [
-              /* @__PURE__ */ jsxDEV13("h1", {
-                className: "text-2xl font-bold md:text-3xl",
-                children: title
-              }, undefined, false, undefined, this),
-              description && /* @__PURE__ */ jsxDEV13("p", {
-                className: "text-muted-foreground text-base",
-                children: description
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV13(HStack, {
-            className: "items-center gap-4",
-            children: [
-              toolbar,
-              (isLoading || isFetching) && /* @__PURE__ */ jsxDEV13("div", {
-                className: "text-muted-foreground flex items-center gap-2 text-base",
-                children: [
-                  /* @__PURE__ */ jsxDEV13(Loader2, {
-                    className: "h-4 w-4 animate-spin"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV13("span", {
-                    className: "hidden sm:inline",
-                    children: "Mise à jour..."
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              onRefresh && /* @__PURE__ */ jsxDEV13(Button, {
-                variant: "outline",
-                size: "sm",
-                onClick: onRefresh,
-                disabled: Boolean(isLoading),
-                "aria-label": "Rafraîchir",
-                children: [
-                  /* @__PURE__ */ jsxDEV13(RefreshCcw, {
-                    className: `mr-2 h-4 w-4 ${isLoading || isFetching ? "animate-spin" : ""}`
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV13("span", {
-                    className: "hidden sm:inline",
-                    children: "Rafraîchir"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              primaryAction && /* @__PURE__ */ jsxDEV13(Fragment, {
-                children: primaryAction.href ? /* @__PURE__ */ jsxDEV13(Link, {
-                  href: primaryAction.href,
-                  children: /* @__PURE__ */ jsxDEV13(Button, {
-                    children: [
-                      primaryAction.icon || /* @__PURE__ */ jsxDEV13(Plus, {
-                        className: "mr-2 h-4 w-4"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV13("span", {
-                        className: "hidden sm:inline",
-                        children: primaryAction.label
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV13("span", {
-                        className: "sm:hidden",
-                        children: "Nouveau"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV13(Button, {
-                  onClick: primaryAction.onClick,
-                  children: [
-                    primaryAction.icon || /* @__PURE__ */ jsxDEV13(Plus, {
-                      className: "mr-2 h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("span", {
-                      className: "hidden sm:inline",
-                      children: primaryAction.label
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV13("span", {
-                      className: "sm:hidden",
-                      children: "Nouveau"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      renderStats && /* @__PURE__ */ jsxDEV13(Fragment, {
-        children: [
-          renderStats(items),
-          /* @__PURE__ */ jsxDEV13(Separator2, {}, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13(SearchAndFilter, {
-        searchValue: searchQuery,
-        onSearchChange: setSearchQuery,
-        searchPlaceholder,
-        filters: filterConfigs,
-        isLoading
-      }, undefined, false, undefined, this),
-      items.length === 0 && !isLoading ? renderEmpty ? renderEmpty() : /* @__PURE__ */ jsxDEV13(Card, {
-        children: /* @__PURE__ */ jsxDEV13(CardContent, {
-          className: "flex flex-col items-center gap-4 p-8 text-center",
-          children: [
-            /* @__PURE__ */ jsxDEV13("div", {
-              className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
-              children: /* @__PURE__ */ jsxDEV13("div", {
-                className: "bg-muted-foreground/20 h-6 w-6 rounded-full"
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV13("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV13("h3", {
-                  className: "font-medium",
-                  children: "Aucun élément trouvé"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV13("p", {
-                  className: "text-muted-foreground text-base",
-                  children: searchQuery || Object.values(filterValues).some((v) => v) ? "Essayez de modifier vos critères de recherche" : "Commencez par créer votre premier élément"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            primaryAction && !searchQuery && !Object.values(filterValues).some((v) => v) && /* @__PURE__ */ jsxDEV13(Fragment, {
-              children: primaryAction.href ? /* @__PURE__ */ jsxDEV13(Link, {
-                href: primaryAction.href,
-                children: /* @__PURE__ */ jsxDEV13(Button, {
-                  children: [
-                    primaryAction.icon || /* @__PURE__ */ jsxDEV13(Plus, {
-                      className: "mr-2 h-4 w-4"
-                    }, undefined, false, undefined, this),
-                    primaryAction.label
-                  ]
-                }, undefined, true, undefined, this)
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV13(Button, {
-                onClick: primaryAction.onClick,
-                children: [
-                  primaryAction.icon || /* @__PURE__ */ jsxDEV13(Plus, {
-                    className: "mr-2 h-4 w-4"
-                  }, undefined, false, undefined, this),
-                  primaryAction.label
-                ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV13(Fragment, {
-        children: [
-          /* @__PURE__ */ jsxDEV13("div", {
-            className: `space-y-4 ${itemClassName}`,
-            children: items.map((item, index) => renderItem(item, index))
-          }, undefined, false, undefined, this),
-          totalPages > 1 && /* @__PURE__ */ jsxDEV13(Pagination, {
-            currentPage,
-            totalPages,
-            totalItems,
-            itemsPerPage,
-            onPageChange: setCurrentPage,
-            onItemsPerPageChange: setItemsPerPage,
-            disabled: isLoading
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
 export {
   ListPage
 };