@contractspec/lib.ui-kit-web 1.57.0 → 1.59.0

package/dist/ui/atoms/Pagination/Pagination.js

@@ -1,157 +1,382 @@
-import { Button } from "../../button.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
-import React from "react";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/atoms/Pagination/Pagination.tsx
-const 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__ */ jsxs("div", {
-		className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground order-2 text-base sm:order-1",
-				children: [
-					"Affichage de ",
-					startItem,
-					" à ",
-					endItem,
-					" sur ",
-					totalItems,
-					" résultats"
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "order-1 flex items-center gap-2 sm:order-2",
-				children: [
-					/* @__PURE__ */ jsxs(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => onPageChange(1),
-						disabled: !canGoPrevious,
-						className: "hidden h-8 w-8 p-0 sm:flex",
-						children: [/* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Première page"
-						})]
-					}),
-					/* @__PURE__ */ jsxs(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => onPageChange(currentPage - 1),
-						disabled: !canGoPrevious,
-						className: "h-8 w-8 p-0",
-						children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Page précédente"
-						})]
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "flex items-center gap-1",
-						children: getVisiblePageNumbers().map((page, index) => {
-							if (page === -1) return /* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground px-2 py-1",
-								children: "..."
-							}, `ellipsis-${index}`);
-							return /* @__PURE__ */ jsx(Button, {
-								variant: page === currentPage ? "default" : "outline",
-								size: "sm",
-								onClick: () => onPageChange(page),
-								disabled,
-								className: "h-8 min-w-8 px-2",
-								children: page
-							}, page);
-						})
-					}),
-					/* @__PURE__ */ jsxs(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => onPageChange(currentPage + 1),
-						disabled: !canGoNext,
-						className: "h-8 w-8 p-0",
-						children: [/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Page suivante"
-						})]
-					}),
-					/* @__PURE__ */ jsxs(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => onPageChange(totalPages),
-						disabled: !canGoNext,
-						className: "hidden h-8 w-8 p-0 sm:flex",
-						children: [/* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Dernière page"
-						})]
-					})
-				]
-			}),
-			showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs("div", {
-				className: "order-3 flex items-center gap-2 text-base",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: "Afficher:"
-				}), /* @__PURE__ */ jsxs(Select, {
-					value: itemsPerPage.toString(),
-					onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
-					disabled,
-					children: [/* @__PURE__ */ jsx(SelectTrigger, {
-						className: "h-8 w-16",
-						children: /* @__PURE__ */ jsx(SelectValue, {})
-					}), /* @__PURE__ */ jsx(SelectContent, {
-						className: "bg-background",
-						children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
-							value: option.toString(),
-							children: option
-						}, option))
-					})]
-				})]
-			})
-		]
-	});
+// ui/button.tsx
+import * as React from "react";
+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"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  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);
+});
+Button.displayName = "Button";
+// 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/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: "text-muted-foreground order-2 text-base sm:order-1",
+        children: [
+          "Affichage de ",
+          startItem,
+          " \xE0 ",
+          endItem,
+          " sur ",
+          totalItems,
+          " r\xE9sultats"
+        ]
+      }, 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\xE8re 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\xE9c\xE9dente"
+              }, 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: "text-muted-foreground px-2 py-1",
+                  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\xE8re 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);
+};
+export {
+  Pagination
 };
-
-//#endregion
-export { Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist/ui/atoms/Pagination/index.d.ts

@@ -1,3 +1,3 @@
-import { PaginationProps } from "./types.js";
-import { Pagination } from "./Pagination.js";
-export { Pagination, type PaginationProps };
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/atoms/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}