@ramses1er/cbk-toolkit 2.1.1 → 2.3.0

package/dist/client.js

@@ -1,1407 +0,0 @@
-// packages/ui/src/layouts/side-nav.tsx
-import {
-  useState as useState2,
-  useEffect as useEffect3,
-  createElement,
-  isValidElement
-} from "react";
-
-// packages/ui/src/modals/modal.tsx
-import { X } from "lucide-react";
-import { useEffect } from "react";
-import { createPortal } from "react-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Modal({ title, isOpen, onClose, children }) {
-  const requestClose = () => {
-    onClose();
-  };
-  useEffect(() => {
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [isOpen]);
-  useEffect(() => {
-    function handleEsc(e) {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    }
-    if (isOpen) {
-      document.addEventListener("keydown", handleEsc);
-    }
-    return () => {
-      document.removeEventListener("keydown", handleEsc);
-    };
-  }, [isOpen, onClose]);
-  if (!isOpen) return null;
-  const content = typeof children === "function" ? children(requestClose) : children;
-  return createPortal(
-    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute inset-0 bg-black/20 backdrop-blur-sm",
-          onClick: onClose
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "relative bg-white rounded-lg shadow-lg w-full max-w-2xl mx-4 p-6 flex flex-col max-h-[85vh]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4 border-b-2 border-gray-400 pb-3 sticky top-0 bg-white z-10", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900", children: title }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: onClose,
-              className: "text-gray-500 hover:text-gray-700 text-xl cursor-pointer",
-              children: /* @__PURE__ */ jsx(X, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 min-h-0", children: content })
-      ] })
-    ] }),
-    document.body
-  );
-}
-
-// packages/ui/src/feedback/confirmation.tsx
-import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
-import { CircleQuestionMark } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ERROR_COUNTDOWN = 10;
-function Confirmation({
-  question,
-  messageYes,
-  messageNo,
-  requestClose,
-  onAction,
-  isProcessing,
-  error,
-  resetRequest
-}) {
-  const [countdown, setCountdown] = useState(0);
-  const countdownRef = useRef(null);
-  const resetRequestRef = useRef(resetRequest);
-  useEffect2(() => {
-    resetRequestRef.current = resetRequest;
-  }, [resetRequest]);
-  const clearCountdown = useCallback(() => {
-    if (countdownRef.current !== null) {
-      window.clearInterval(countdownRef.current);
-      countdownRef.current = null;
-    }
-  }, []);
-  const resetConfirmationState = useCallback(() => {
-    clearCountdown();
-    setCountdown(0);
-  }, [clearCountdown]);
-  const handleResetRequest = useCallback(() => {
-    resetConfirmationState();
-    resetRequest();
-  }, [resetConfirmationState, resetRequest]);
-  const handleRequestClose = useCallback(() => {
-    resetConfirmationState();
-    resetRequest();
-    requestClose();
-  }, [requestClose, resetConfirmationState, resetRequest]);
-  const handleAction = useCallback(async () => {
-    try {
-      await onAction();
-      handleRequestClose();
-    } catch {
-    }
-  }, [handleRequestClose, onAction]);
-  useEffect2(() => {
-    clearCountdown();
-    if (!error) {
-      const resetTimeoutId = window.setTimeout(() => {
-        setCountdown(0);
-      }, 0);
-      return () => {
-        window.clearTimeout(resetTimeoutId);
-      };
-    }
-    const startCountdownTimeoutId = window.setTimeout(() => {
-      setCountdown(ERROR_COUNTDOWN);
-      countdownRef.current = window.setInterval(() => {
-        setCountdown((previousCountdown) => {
-          if (previousCountdown <= 1) {
-            clearCountdown();
-            window.setTimeout(() => {
-              resetRequestRef.current();
-            }, 0);
-            return 0;
-          }
-          return previousCountdown - 1;
-        });
-      }, 1e3);
-    }, 0);
-    return () => {
-      window.clearTimeout(startCountdownTimeoutId);
-      clearCountdown();
-    };
-  }, [clearCountdown, error]);
-  useEffect2(() => {
-    return () => {
-      clearCountdown();
-      resetRequestRef.current();
-    };
-  }, [clearCountdown]);
-  const isErrorVisible = Boolean(error) && countdown > 0;
-  if (!question) return null;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-3 z-40", children: [
-    /* @__PURE__ */ jsx2(CircleQuestionMark, { className: "text-red-500 text-5xl" }),
-    /* @__PURE__ */ jsx2("h2", { className: "text-xl font-bold text-red-500", children: "Confirmation requise" }),
-    /* @__PURE__ */ jsx2("p", { className: "mt-4 text-md leading-relaxed text-gray-700", children: question }),
-    /* @__PURE__ */ jsxs2("div", { className: "mt-6 flex w-full gap-3", children: [
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: handleRequestClose,
-          disabled: isProcessing,
-          className: "w-full rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-semibold text-gray-700 transition hover:cursor-pointer hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-white",
-          children: messageNo
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: handleAction,
-          disabled: isProcessing,
-          className: "w-full rounded-lg bg-red-400 px-4 py-2 text-sm font-semibold text-white transition hover:cursor-pointer hover:bg-red-500 active:scale-95 disabled:opacity-50 disabled:hover:bg-red-500",
-          children: isProcessing ? "operation en cours" : messageYes
-        }
-      )
-    ] }),
-    error && isErrorVisible && /* @__PURE__ */ jsxs2("div", { className: "mt-4 w-full rounded-lg border border-red-200 bg-red-50 p-4 text-left text-sm text-red-700", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsx2("p", { className: "font-semibold", children: "Erreur" }),
-          /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm", children: error.message })
-        ] }),
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            onClick: handleResetRequest,
-            className: "rounded-full bg-red-100 px-2 py-1 text-xs font-semibold text-red-700 hover:bg-red-200",
-            children: "Fermer"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs2("p", { className: "mt-3 text-xs text-red-600", children: [
-        "Ce message disparait dans ",
-        countdown,
-        "s..."
-      ] })
-    ] })
-  ] });
-}
-
-// packages/utils/src/fetcher.ts
-var ApiError = class extends Error {
-  status;
-  code;
-  data;
-  constructor(params) {
-    super(params.message);
-    this.status = params.status;
-    this.code = params.code;
-    this.data = params.data;
-  }
-};
-async function fetcher(url, options = {}) {
-  const { headers, skipJsonParsing = false, ...rest } = options;
-  const response = await fetch(url, {
-    credentials: "include",
-    headers: {
-      "Content-Type": "application/json",
-      ...headers
-    },
-    ...rest
-  });
-  let responseData = null;
-  const contentType = response.headers.get("content-type");
-  if (!skipJsonParsing && contentType?.includes("application/json")) {
-    responseData = await response.json();
-  }
-  if (!response.ok) {
-    const backendError = responseData;
-    throw new ApiError({
-      message: backendError?.message || "Une erreur est survenue",
-      status: backendError?.status || response.status,
-      code: backendError?.code,
-      data: responseData
-    });
-  }
-  return responseData;
-}
-
-// packages/ui/src/layouts/side-nav.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function isActive(href, currentPath) {
-  return currentPath === href || currentPath.startsWith(href + "/");
-}
-function isExactActive(href, currentPath) {
-  return currentPath === href;
-}
-function findActiveTitleSource(mainItems, footer, currentPath) {
-  let best;
-  const consider = (item) => {
-    if (!isActive(item.href, currentPath)) return;
-    if (!best || item.href.length > best.href.length) {
-      best = item;
-    }
-  };
-  const visit = (items) => {
-    for (const item of items) {
-      consider(item);
-      if (item.subItems && item.subItems.length > 0) visit(item.subItems);
-    }
-  };
-  visit(mainItems);
-  footer?.forEach((item) => {
-    if (!("confirm" in item)) consider(item);
-  });
-  return best;
-}
-function renderItemIcon(icon) {
-  if (!icon) return null;
-  if (typeof icon === "string") return /* @__PURE__ */ jsx3("span", { className: "text-lg", children: icon });
-  if (isValidElement(icon)) return icon;
-  return createElement(icon, { size: 20 });
-}
-function SideNav({
-  children,
-  title,
-  mainItems,
-  currentPath,
-  brand,
-  footer,
-  toggleIcon
-}) {
-  const activeMain = mainItems.find((item) => isActive(item.href, currentPath));
-  const activeTitleSource = findActiveTitleSource(mainItems, footer, currentPath);
-  const headerTitle = title ?? activeTitleSource?.title ?? activeTitleSource?.label ?? activeMain?.label;
-  const [expandedSection, setExpandedSection] = useState2(
-    activeMain?.id ?? null
-  );
-  const toggleSection = (id) => {
-    setExpandedSection((prev) => prev === id ? null : id);
-  };
-  const [isMobileOpen, setIsMobileOpen] = useState2(false);
-  useEffect3(() => {
-    const handleEscape = (e) => {
-      if (e.key === "Escape") setIsMobileOpen(false);
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, []);
-  useEffect3(() => {
-    if (isMobileOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [isMobileOpen]);
-  const closeMobileNav = () => setIsMobileOpen(false);
-  const [confirmingItem, setConfirmingItem] = useState2(null);
-  const [pending, setPending] = useState2(false);
-  const [error, setError] = useState2(null);
-  const openConfirm = (item) => {
-    setError(null);
-    setConfirmingItem(item);
-    closeMobileNav();
-  };
-  const closeConfirm = () => {
-    if (pending) return;
-    setConfirmingItem(null);
-    setError(null);
-  };
-  const handleConfirmAction = async () => {
-    if (!confirmingItem || !("confirm" in confirmingItem)) return;
-    setPending(true);
-    setError(null);
-    try {
-      await confirmingItem.confirm.onAction();
-    } catch (e) {
-      setError(
-        e instanceof ApiError ? e : new ApiError({
-          message: e instanceof Error ? e.message : "Une erreur est survenue",
-          status: 500
-        })
-      );
-      throw e;
-    } finally {
-      setPending(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs3("div", { className: "flex min-h-screen", children: [
-    /* @__PURE__ */ jsxs3(
-      "aside",
-      {
-        className: `w-64 bg-white border-r border-gray-200 flex flex-col fixed h-full z-50 transition-transform duration-300 ease-in-out md:translate-x-0 ${isMobileOpen ? "translate-x-0" : "-translate-x-full"}`,
-        children: [
-          brand && /* @__PURE__ */ jsx3("div", { className: "p-[6.5px] border-b border-gray-100", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-row gap-2 items-center", children: [
-            brand.logo && (typeof brand.logo === "string" ? /* @__PURE__ */ jsx3(
-              "img",
-              {
-                src: brand.logo,
-                alt: brand.name ?? "",
-                className: "w-12.5 h-12.5"
-              }
-            ) : brand.logo),
-            brand.name && /* @__PURE__ */ jsx3("p", { className: "text-gray-500 text-base font-semibold", children: brand.name })
-          ] }) }),
-          /* @__PURE__ */ jsx3("nav", { className: "flex-1 p-4 overflow-y-auto", children: /* @__PURE__ */ jsx3("ul", { className: "space-y-1", children: mainItems.map((item) => {
-            const active = isActive(item.href, currentPath);
-            const isExpanded = expandedSection === item.id;
-            const hasSubItems = item.subItems && item.subItems.length > 0;
-            return /* @__PURE__ */ jsxs3("li", { children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxs3(
-                  "a",
-                  {
-                    href: item.href,
-                    onClick: closeMobileNav,
-                    className: `flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors flex-1 ${active ? "bg-gray-200 text-black" : "text-gray-500 hover:bg-gray-100"}`,
-                    children: [
-                      item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx3("span", { className: "text-lg", children: item.icon }) : isValidElement(item.icon) ? item.icon : createElement(
-                        item.icon,
-                        { size: 20 }
-                      )),
-                      item.label
-                    ]
-                  }
-                ),
-                active && hasSubItems && /* @__PURE__ */ jsx3(
-                  "button",
-                  {
-                    onClick: () => toggleSection(item.id),
-                    className: `p-1.5 rounded-lg transition-colors ${active ? "text-black hover:bg-gray-100" : "text-gray-500 hover:bg-gray-100"}`,
-                    title: isExpanded ? "R\xE9duire" : "D\xE9velopper",
-                    children: toggleIcon ? /* @__PURE__ */ jsx3(
-                      "span",
-                      {
-                        className: `inline-block transition-transform duration-200 ${isExpanded ? "rotate-0" : "-rotate-90"}`,
-                        children: toggleIcon
-                      }
-                    ) : /* @__PURE__ */ jsx3("span", { className: "text-xs", children: isExpanded ? "\u25BC" : "\u25B6" })
-                  }
-                )
-              ] }),
-              active && hasSubItems && /* @__PURE__ */ jsx3(
-                "div",
-                {
-                  className: `grid transition-all duration-300 ease-in-out ${isExpanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}`,
-                  children: /* @__PURE__ */ jsx3("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx3("ul", { className: "ml-4 mt-1 space-y-1 pl-2", children: item.subItems.map((sub) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
-                    "a",
-                    {
-                      href: sub.href,
-                      onClick: closeMobileNav,
-                      className: `flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${isExactActive(sub.href, currentPath) ? "bg-gray-200 text-black" : "text-gray-500 hover:bg-gray-100"}`,
-                      children: sub.label
-                    }
-                  ) }, sub.id)) }) })
-                }
-              )
-            ] }, item.id);
-          }) }) }),
-          footer && footer.length > 0 && /* @__PURE__ */ jsx3("div", { className: "p-4 border-t border-gray-100 space-y-1", children: footer.map(
-            (item) => "confirm" in item ? /* @__PURE__ */ jsxs3(
-              "button",
-              {
-                type: "button",
-                onClick: () => openConfirm(item),
-                className: "flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors bg-transparent cursor-pointer",
-                children: [
-                  renderItemIcon(item.icon),
-                  item.label
-                ]
-              },
-              item.label
-            ) : /* @__PURE__ */ jsxs3(
-              "a",
-              {
-                href: item.href,
-                onClick: closeMobileNav,
-                className: "flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors",
-                children: [
-                  renderItemIcon(item.icon),
-                  item.label
-                ]
-              },
-              item.label
-            )
-          ) })
-        ]
-      }
-    ),
-    confirmingItem && "confirm" in confirmingItem && /* @__PURE__ */ jsx3(
-      Modal,
-      {
-        title: confirmingItem.confirm.title ?? confirmingItem.label,
-        isOpen: true,
-        onClose: closeConfirm,
-        children: (requestClose) => /* @__PURE__ */ jsx3(
-          Confirmation,
-          {
-            question: confirmingItem.confirm.question,
-            messageYes: confirmingItem.confirm.messageYes,
-            messageNo: confirmingItem.confirm.messageNo,
-            requestClose: () => {
-              setConfirmingItem(null);
-              setError(null);
-            },
-            onAction: handleConfirmAction,
-            isProcessing: pending,
-            error,
-            resetRequest: () => setError(null)
-          }
-        )
-      }
-    ),
-    isMobileOpen && /* @__PURE__ */ jsx3(
-      "div",
-      {
-        className: "fixed inset-0 z-40 bg-black/50 md:hidden",
-        onClick: closeMobileNav,
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsxs3("div", { className: "flex-1 ml-64 max-md:ml-0 min-w-0", children: [
-      headerTitle && /* @__PURE__ */ jsxs3("header", { className: "h-16 bg-white border-b border-gray-200 flex items-center justify-between px-6 fixed top-0 right-0 left-64 max-md:left-0 z-20", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              className: "md:hidden p-2 -ml-2 rounded-lg hover:bg-gray-100 transition-colors",
-              onClick: () => setIsMobileOpen(!isMobileOpen),
-              "aria-label": isMobileOpen ? "Fermer le menu" : "Menu",
-              "aria-expanded": isMobileOpen,
-              children: isMobileOpen ? /* @__PURE__ */ jsx3(
-                "svg",
-                {
-                  className: "w-5 h-5",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              ) : /* @__PURE__ */ jsx3(
-                "svg",
-                {
-                  className: "w-5 h-5",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  children: /* @__PURE__ */ jsx3(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M4 6h16M4 12h16M4 18h16"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx3("h1", { className: "text-base font-semibold text-gray-500", children: headerTitle })
-        ] }),
-        brand?.tagline && /* @__PURE__ */ jsx3("span", { className: "text-sm text-gray-500 max-md:hidden", children: brand.tagline })
-      ] }),
-      !headerTitle && /* @__PURE__ */ jsx3(
-        "button",
-        {
-          className: "md:hidden fixed top-4 left-4 z-10 p-2 rounded-lg bg-white border border-gray-200 shadow-sm hover:bg-gray-100 transition-colors",
-          onClick: () => setIsMobileOpen(!isMobileOpen),
-          "aria-label": isMobileOpen ? "Fermer le menu" : "Menu",
-          "aria-expanded": isMobileOpen,
-          children: isMobileOpen ? /* @__PURE__ */ jsx3(
-            "svg",
-            {
-              className: "w-5 h-5",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              children: /* @__PURE__ */ jsx3(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M6 18L18 6M6 6l12 12"
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx3(
-            "svg",
-            {
-              className: "w-5 h-5",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              children: /* @__PURE__ */ jsx3(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M4 6h16M4 12h16M4 18h16"
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        "main",
-        {
-          className: (headerTitle ? "p-6 pt-20" : "p-6") + " overflow-x-auto",
-          children
-        }
-      )
-    ] })
-  ] });
-}
-
-// packages/ui/src/config/create-side-nav.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function createSideNav(config) {
-  return function ConfiguredSideNav({
-    children,
-    currentPath
-  }) {
-    return /* @__PURE__ */ jsx4(SideNav, { ...config, currentPath, children });
-  };
-}
-
-// packages/ui/src/table/table.tsx
-import { Printer, ChevronLeft, ChevronRight } from "lucide-react";
-import clsx from "clsx";
-import { useState as useState4, useMemo, useCallback as useCallback2 } from "react";
-
-// packages/ui/src/feedback/error-display.tsx
-import { X as X2 } from "lucide-react";
-import { useState as useState3 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function ErrorDisplay({ error }) {
-  const [dismissed, setDismissed] = useState3(false);
-  if (!error || dismissed) return null;
-  return /* @__PURE__ */ jsx5("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsx5("div", { className: "rounded-lg shadow-md border border-red-200 bg-red-50", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4 px-4 py-4", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx5("p", { className: "text-red-700 font-medium", children: "Erreur" }),
-      /* @__PURE__ */ jsx5("p", { className: "text-red-600 text-sm", children: error.message })
-    ] }),
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        onClick: () => setDismissed(true),
-        className: "text-red-400 hover:text-red-600 shrink-0 cursor-pointer",
-        children: /* @__PURE__ */ jsx5(X2, { className: "w-5 h-5" })
-      }
-    )
-  ] }) }) });
-}
-
-// packages/ui/src/table/table.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var VISIBLE_PAGES = 5;
-function Table({
-  data,
-  columns,
-  loading,
-  error,
-  label,
-  printable,
-  pageSize = 5,
-  pageSizeOptions = [5, 10, 20],
-  showPagination = true
-}) {
-  const [tooltip, setTooltip] = useState4(null);
-  const [page, setPage] = useState4(1);
-  const [perPage, setPerPage] = useState4(pageSize);
-  const totalPages = useMemo(
-    () => Math.max(1, Math.ceil(data.length / perPage)),
-    [data.length, perPage]
-  );
-  const safePage = Math.min(page, totalPages);
-  const displayData = useMemo(
-    () => data.slice((safePage - 1) * perPage, safePage * perPage),
-    [data, safePage, perPage]
-  );
-  const paginationRange = useMemo(() => {
-    const half = Math.floor(VISIBLE_PAGES / 2);
-    let start = Math.max(1, safePage - half);
-    let end = Math.min(totalPages, start + VISIBLE_PAGES - 1);
-    if (end - start + 1 < VISIBLE_PAGES) {
-      start = Math.max(1, end - VISIBLE_PAGES + 1);
-    }
-    const range = [];
-    if (start > 1) {
-      range.push(1);
-      if (start > 2) range.push("...");
-    }
-    for (let i = start; i <= end; i++) range.push(i);
-    if (end < totalPages) {
-      if (end < totalPages - 1) range.push("...");
-      range.push(totalPages);
-    }
-    return range;
-  }, [safePage, totalPages]);
-  const handlePageSizeChange = useCallback2((value) => {
-    setPerPage(value);
-    setPage(1);
-  }, []);
-  const colCount = columns.length;
-  const colWidth = colCount > 0 ? `${Math.round(100 / colCount)}%` : "auto";
-  const handleMouseEnter = (e, content) => {
-    const rect = e.currentTarget.getBoundingClientRect();
-    setTooltip({
-      content,
-      x: rect.left + rect.width / 2,
-      y: rect.top
-    });
-  };
-  const handleMouseLeave = () => {
-    setTooltip(null);
-  };
-  const banner = error ? /* @__PURE__ */ jsx6("div", { className: "mb-4", children: /* @__PURE__ */ jsx6(ErrorDisplay, { error }, error.message) }) : null;
-  if (loading) {
-    return /* @__PURE__ */ jsxs5("div", { className: "w-full overflow-x-auto", children: [
-      banner,
-      /* @__PURE__ */ jsx6("div", { className: "rounded-lg shadow-md border border-gray-200", children: /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-20 text-gray-500", children: "Chargement..." }) })
-    ] });
-  }
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ jsxs5("div", { className: "w-full overflow-x-auto", children: [
-      banner,
-      /* @__PURE__ */ jsx6("div", { className: "rounded-lg shadow-md border border-gray-200", children: /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-20 text-gray-500", children: "Aucun \xE9l\xE9ment" }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs5("div", { className: "w-full overflow-x-auto", children: [
-    banner,
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between mb-2", children: [
-      label && /* @__PURE__ */ jsxs5("div", { className: "text-sm font-semibold text-gray-700", children: [
-        label,
-        ": ",
-        data.length
-      ] }),
-      printable && /* @__PURE__ */ jsxs5(
-        "button",
-        {
-          onClick: () => window.print(),
-          className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-500 rounded-lg hover:bg-blue-600 transition-colors print:hidden",
-          children: [
-            /* @__PURE__ */ jsx6(Printer, { className: "w-4 h-4" }),
-            "Imprimer"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "rounded-lg shadow-md border border-gray-200", children: /* @__PURE__ */ jsxs5("table", { className: "w-full table-fixed divide-y divide-gray-200 print:table-fixed", children: [
-      /* @__PURE__ */ jsx6("thead", { className: "bg-blue-500 rounded-t-lg", children: /* @__PURE__ */ jsx6("tr", { children: columns.map((col, index) => /* @__PURE__ */ jsx6(
-        "th",
-        {
-          style: { width: colWidth },
-          className: clsx(
-            "px-6 py-3 text-left text-xs font-bold text-white uppercase tracking-wider truncate",
-            col.excludeFromPrint && "print:hidden"
-          ),
-          children: col.header
-        },
-        index
-      )) }) }),
-      /* @__PURE__ */ jsx6(
-        "tbody",
-        {
-          className: clsx(
-            "bg-white divide-y divide-gray-200",
-            printable && "print:hidden"
-          ),
-          children: displayData.map((row, rowIndex) => /* @__PURE__ */ jsx6(
-            "tr",
-            {
-              className: "hover:bg-gray-100 transition-colors duration-200",
-              children: columns.map((col, colIndex) => {
-                const cellContent = col.render ? col.render(row) : String(row[col.accessor]);
-                const textContent = typeof cellContent === "string" ? cellContent : "";
-                return /* @__PURE__ */ jsx6(
-                  "td",
-                  {
-                    style: { width: colWidth },
-                    className: clsx(
-                      "px-6 py-4 text-sm text-gray-700",
-                      col.excludeFromPrint && "print:hidden"
-                    ),
-                    children: typeof cellContent === "string" ? /* @__PURE__ */ jsx6(
-                      "div",
-                      {
-                        className: "truncate",
-                        onMouseEnter: (e) => handleMouseEnter(e, textContent),
-                        onMouseLeave: handleMouseLeave,
-                        children: cellContent
-                      }
-                    ) : cellContent
-                  },
-                  colIndex
-                );
-              })
-            },
-            rowIndex
-          ))
-        }
-      ),
-      printable && /* @__PURE__ */ jsx6("tbody", { className: "hidden print:table-row-group", children: data.map((row, rowIndex) => /* @__PURE__ */ jsx6("tr", { children: columns.map((col, colIndex) => {
-        const cellContent = col.render ? col.render(row) : String(row[col.accessor]);
-        return /* @__PURE__ */ jsx6(
-          "td",
-          {
-            style: { width: colWidth },
-            className: clsx(
-              "px-6 py-4 text-sm text-gray-700",
-              col.excludeFromPrint && "print:hidden"
-            ),
-            children: cellContent
-          },
-          colIndex
-        );
-      }) }, rowIndex)) })
-    ] }) }),
-    showPagination && totalPages > 1 && /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between mt-4 text-sm print:hidden", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-gray-600", children: [
-        /* @__PURE__ */ jsx6("span", { children: "Lignes par page :" }),
-        /* @__PURE__ */ jsx6(
-          "select",
-          {
-            value: perPage,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            className: "border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-blue-400",
-            children: pageSizeOptions.map((opt) => /* @__PURE__ */ jsx6("option", { value: opt, children: opt }, opt))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx6(
-          "button",
-          {
-            onClick: () => setPage((p) => Math.max(1, p - 1)),
-            disabled: safePage <= 1,
-            className: clsx(
-              "p-1.5 rounded transition-colors",
-              safePage <= 1 ? "text-gray-300 cursor-not-allowed" : "text-gray-600 hover:bg-gray-100"
-            ),
-            children: /* @__PURE__ */ jsx6(ChevronLeft, { className: "w-4 h-4" })
-          }
-        ),
-        paginationRange.map(
-          (item, i) => item === "..." ? /* @__PURE__ */ jsx6("span", { className: "px-2 text-gray-400", children: "..." }, `ellipsis-${i}`) : /* @__PURE__ */ jsx6(
-            "button",
-            {
-              onClick: () => setPage(item),
-              className: clsx(
-                "min-w-8 px-2 py-1 rounded text-sm font-medium transition-colors",
-                item === safePage ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-100"
-              ),
-              children: item
-            },
-            item
-          )
-        ),
-        /* @__PURE__ */ jsx6(
-          "button",
-          {
-            onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
-            disabled: safePage >= totalPages,
-            className: clsx(
-              "p-1.5 rounded transition-colors",
-              safePage >= totalPages ? "text-gray-300 cursor-not-allowed" : "text-gray-600 hover:bg-gray-100"
-            ),
-            children: /* @__PURE__ */ jsx6(ChevronRight, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "text-gray-500", children: [
-        "Page ",
-        safePage,
-        " sur ",
-        totalPages
-      ] })
-    ] }),
-    tooltip && /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: "fixed z-20 px-3 py-2 text-sm text-white bg-gray-800 rounded-lg shadow-lg pointer-events-none whitespace-nowrap",
-        style: {
-          left: tooltip.x,
-          top: tooltip.y - 8,
-          transform: "translate(-50%, -100%)"
-        },
-        children: tooltip.content
-      }
-    ),
-    /* @__PURE__ */ jsx6("style", { children: `
-        @media print {
-          body * { visibility: hidden; }
-          .w-full.overflow-x-auto { visibility: visible; }
-          .w-full.overflow-x-auto * { visibility: visible; }
-          .w-full.overflow-x-auto { position: absolute; left: 0; top: 0; width: 100%; }
-        }
-      ` })
-  ] });
-}
-
-// packages/ui/src/table/actions-menu.tsx
-import { useState as useState5, useRef as useRef2, useEffect as useEffect4 } from "react";
-import { Ellipsis } from "lucide-react";
-import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function ActionsMenu({ row, actions }) {
-  const [isOpen, setIsOpen] = useState5(false);
-  const [coords, setCoords] = useState5({ top: 0, left: 0 });
-  const buttonRef = useRef2(null);
-  const menuRef = useRef2(null);
-  useEffect4(() => {
-    function handleClickOutside(event) {
-      if (menuRef.current && buttonRef.current && !menuRef.current.contains(event.target) && !buttonRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  const toggleMenu = () => {
-    if (buttonRef.current) {
-      const rect = buttonRef.current.getBoundingClientRect();
-      const menuWidth = 180;
-      const menuHeight = actions.length * 40;
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const spaceRight = window.innerWidth - rect.left;
-      let top = rect.bottom;
-      let left = rect.left;
-      if (spaceBelow < menuHeight + 20) {
-        top = rect.top - menuHeight;
-      }
-      if (spaceRight < menuWidth + 20) {
-        left = rect.left - menuWidth + 30;
-      }
-      setCoords({ top, left });
-    }
-    setIsOpen(!isOpen);
-  };
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx7(
-      "button",
-      {
-        ref: buttonRef,
-        onClick: toggleMenu,
-        className: "p-1 hover:bg-gray-100 rounded-full",
-        children: /* @__PURE__ */ jsx7(Ellipsis, { className: "w-5 h-5" })
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx7(
-      "div",
-      {
-        ref: menuRef,
-        className: "fixed bg-white border border-gray-200 rounded shadow-lg z-20",
-        style: {
-          top: coords.top,
-          left: coords.left,
-          minWidth: 180
-        },
-        children: actions.map((action, idx) => /* @__PURE__ */ jsxs6(
-          "button",
-          {
-            className: `flex items-center gap-2 px-4 py-2 w-full text-sm hover:bg-gray-100 ${action.color || "text-gray-700"}`,
-            onClick: () => {
-              action.callback(row);
-              setIsOpen(false);
-            },
-            children: [
-              action.icon,
-              action.label
-            ]
-          },
-          idx
-        ))
-      }
-    )
-  ] });
-}
-
-// packages/ui/src/headers/header-content.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function HeaderContent({
-  title,
-  description,
-  actionLabel,
-  onAction,
-  icon
-}) {
-  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-6", children: [
-    /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx8("h1", { className: "text-xl font-semibold text-gray-900 flex items-center gap-2", children: title }),
-      description && /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-500 mt-1", children: description })
-    ] }),
-    actionLabel && onAction && /* @__PURE__ */ jsxs7(
-      "button",
-      {
-        onClick: onAction,
-        className: "font-semibold md:inline-flex items-center gap-2 bg-gray-900 text-white px-4 py-2 rounded-md text-sm hover:bg-gray-700 transition hover:cursor-pointer",
-        children: [
-          icon && /* @__PURE__ */ jsx8("span", { className: "w-4 h-4", children: icon }),
-          actionLabel
-        ]
-      }
-    )
-  ] });
-}
-
-// packages/ui/src/forms/form.tsx
-import { useState as useState6, useEffect as useEffect5, useRef as useRef3, useCallback as useCallback3 } from "react";
-import { X as X3 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var Form = ({
-  erreurs,
-  onErrorClose,
-  children,
-  className,
-  ...props
-}) => {
-  const formClassName = ["flex flex-col gap-3", className].filter(Boolean).join(" ");
-  const errorMessage = erreurs?.message || null;
-  const [showError, setShowError] = useState6(!!erreurs);
-  const [countdown, setCountdown] = useState6(erreurs ? 10 : 0);
-  const [animating, setAnimating] = useState6(!!erreurs);
-  const intervalRef = useRef3(null);
-  const hasClosedRef = useRef3(false);
-  const closeError = useCallback3(
-    (triggerCallback = true) => {
-      if (intervalRef.current !== null) {
-        window.clearInterval(intervalRef.current);
-        intervalRef.current = null;
-      }
-      setShowError(false);
-      setAnimating(false);
-      setCountdown(0);
-      if (triggerCallback && onErrorClose && !hasClosedRef.current) {
-        hasClosedRef.current = true;
-        onErrorClose();
-      }
-    },
-    [onErrorClose]
-  );
-  useEffect5(() => {
-    hasClosedRef.current = false;
-    if (!erreurs) {
-      const closeTimeout = window.setTimeout(() => closeError(false), 0);
-      return () => {
-        window.clearTimeout(closeTimeout);
-      };
-    }
-    const initTimeout = window.setTimeout(() => {
-      setShowError(true);
-      setAnimating(true);
-      setCountdown(10);
-    }, 0);
-    intervalRef.current = window.setInterval(() => {
-      setCountdown((prev) => {
-        if (prev <= 1) {
-          closeError(true);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => {
-      window.clearTimeout(initTimeout);
-      if (intervalRef.current !== null) {
-        window.clearInterval(intervalRef.current);
-        intervalRef.current = null;
-      }
-    };
-  }, [erreurs, closeError]);
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsx9("form", { className: formClassName, ...props, children }),
-    showError && errorMessage && /* @__PURE__ */ jsxs8(
-      "div",
-      {
-        className: `fixed top-0 left-0 right-0 z-[9999] bg-red-500 text-white p-4 rounded-b-md shadow-lg flex justify-between items-center transition-transform duration-300 ${animating ? "transform translate-y-0" : "transform -translate-y-full"}`,
-        children: [
-          /* @__PURE__ */ jsx9("span", { children: errorMessage }),
-          /* @__PURE__ */ jsxs8("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsxs8("span", { className: "mr-2", children: [
-              countdown,
-              "s"
-            ] }),
-            /* @__PURE__ */ jsx9("button", { onClick: () => closeError(true), children: /* @__PURE__ */ jsx9(X3, { size: 20 }) })
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-
-// packages/ui/src/forms/field-container.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function FieldContainer({ children, className }) {
-  return /* @__PURE__ */ jsx10("div", { className: `flex flex-col gap-2 mb-3 relative ${className ?? ""}`, children: /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-1", children }) });
-}
-
-// packages/ui/src/forms/label.tsx
-import React4 from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var Label = React4.forwardRef(
-  ({ required, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs9(
-      "label",
-      {
-        ref,
-        className: `font-semibold text-gray-600 block ${className ?? ""}`.trim(),
-        ...props,
-        children: [
-          children,
-          required ? /* @__PURE__ */ jsx11("span", { className: "text-red-500 ml-1", children: "*" }) : null
-        ]
-      }
-    );
-  }
-);
-Label.displayName = "Label";
-
-// packages/ui/src/forms/input.tsx
-import React5, { useState as useState7 } from "react";
-import { Eye, EyeOff } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var Input = React5.forwardRef(({ type, className, ...props }, ref) => {
-  const [showPassword, setShowPassword] = useState7(false);
-  const isPassword = type === "password";
-  const inputType = isPassword ? showPassword ? "text" : "password" : type;
-  return /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx12(
-      "input",
-      {
-        ref,
-        type: inputType,
-        className: `w-full px-3 py-2 pr-10 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition duration-200 ${className || ""}`,
-        ...props
-      }
-    ),
-    isPassword && /* @__PURE__ */ jsx12(
-      "button",
-      {
-        type: "button",
-        onClick: () => setShowPassword(!showPassword),
-        className: "absolute inset-y-0 right-0 pr-3 flex items-center text-gray-500 hover:text-gray-700",
-        children: showPassword ? /* @__PURE__ */ jsx12(EyeOff, { size: 20 }) : /* @__PURE__ */ jsx12(Eye, { size: 20 })
-      }
-    )
-  ] });
-});
-Input.displayName = "Input";
-
-// packages/ui/src/forms/select.tsx
-import React6 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Select = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx13(
-    "select",
-    {
-      ref,
-      className: `w-full px-3 py-2 pr-10 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition duration-200 bg-white cursor-pointer appearance-none bg-no-repeat bg-right bg-contain ${className || ""}`,
-      style: {
-        backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")`,
-        backgroundPosition: "right 0.75rem center",
-        backgroundSize: "1.25em 1.25em"
-      },
-      ...props
-    }
-  );
-});
-Select.displayName = "Select";
-var Option = React6.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsx13("option", { ref, ...props });
-});
-Option.displayName = "Option";
-
-// packages/ui/src/forms/textarea.tsx
-import React7 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var TextArea = React7.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsx14(
-    "textarea",
-    {
-      ref,
-      className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition duration-200 resize-none",
-      ...props
-    }
-  );
-});
-TextArea.displayName = "TextArea";
-
-// packages/ui/src/forms/date-picker.tsx
-import React8 from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-var DatePicker = React8.forwardRef(({ className, placeholder, required, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx15(
-      "input",
-      {
-        ref,
-        type: "date",
-        required: required ?? true,
-        className: `peer w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition duration-200 ${className ?? ""}`,
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx15("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none peer-valid:hidden md:hidden", children: placeholder ?? "jj/mm/aaaa" })
-  ] });
-});
-DatePicker.displayName = "DatePicker";
-
-// packages/ui/src/loaders/loading.tsx
-import { Loader } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-function Loading(props) {
-  return /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx16(Loader, { className: "animate-spin", size: 40 }),
-    /* @__PURE__ */ jsx16("p", { className: "text-gray-600 text-md font-medium", children: props.text })
-  ] }) });
-}
-
-// packages/ui/src/loaders/loader-submit.tsx
-import { LoaderCircle } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-function LoaderSubmit({ label, loadingLabel, isLoading }) {
-  return /* @__PURE__ */ jsx17(Fragment3, { children: isLoading ? /* @__PURE__ */ jsxs13("div", { className: "flex flex-row gap-2 items-center", children: [
-    /* @__PURE__ */ jsx17(LoaderCircle, { className: "animate-spin text-gray-500" }),
-    /* @__PURE__ */ jsx17("p", { className: "text-gray-500 font-semibold", children: loadingLabel })
-  ] }) : /* @__PURE__ */ jsx17(
-    "button",
-    {
-      type: "submit",
-      className: "bg-gray-900 text-white px-6 py-2 rounded-md hover:bg-gray-700 hover:cursor-pointer transition-colors duration-300 font-semibold shadow-md",
-      disabled: isLoading,
-      children: label
-    }
-  ) });
-}
-
-// packages/ui/src/pages/session-expired.tsx
-import { useRouter } from "next/navigation";
-import { useEffect as useEffect6, useState as useState8 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function SessionExpired({ redirectUrl = "/" }) {
-  const router = useRouter();
-  const [countdown, setCountdown] = useState8(10);
-  useEffect6(() => {
-    if (countdown <= 0) {
-      router.push(redirectUrl);
-      return;
-    }
-    const timer = setTimeout(() => setCountdown((c) => c - 1), 1e3);
-    return () => clearTimeout(timer);
-  }, [countdown, router, redirectUrl]);
-  const handleConnect = () => {
-    router.push(redirectUrl);
-  };
-  return /* @__PURE__ */ jsx18("div", { className: "min-h-screen flex items-center justify-center bg-gray-50", children: /* @__PURE__ */ jsxs14("div", { className: "max-w-md w-full text-center space-y-8 p-8", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx18("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx18(
-        "svg",
-        {
-          className: "w-16 h-16 text-gray-300",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          strokeWidth: 1.5,
-          children: /* @__PURE__ */ jsx18(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ jsx18("h1", { className: "text-2xl font-semibold text-gray-900", children: "Session expir\xE9e" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-gray-500", children: "Votre session a expir\xE9 ou vous n'\xEAtes pas connect\xE9. Veuillez vous reconnecter pour acc\xE9der \xE0 cette page." })
-    ] }),
-    /* @__PURE__ */ jsx18(
-      "button",
-      {
-        onClick: handleConnect,
-        className: "bg-gray-900 text-white px-6 py-2.5 rounded-md text-sm font-semibold hover:bg-gray-700 transition-colors",
-        children: "Me connecter"
-      }
-    ),
-    /* @__PURE__ */ jsxs14("p", { className: "text-sm text-gray-400", children: [
-      "Redirection automatique dans ",
-      countdown,
-      "s..."
-    ] })
-  ] }) });
-}
-
-// packages/ui/src/pages/access-denied.tsx
-import Image from "next/image";
-import Link from "next/link";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-function AccessDenied({ logo, redirectTo, textRedirection }) {
-  return /* @__PURE__ */ jsx19("main", { className: "min-h-screen py-16 px-4 bg-gradient-to-b from-gray-100 to-white text-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsxs15("div", { className: "max-w-md mx-auto text-center", children: [
-    /* @__PURE__ */ jsx19("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ jsx19(
-      Image,
-      {
-        alt: "Logo",
-        height: 100,
-        width: 100,
-        src: logo
-      }
-    ) }),
-    /* @__PURE__ */ jsx19("h1", { className: "text-2xl font-bold text-red-600 mb-4", children: "Acc\xE8s refus\xE9" }),
-    /* @__PURE__ */ jsx19("p", { className: "text-gray-500 mb-8", children: "Vous ne disposez pas des droits n\xE9cessaires pour acc\xE9der \xE0 cette page." }),
-    /* @__PURE__ */ jsx19(
-      Link,
-      {
-        href: redirectTo,
-        className: "inline-block px-6 py-3 bg-gray-900 text-white rounded-lg font-semibold hover:bg-gray-700 transition-colors",
-        children: textRedirection
-      }
-    )
-  ] }) });
-}
-
-// packages/ui/src/route-guard/route-guard.tsx
-import {
-  createContext,
-  useContext,
-  useMemo as useMemo2
-} from "react";
-import { redirect, usePathname } from "next/navigation";
-import { Fragment as Fragment4, jsx as jsx20 } from "react/jsx-runtime";
-function createRouteGuardConfig(input) {
-  return {
-    useCurrentUser: input.useCurrentUser,
-    pagePermissions: input.pagePermissions,
-    deniedPath: input.deniedPath ?? "/access-denied"
-  };
-}
-var RouteGuardContext = createContext(null);
-function RouteGuardProvider({
-  children,
-  config,
-  useCurrentUser,
-  pagePermissions,
-  deniedPath
-}) {
-  const resolved = useMemo2(() => {
-    if (config) return config;
-    return {
-      useCurrentUser,
-      pagePermissions,
-      deniedPath: deniedPath ?? "/access-denied"
-    };
-  }, [config, useCurrentUser, pagePermissions, deniedPath]);
-  if (!resolved.useCurrentUser || !resolved.pagePermissions) {
-    throw new Error(
-      "RouteGuardProvider requires either a `config` prop (from createRouteGuardConfig) or `useCurrentUser` + `pagePermissions` directly."
-    );
-  }
-  return /* @__PURE__ */ jsx20(RouteGuardContext.Provider, { value: resolved, children: /* @__PURE__ */ jsx20(AutoRouteGuard, { config: resolved, children }) });
-}
-function AutoRouteGuard({
-  config,
-  children
-}) {
-  const pathname = usePathname();
-  const { data: user, isLoading } = config.useCurrentUser();
-  const allowedRoles = useMemo2(
-    () => findAllowedRoles(pathname, config.pagePermissions),
-    [pathname, config.pagePermissions]
-  );
-  if (!allowedRoles) {
-    return /* @__PURE__ */ jsx20(Fragment4, { children });
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx20("p", { className: "text-gray-500", children: "Chargement..." }) });
-  }
-  if (!user || !allowedRoles.includes(user.role.name)) {
-    redirect(config.deniedPath);
-  }
-  return /* @__PURE__ */ jsx20(Fragment4, { children });
-}
-function routeGuard(page, Component) {
-  return function GuardedPage(props) {
-    const config = useContext(RouteGuardContext);
-    if (!config) {
-      throw new Error(
-        "routeGuard requires a RouteGuardProvider ancestor. Wrap your layout with <RouteGuardProvider>."
-      );
-    }
-    const { data: user, isLoading } = config.useCurrentUser();
-    const allowedRoles = findAllowedRoles(page, config.pagePermissions);
-    if (!allowedRoles) {
-      return /* @__PURE__ */ jsx20(Component, { ...props });
-    }
-    if (isLoading) {
-      return /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx20("p", { className: "text-gray-500", children: "Chargement..." }) });
-    }
-    if (!user || !allowedRoles.includes(user.role.name)) {
-      redirect(config.deniedPath);
-    }
-    return /* @__PURE__ */ jsx20(Component, { ...props });
-  };
-}
-function findAllowedRoles(page, pagePermissions) {
-  const segments = page.split("/").filter(Boolean);
-  for (let i = 0; i <= segments.length; i++) {
-    const candidate = "/" + segments.slice(0, i).join("/");
-    const roles = pagePermissions[candidate];
-    if (roles) return roles;
-  }
-  return void 0;
-}
-export {
-  AccessDenied,
-  ActionsMenu,
-  ApiError,
-  Confirmation,
-  DatePicker,
-  FieldContainer,
-  Form,
-  HeaderContent,
-  Input,
-  Label,
-  LoaderSubmit,
-  Loading,
-  Modal,
-  Option,
-  RouteGuardProvider,
-  Select,
-  SessionExpired,
-  SideNav,
-  Table,
-  TextArea,
-  createRouteGuardConfig,
-  createSideNav,
-  fetcher,
-  routeGuard
-};
-//# sourceMappingURL=client.js.map