@goralys/ui 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,3514 @@
+// src/hooks/goralys-ui-provider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var GoralysUIContext = createContext(null);
+function GoralysUIProvider({ config, children }) {
+  const value = useMemo(() => config, [config]);
+  return /* @__PURE__ */ jsx(GoralysUIContext.Provider, { value, children });
+}
+function useGoralysUI() {
+  const context = useContext(GoralysUIContext);
+  if (!context) throw new Error("useGoralysUI must be used inside a GoralysUIProvider");
+  return context;
+}
+
+// src/hooks/use-media-query.ts
+import { useEffect, useState } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    const run = () => {
+      const media = window.matchMedia(query);
+      setMatches(media.matches);
+      const listener = (e) => setMatches(e.matches);
+      media.addEventListener("change", listener);
+      return () => media.removeEventListener("change", listener);
+    };
+    return run();
+  }, [query]);
+  return matches;
+}
+
+// src/lib/inputs.ts
+import { useCallback } from "react";
+function useAutoResize(ref) {
+  return useCallback(
+    (el) => {
+      if (typeof ref === "function") {
+        ref(el);
+      } else if (ref && "current" in ref) {
+        Object.assign(ref, { current: el });
+      }
+      if (!el) return;
+      const resize = () => {
+        el.style.height = "auto";
+        el.style.height = `${el.scrollHeight}px`;
+      };
+      resize();
+      el.addEventListener("input", resize);
+      return () => el.removeEventListener("input", resize);
+    },
+    [ref]
+  );
+}
+
+// src/lib/modals.ts
+import { useEffect as useEffect2 } from "react";
+function useModalClose(modalRef, visible, onClose) {
+  useEffect2(() => {
+    if (!visible) return;
+    const handleClickOutside = (e) => {
+      if (modalRef.current && !modalRef.current.contains(e.target)) {
+        onClose();
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [visible, onClose, modalRef]);
+}
+
+// src/ui/button.tsx
+import clsx from "clsx";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var colors = {
+  sky: "bg-sky-100 border-sky-300 before:bg-sky-300",
+  red: "bg-red-50 border-red-300 before:bg-red-300",
+  green: "bg-green-50 border-green-300 before:bg-green-300",
+  amber: "bg-amber-50 border-amber-300 before:bg-amber-300"
+};
+function Button({ text, type, className, onClick, color = "sky", disabled = false }) {
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type,
+      className: clsx(
+        `
+            relative block w-full h-10 ${colors[color]} border mt-2 mb-2 rounded-xs shadow-lg z-0
+            transition-colors duration-500 overflow-hidden
+
+            before:w-0 before:h-full before:content-[''] before:absolute before:left-0 before:top-0 before:z-0
+            before:transition-all before:duration-500
+            hover:text-gray-900 hover:before:w-full
+            ${className}
+        `,
+        {
+          "bg-gray-200! border-gray-500! before:bg-transparent cursor-not-allowed": disabled
+        }
+      ),
+      onClick,
+      disabled,
+      children: /* @__PURE__ */ jsx2("p", { className: "relative text-[17px] z-10", children: text })
+    }
+  );
+}
+
+// src/ui/card-title.tsx
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function CardTitle({ title }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3("p", { className: "text-lg", children: title }),
+    /* @__PURE__ */ jsx3("span", { className: "w-full bg-sky-300 h-px -mt-3 mb-1.5" })
+  ] });
+}
+
+// src/ui/card.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Card({ children, className }) {
+  return /* @__PURE__ */ jsx4("div", { className: `flex w-full rounded-xs p-3 gap-3 ${className}`, children });
+}
+
+// src/ui/admin-panel/admin-card.tsx
+import { cookiesGet, PUB_ID_KEY } from "@goralys/core";
+import { ShieldExclamationIcon } from "@heroicons/react/24/outline";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function AdminCard({ admin }) {
+  const router = useGoralysUI().useRouter();
+  return /* @__PURE__ */ jsx5(Card, { className: "flex-col w-175! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx5(ShieldExclamationIcon, { width: 27.5, className: "mr-1.5" }),
+      /* @__PURE__ */ jsxs2("strong", { children: [
+        admin.fullName,
+        " (",
+        admin.username,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("div", { className: "flex flex-row w-100 gap-1 items-center justify-end", children: cookiesGet(PUB_ID_KEY) === admin.publicId ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx5("p", { className: "ml-auto", children: "(vous)" }),
+      /* @__PURE__ */ jsx5(
+        Button,
+        {
+          className: "w-50!",
+          type: "button",
+          text: "Consulter votre profil",
+          onClick: () => router.push("/admin/user?u=" + admin.publicId)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx5(
+      Button,
+      {
+        className: "w-50!",
+        type: "button",
+        text: "G\xE9rer l'administrateur",
+        onClick: () => router.push("/admin/user?u=" + admin.publicId)
+      }
+    ) })
+  ] }) });
+}
+
+// src/ui/inputs/floating-input.tsx
+import { clsx as clsx2 } from "clsx";
+import { useState as useState2 } from "react";
+import { EyeIcon, EyeSlashIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function FloatingInput({
+  id,
+  label,
+  helper,
+  autocomplete,
+  password = false,
+  email = false,
+  disabled = false,
+  required = false,
+  defaultValue,
+  value,
+  onInput
+}) {
+  const [show, setShow] = useState2(!password);
+  const [isAutofilled, setIsAutofilled] = useState2(false);
+  function onEyeClicked() {
+    setShow(!show);
+  }
+  function handleAnimationStart(e) {
+    if (e.animationName === "onAutoFillStart") setIsAutofilled(true);
+    if (e.animationName === "onAutoFillCancel") setIsAutofilled(false);
+  }
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: clsx2("relative mt-3 group min-w-50 w-full", {
+        "mb-5": helper !== void 0,
+        "mb-1": helper === void 0
+      }),
+      children: [
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            type: email ? "email" : show ? "text" : "password",
+            id,
+            name: id,
+            placeholder: " ",
+            autoComplete: autocomplete,
+            disabled,
+            required,
+            defaultValue,
+            value,
+            onInput,
+            onAnimationStart: handleAnimationStart,
+            className: clsx2(
+              "peer block w-full leading-none py-0 px-0 cursor-text text-base text-heading bg-transparent border-0 border-b-2 border-sky-300 appearance-none focus:outline-none focus:ring-0 ",
+              {
+                "cursor-not-allowed!": disabled
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: "\n              pointer-events-none\n              absolute left-0 bottom-0 h-0.5 w-full\n              origin-left\n              bg-sky-500\n              transition-transform duration-250\n              group-focus-within:scale-x-100\n              "
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          "label",
+          {
+            htmlFor: id,
+            className: clsx2(
+              "absolute text-base text-body cursor-text duration-300 transform -translate-y-4.5 scale-75 top-0 origin-left peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4.5 ",
+              {
+                "cursor-not-allowed!": disabled,
+                "scale-75! -translate-y-4.5!": isAutofilled
+                // force active state
+              }
+            ),
+            children: label
+          }
+        ),
+        password && /* @__PURE__ */ jsx6("button", { type: "button", onClick: onEyeClicked, className: "absolute top-px right-0 text-gray-900", children: show ? /* @__PURE__ */ jsx6(EyeSlashIcon, { className: "size-5" }) : /* @__PURE__ */ jsx6(EyeIcon, { className: "size-5" }) }),
+        /* @__PURE__ */ jsxs3(
+          "p",
+          {
+            className: clsx2("mt-0 absolute text-[13px] italic text-gray-600", {
+              hidden: helper === void 0
+            }),
+            children: [
+              "*",
+              helper
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/ui/admin-panel/admins-search-bar.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function AdminsSearchBar({ type, admins, setCurrentAdminsAction }) {
+  const [searchText, setSearchText] = useState3("");
+  const handleSearch = (e) => {
+    setSearchText(e.currentTarget.value);
+  };
+  useEffect3(() => {
+    if (!admins) return;
+    const search = searchText.trim().toLowerCase();
+    const sorted = [...admins].filter((u) => !search || u.fullName.trim().toLowerCase().includes(search)).sort((a, b) => a.fullName.trim().toLowerCase().localeCompare(b.fullName.trim().toLowerCase(), "fr"));
+    setCurrentAdminsAction((prev) => {
+      if (JSON.stringify(prev) === JSON.stringify(sorted)) return prev;
+      return sorted;
+    });
+  }, [searchText, admins, setCurrentAdminsAction]);
+  return /* @__PURE__ */ jsx7("div", { className: "flex flex-row gap-2 items-end mb-4 w-175!", children: /* @__PURE__ */ jsx7(FloatingInput, { id: "admins-search-" + type, label: "Rechercher par nom", onInput: handleSearch }) });
+}
+
+// src/ui/admin-panel/audit-action-card.tsx
+import { parsePhpDateTime } from "@goralys/core";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+function AuditActionCard({ actions }) {
+  if (!actions) return /* @__PURE__ */ jsx8(Fragment3, {});
+  if (actions.length === 0) {
+    return /* @__PURE__ */ jsxs4(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+      /* @__PURE__ */ jsx8(CardTitle, { title: "Actions" }),
+      /* @__PURE__ */ jsx8("p", { children: "Aucune action enregistr\xE9e pour cet administrateur" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx8(CardTitle, { title: "Actions" }),
+    actions.map((a) => /* @__PURE__ */ jsxs4("div", { className: "w-full h-5 flex flex-row items-center", children: [
+      /* @__PURE__ */ jsx8("p", { className: "mr-2 text-xs font-mono", children: parsePhpDateTime(a.at) }),
+      /* @__PURE__ */ jsx8("p", { children: a.description })
+    ] }, a.initiator + parsePhpDateTime(a.at)))
+  ] });
+}
+
+// src/ui/admin-panel/auth-token-card.tsx
+import { buildApiUrl, fetchCsrfClient, goralysFetchClient, handleToastRequest, parsePhpDateTime as parsePhpDateTime2 } from "@goralys/core";
+
+// src/ui/toast/toast-provider.tsx
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect4, useMemo as useMemo2, useState as useState4 } from "react";
+
+// src/ui/toast/toast-element.tsx
+import { clsx as clsx3 } from "clsx";
+import { CheckCircleIcon, ExclamationCircleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var icons = {
+  info: /* @__PURE__ */ jsx9(InformationCircleIcon, { className: "size-14 p-0 -ml-1.5 -mr-1.5 text-blue-600" }),
+  success: /* @__PURE__ */ jsx9(CheckCircleIcon, { className: "size-14 p-0 -ml-1.5 -mr-1.5 text-green-600" }),
+  warning: /* @__PURE__ */ jsx9(ExclamationCircleIcon, { className: "size-14 p-0 -ml-1.5 -mr-1.5 text-amber-600" }),
+  error: /* @__PURE__ */ jsx9(XCircleIcon, { className: "size-14 p-0 -ml-1.5 -mr-1.5 text-red-600" })
+};
+function ToastElement({ type, title, message, visible }) {
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: clsx3(
+        "fixed flex gap-2 p-3 h-22 sm:w-115 w-95 bg-sky-300 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1 ",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-['']",
+        "transition-all duration-500 z-10",
+        {
+          "after:bg-blue-600": type === "info",
+          "after:bg-green-600": type === "success",
+          "after:bg-amber-600": type === "warning",
+          "after:bg-red-600": type === "error"
+        },
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "alert",
+      children: /* @__PURE__ */ jsxs5("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex self-center", children: icons[type] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col justify-center", children: [
+          /* @__PURE__ */ jsx9("strong", { className: "text-md", children: title }),
+          /* @__PURE__ */ jsx9("span", { className: "text-sm", children: message })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/toast/toast-provider.tsx
+import { FLASH_TOAST_KEY, storageSet } from "@goralys/core";
+import { createPortal } from "react-dom";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var ToastContext = createContext2(null);
+function ToastProvider({ children }) {
+  const [toast, setToast] = useState4(null);
+  const [visible, setVisible] = useState4(false);
+  const cacheToast = useCallback2((toastInput, duration = 5500) => {
+    if (!toastInput.expires) toastInput.expires = Date.now() + duration;
+    storageSet(FLASH_TOAST_KEY, JSON.stringify(toastInput));
+  }, []);
+  const showToast = useCallback2(
+    (toastInput, animate = true, duration = 5500) => {
+      cacheToast(toastInput, duration);
+      if (!toastInput.expires) toastInput.expires = Date.now() + duration;
+      if (toastInput.expires === toast?.expires) return;
+      setToast(toastInput);
+      setVisible(!animate);
+      if (animate) requestAnimationFrame(() => setVisible(true));
+    },
+    [cacheToast, toast]
+  );
+  useEffect4(() => {
+    if (!toast || !toast.expires) return;
+    const left = toast.expires - Date.now();
+    const hide = setTimeout(() => setVisible(false), left - 500);
+    const clear = setTimeout(() => setToast(null), left);
+    return () => {
+      clearTimeout(hide);
+      clearTimeout(clear);
+    };
+  }, [toast]);
+  const value = useMemo2(() => ({ showToast, cacheToast }), [showToast, cacheToast]);
+  return /* @__PURE__ */ jsxs6(ToastContext.Provider, { value, children: [
+    children,
+    toast && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx10(ToastElement, { ...toast, visible }), document.getElementById("toast-root"))
+  ] });
+}
+function useToast() {
+  const context = useContext2(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used in a valid context.");
+  }
+  return context;
+}
+
+// src/ui/modals/confirm/confirm-provider.tsx
+import { createContext as createContext3, useCallback as useCallback3, useContext as useContext3, useMemo as useMemo3, useState as useState5 } from "react";
+
+// src/ui/modals/confirm/confirm-element.tsx
+import { clsx as clsx4 } from "clsx";
+import { QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
+import { useRef } from "react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function ConfirmElement({ title, message, visible, onConfirmAction, onCancelAction }) {
+  const modalRef = useRef(null);
+  useModalClose(modalRef, visible, onCancelAction);
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx4(
+        "fixed flex flex-col gap-2 p-3 sm:w-115 w-96 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1 ",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50 ",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx11("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx11(QuestionMarkCircleIcon, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx11("strong", { className: "text-md", children: title }),
+            /* @__PURE__ */ jsx11("span", { className: "text-sm", children: message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx11(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! w-25!",
+              text: "Annuler",
+              type: "button",
+              onClick: onCancelAction
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! w-25!",
+              text: "Confirmer",
+              type: "button",
+              onClick: onConfirmAction
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/confirm/confirm-provider.tsx
+import { createPortal as createPortal2 } from "react-dom";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var ConfirmContext = createContext3(null);
+function ConfirmProvider({ children }) {
+  const [confirmState, setConfirmState] = useState5(null);
+  const [visible, setVisible] = useState5(false);
+  const showConfirm = useCallback3((options) => {
+    return new Promise((resolve) => {
+      setConfirmState({ options, resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleConfirm() {
+    setVisible(false);
+    setTimeout(() => {
+      confirmState?.resolve(true);
+      setConfirmState(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      confirmState?.resolve(false);
+      setConfirmState(null);
+    }, 500);
+  }
+  const value = useMemo3(() => ({ showConfirm }), [showConfirm]);
+  return /* @__PURE__ */ jsxs8(ConfirmContext.Provider, { value, children: [
+    children,
+    confirmState && typeof document !== "undefined" && createPortal2(
+      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx12(
+        ConfirmElement,
+        {
+          ...confirmState.options,
+          visible,
+          onConfirmAction: handleConfirm,
+          onCancelAction: handleCancel
+        }
+      ) }),
+      document.getElementById("confirm-root")
+    )
+  ] });
+}
+function useConfirm() {
+  const context = useContext3(ConfirmContext);
+  if (!context) {
+    throw new Error("useConfirm must be used within a ConfirmProvider");
+  }
+  return context;
+}
+
+// src/ui/admin-panel/auth-token-card.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function AuthTokenCard({ publicId, token, onUpdate }) {
+  const { showToast } = useToast();
+  const { showConfirm } = useConfirm();
+  const revoke = async () => {
+    if (!await showConfirm({ title: "R\xE9vocation du jeton", message: "Voulez-vous vraiment r\xE9voquer ce jeton d'authentification ?" }))
+      return;
+    const res = await goralysFetchClient(
+      "DELETE",
+      buildApiUrl("user/token/any", {
+        "csrf-token": await fetchCsrfClient("revoke-auth-token"),
+        name: token.name,
+        target: publicId
+      }),
+      void 0,
+      { suppressRedirect: true }
+    );
+    await handleToastRequest(res, showToast, false);
+    await onUpdate();
+  };
+  return /* @__PURE__ */ jsxs9(Card, { className: "grid grid-cols-[1fr_auto] grid-rows-[auto_1fr] gap-x-4", children: [
+    /* @__PURE__ */ jsx13("p", { className: "py-2", children: token.username }),
+    /* @__PURE__ */ jsx13("p", { className: "font-bold py-2 text-right", children: token.name }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col mt-2", children: [
+      /* @__PURE__ */ jsxs9("p", { className: "italic text-sm", children: [
+        "Date de cr\xE9ation: ",
+        parsePhpDateTime2(token.created)
+      ] }),
+      /* @__PURE__ */ jsxs9("p", { className: "italic text-sm", children: [
+        "Date d'expiration: ",
+        parsePhpDateTime2(token.expires)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "flex items-center", children: /* @__PURE__ */ jsx13(Button, { text: "R\xE9voquer", type: "button", color: "red", className: "w-[105%]! min-w-25 mt-0! mb-0!", onClick: revoke }) })
+  ] });
+}
+
+// src/ui/admin-panel/create-admin-element.tsx
+import { useState as useState8 } from "react";
+
+// src/ui/modals/password/password-modal-provider.tsx
+import { createContext as createContext4, useCallback as useCallback4, useContext as useContext4, useMemo as useMemo4, useState as useState7 } from "react";
+
+// src/ui/modals/password/password-modal-element.tsx
+import { LockClosedIcon } from "@heroicons/react/16/solid";
+import { clsx as clsx5 } from "clsx";
+import { useRef as useRef2, useState as useState6 } from "react";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function PasswordModalElement({ visible, onConfirmAction, onCancelAction, onCloseModalAction, message }) {
+  const [password, setPassword] = useState6("");
+  const modalRef = useRef2(null);
+  useModalClose(modalRef, visible, onCloseModalAction);
+  const onConfirm = () => {
+    onConfirmAction(password);
+    setPassword("");
+  };
+  const onCancel = () => {
+    setPassword("");
+    onCancelAction();
+  };
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx5(
+        "fixed flex flex-col gap-2 p-3 w-125 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx14("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx14(LockClosedIcon, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx14("strong", { className: "text-md", children: "Confirmation requise" }),
+            /* @__PURE__ */ jsx14("span", { className: "text-sm", children: message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx14(
+          FloatingInput,
+          {
+            id: "confirm-password",
+            label: "Mot de passe",
+            password: true,
+            autocomplete: "current-password",
+            onInput: (e) => setPassword(e.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs10("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx14(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Annuler",
+              type: "button",
+              onClick: onCancel
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Confirmer",
+              type: "button",
+              onClick: onConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/password/password-modal-provider.tsx
+import { createPortal as createPortal3 } from "react-dom";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var PasswordModalContext = createContext4(null);
+function PasswordModalProvider({ children }) {
+  const [state, setState] = useState7(null);
+  const [visible, setVisible] = useState7(false);
+  const [message, setMessage] = useState7("");
+  const DEFAULT_PASSWORD_CONFIRM = "cette action";
+  const showPasswordModal = useCallback4((confirm = DEFAULT_PASSWORD_CONFIRM) => {
+    setMessage("Veuillez entrer votre mot de passe pour confirmer " + confirm.replace(".", " ").trim() + ".");
+    return new Promise((resolve) => {
+      setState({ resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleConfirm(password) {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(password);
+      setState(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(null);
+      setState(null);
+    }, 500);
+  }
+  function handleClose() {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(null);
+      setState(null);
+    }, 500);
+  }
+  const value = useMemo4(() => ({ showPasswordModal }), [showPasswordModal]);
+  return /* @__PURE__ */ jsxs11(PasswordModalContext.Provider, { value, children: [
+    children,
+    state && typeof document !== "undefined" && createPortal3(
+      /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx15(
+        PasswordModalElement,
+        {
+          message,
+          visible,
+          onConfirmAction: handleConfirm,
+          onCancelAction: handleCancel,
+          onCloseModalAction: handleClose
+        }
+      ) }),
+      document.getElementById("password-modal-root")
+    )
+  ] });
+}
+function usePasswordModal() {
+  const context = useContext4(PasswordModalContext);
+  if (!context) {
+    throw new Error("usePasswordModal must be used within a EmailModalProvider");
+  }
+  return context;
+}
+
+// src/ui/admin-panel/create-admin-element.tsx
+import { cookiesSet, fetchCsrfClient as fetchCsrfClient2, goralysFetchClient as goralysFetchClient2, handleToastRequest as handleToastRequest2 } from "@goralys/core";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+function CreateAdminElement({ onUpdateAction, syncKey, virtualSyncKey }) {
+  const [firstName, setFirstName] = useState8("");
+  const [lastName, setLastName] = useState8("");
+  const password = usePasswordModal();
+  const toast = useToast();
+  const createAdmin = async () => {
+    const pwd = await password.showPasswordModal("la cr\xE9ation du nouvel administrateur");
+    if (!pwd) return;
+    if (pwd.trim() === "") {
+      toast.showToast({
+        type: "warning",
+        title: "Mot de passe",
+        message: "Veuillez saisir un mot de passe."
+      });
+      return;
+    }
+    const csrfToken = await fetchCsrfClient2("create-admin");
+    const payload = {
+      "first-name": firstName,
+      "last-name": lastName,
+      "admin-password": pwd,
+      "csrf-token": csrfToken
+    };
+    const res = await goralysFetchClient2("POST", "admin/create", payload);
+    await handleToastRequest2(res, toast.showToast, false);
+    const data = await res?.json();
+    if (data.toastType === "info" && res.ok) {
+      cookiesSet(syncKey, "0");
+      cookiesSet(virtualSyncKey, "0");
+      onUpdateAction();
+    }
+  };
+  return /* @__PURE__ */ jsxs12("details", { className: "group/details", children: [
+    /* @__PURE__ */ jsxs12("summary", { className: "flex flex-row cursor-pointer", children: [
+      /* @__PURE__ */ jsx16(
+        "svg",
+        {
+          className: "w-5 h-5 text-gray-900 transition group-open/details:rotate-90",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          fill: "currentColor",
+          viewBox: "0 0 16 16",
+          children: /* @__PURE__ */ jsx16(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx16("span", { children: "Cr\xE9er un administrateur" })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 mt-2", children: [
+      /* @__PURE__ */ jsx16("p", { className: "-mb-2", children: "Entrer le nom du nouvel administrateur" }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex flex-row min-w-full gap-x-2.5", children: [
+        /* @__PURE__ */ jsx16(FloatingInput, { id: "create-admin-firstname", label: "Pr\xE9nom", onInput: (e) => setFirstName(e.currentTarget.value) }),
+        /* @__PURE__ */ jsx16(FloatingInput, { id: "create-admin-lastname", label: "Nom", onInput: (e) => setLastName(e.currentTarget.value) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16(Button, { type: "button", text: "Cr\xE9er", onClick: createAdmin })
+  ] });
+}
+
+// src/ui/admin-panel/replace-teacher-element.tsx
+import { useState as useState9 } from "react";
+
+// src/ui/basic/dropdown.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function Dropdown({ label, children, openDefault = false }) {
+  return /* @__PURE__ */ jsxs13("details", { className: "group/details", open: openDefault, children: [
+    /* @__PURE__ */ jsxs13("summary", { className: "flex flex-row cursor-pointer", children: [
+      /* @__PURE__ */ jsx17(
+        "svg",
+        {
+          className: "w-5 h-5 text-gray-900 transition group-open/details:rotate-90",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          fill: "currentColor",
+          viewBox: "0 0 16 16",
+          children: /* @__PURE__ */ jsx17(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+            }
+          )
+        }
+      ),
+      typeof label === "object" ? label : /* @__PURE__ */ jsx17("span", { children: label })
+    ] }),
+    children
+  ] });
+}
+
+// src/ui/admin-panel/replace-teacher-element.tsx
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function ReplaceTeacherElement({ onReplaceAction, dropDown = true }) {
+  const [firstName, setFirstName] = useState9("");
+  const [lastName, setLastName] = useState9("");
+  return dropDown ? /* @__PURE__ */ jsxs14(Dropdown, { label: "Remplacer le professeur", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2 mt-2", children: [
+      /* @__PURE__ */ jsx18("p", { className: "-mb-2", children: "Entrer le nom du nouveau professeur" }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-row min-w-full gap-x-2.5", children: [
+        /* @__PURE__ */ jsx18(FloatingInput, { id: "replace-teacher-firstname", label: "Pr\xE9nom", onInput: (e) => setFirstName(e.currentTarget.value) }),
+        /* @__PURE__ */ jsx18(FloatingInput, { id: "replace-teacher-lastname", label: "Nom", onInput: (e) => setLastName(e.currentTarget.value) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx18(Button, { type: "button", text: "Remplacer", onClick: () => onReplaceAction(firstName, lastName) })
+  ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2 mt-2", children: [
+      /* @__PURE__ */ jsx18("p", { className: "-mb-2", children: "Entrer le nom du nouveau professeur" }),
+      /* @__PURE__ */ jsx18(FloatingInput, { id: "replace-teacher-firstname", label: "Pr\xE9nom", onInput: (e) => setFirstName(e.currentTarget.value) }),
+      /* @__PURE__ */ jsx18(FloatingInput, { id: "replace-teacher-lastname", label: "Nom", onInput: (e) => setLastName(e.currentTarget.value) })
+    ] }),
+    /* @__PURE__ */ jsx18(Button, { type: "button", text: "Remplacer", onClick: () => onReplaceAction(firstName, lastName) })
+  ] });
+}
+
+// src/ui/admin-panel/user-card.tsx
+import { AcademicCapIcon, BookOpenIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+function UserCard({ user }) {
+  const router = useGoralysUI().useRouter();
+  return /* @__PURE__ */ jsx19(Card, { className: "flex-col w-200! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs15("div", {
+      className: "flex flex-row",
+      // No admins here.
+      children: [
+        user.role == "teacher" ? /* @__PURE__ */ jsx19(BookOpenIcon, { width: 27.5, className: "mr-1.5" }) : /* @__PURE__ */ jsx19(AcademicCapIcon, { width: 27.5, className: "mr-1.5" }),
+        /* @__PURE__ */ jsxs15("strong", { children: [
+          user.fullName.length > 25 ? user.fullName.substring(0, 24) + "..." : user.fullName,
+          " (",
+          user.username,
+          ")"
+        ] })
+      ]
+    }),
+    /* @__PURE__ */ jsx19("div", { className: "flex flex-row w-100 gap-1 place-content-end", children: /* @__PURE__ */ jsx19(
+      Button,
+      {
+        type: "button",
+        className: "w-50!",
+        text: "G\xE9rer le compte",
+        onClick: () => router.push("/admin/user?u=" + user.publicId)
+      }
+    ) })
+  ] }) });
+}
+
+// src/ui/admin-panel/users-search-bar.tsx
+import { useEffect as useEffect5, useState as useState10 } from "react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+var roleFields = {
+  all: "Tous",
+  student: "\xC9l\xE8ves",
+  teacher: "Professeurs"
+};
+function UsersSearchBar({ type, users, setCurrentUsers }) {
+  const [currentRole, setCurrentRole] = useState10("all");
+  const [searchText, setSearchText] = useState10("");
+  const handleSearch = (e) => {
+    setSearchText(e.currentTarget.value);
+  };
+  const sortUsers = (list) => {
+    return [...list].sort((a, b) => {
+      if (a.role !== b.role) return a.role === "teacher" ? -1 : 1;
+      return a.fullName.trim().toLowerCase().localeCompare(b.fullName.trim().toLowerCase(), "fr");
+    });
+  };
+  useEffect5(() => {
+    if (!users) return;
+    const search = searchText.trim().toLowerCase();
+    const sorted = sortUsers(
+      users.filter((u) => {
+        const matchesRole = currentRole === "all" || u.role === currentRole;
+        const matchesName = !search || u.fullName.trim().toLowerCase().includes(search);
+        return matchesRole && matchesName;
+      })
+    );
+    setCurrentUsers((prev) => {
+      if (JSON.stringify(prev) === JSON.stringify(sorted)) return prev;
+      return sorted;
+    });
+  }, [searchText, currentRole, users, setCurrentUsers]);
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-row gap-2 items-end mb-4 w-175!", children: [
+    /* @__PURE__ */ jsx20(FloatingInput, { id: "users-search-" + type, label: "Rechercher par nom", onInput: handleSearch }),
+    /* @__PURE__ */ jsxs16("div", { className: "relative pb-0 mb-1", children: [
+      /* @__PURE__ */ jsx20(
+        "select",
+        {
+          className: "border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
+          value: currentRole,
+          onChange: (e) => setCurrentRole(e.target.value),
+          children: Object.entries(roleFields).map(([key, label]) => /* @__PURE__ */ jsx20("option", { value: key, children: label }, key))
+        }
+      ),
+      /* @__PURE__ */ jsx20(
+        "span",
+        {
+          className: "absolute bottom-0 left-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/admin-panel/subjects/status-legend.tsx
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var STATUS_LABELS = {
+  not_submitted: { label: "Brouillon", color: "#2563EB" },
+  submitted: { label: "Envoy\xE9e", color: "#D97706" },
+  approved: { label: "Valid\xE9e", color: "#059669" },
+  rejected: { label: "Rejet\xE9e", color: "#DC2626" }
+};
+function StatusLegend({ total, submitted, approved, rejected, notSubmitted }) {
+  const counts = {
+    not_submitted: notSubmitted,
+    submitted,
+    approved,
+    rejected
+  };
+  return /* @__PURE__ */ jsx21("ul", { className: "flex flex-col gap-1 self-center mr-10", children: Object.keys(STATUS_LABELS).map((key) => /* @__PURE__ */ jsxs17("li", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ jsx21(
+      "span",
+      {
+        className: "inline-block w-2.5 h-2.5 rounded-full shrink-0",
+        style: { backgroundColor: STATUS_LABELS[key].color }
+      }
+    ),
+    /* @__PURE__ */ jsx21("span", { children: STATUS_LABELS[key].label }),
+    /* @__PURE__ */ jsxs17("span", { className: "text-gray-500 ml-auto", children: [
+      counts[key],
+      " / ",
+      total
+    ] })
+  ] }, key)) });
+}
+
+// src/ui/admin-panel/subjects/subject-students-donut.tsx
+import { useEffect as useEffect6, useState as useState11 } from "react";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+var STATUS_CONFIG = {
+  empty: { percent: 0, color: "#D4D4D8" },
+  // zinc-300
+  not_submitted: { percent: 33, color: "#2563EB" },
+  // blue-600
+  submitted: { percent: 66, color: "#D97706" },
+  // amber-600
+  approved: { percent: 100, color: "#059669" },
+  // green-600
+  rejected: { percent: 100, color: "#DC2626" }
+  // red-600
+};
+var TRACK_COLOR = "#D4D4D8";
+function SubjectStudentsDonut({ status, size = 48 }) {
+  const { percent, color } = STATUS_CONFIG[status];
+  const strokeWidth = size * 0.15;
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const [offset, setOffset] = useState11(circumference);
+  useEffect6(() => {
+    const targetOffset = circumference - percent / 100 * circumference;
+    const raf = requestAnimationFrame(() => setOffset(targetOffset));
+    return () => cancelAnimationFrame(raf);
+  }, [percent, circumference]);
+  return /* @__PURE__ */ jsxs18("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+    /* @__PURE__ */ jsx22("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: TRACK_COLOR, strokeWidth }),
+    /* @__PURE__ */ jsx22(
+      "circle",
+      {
+        cx: size / 2,
+        cy: size / 2,
+        r: radius,
+        fill: "none",
+        stroke: color,
+        strokeWidth,
+        strokeDasharray: circumference,
+        strokeDashoffset: offset,
+        strokeLinecap: "round",
+        transform: `rotate(-90 ${size / 2} ${size / 2})`,
+        style: { transition: "stroke-dashoffset 0.6s ease-out" }
+      }
+    )
+  ] });
+}
+
+// src/ui/admin-panel/subjects/subject-teachers-donut.tsx
+import { useEffect as useEffect7, useState as useState12 } from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+var STATUS_CONFIG2 = {
+  empty: { color: "#D4D4D8" },
+  // zinc-300
+  not_submitted: { color: "#2563EB" },
+  // blue-600
+  submitted: { color: "#D97706" },
+  // amber-600
+  approved: { color: "#059669" },
+  // green-600
+  rejected: { color: "#DC2626" }
+  // red-600
+};
+var TRACK_COLOR2 = "#D4D4D8";
+function SubjectTeachersDonut({ size = 192, total, notSubmitted, submitted, rejected, approved }) {
+  const strokeWidth = size * 0.15;
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const approvedPercent = approved / total;
+  const rejectedPercent = rejected / total;
+  const submittedPercent = submitted / total;
+  const notSubmittedPercent = notSubmitted / total;
+  const [notSubmittedOffset, setNotSubmittedOffset] = useState12(circumference);
+  const [submittedOffset, setSubmittedOffset] = useState12(circumference);
+  const [rejectedOffset, setRejectedOffset] = useState12(circumference);
+  const [approvedOffset, setApprovedOffset] = useState12(circumference);
+  useEffect7(() => {
+    const raf = requestAnimationFrame(() => {
+      let sum = approvedPercent;
+      setApprovedOffset(circumference - sum * circumference);
+      sum += rejectedPercent;
+      setRejectedOffset(circumference - sum * circumference);
+      sum += submittedPercent;
+      setSubmittedOffset(circumference - sum * circumference);
+      setNotSubmittedOffset(0);
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [circumference, approvedPercent, rejectedPercent, submittedPercent]);
+  const circles = [
+    { status: "not_submitted", color: STATUS_CONFIG2["not_submitted"].color, percent: notSubmittedPercent, offset: notSubmittedOffset },
+    { status: "submitted", color: STATUS_CONFIG2["submitted"].color, percent: submittedPercent, offset: submittedOffset },
+    { status: "rejected", color: STATUS_CONFIG2["rejected"].color, percent: rejectedPercent, offset: rejectedOffset },
+    { status: "approved", color: STATUS_CONFIG2["approved"].color, percent: approvedPercent, offset: approvedOffset }
+  ];
+  let delay = circles.filter((c) => c.percent > 0).length;
+  const ANIM_DURATION = 0.6;
+  return /* @__PURE__ */ jsxs19("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, className: "mr-2", children: [
+    /* @__PURE__ */ jsx23("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: TRACK_COLOR2, strokeWidth }),
+    circles.map(
+      (c) => c.percent > 0 && /* @__PURE__ */ jsx23(
+        "circle",
+        {
+          cx: size / 2,
+          cy: size / 2,
+          r: radius,
+          fill: "none",
+          stroke: c.color,
+          strokeWidth,
+          strokeDasharray: circumference,
+          strokeDashoffset: c.offset,
+          strokeLinecap: "butt",
+          transform: `rotate(-90 ${size / 2} ${size / 2})`,
+          style: { transition: `stroke-dashoffset ${ANIM_DURATION}s ease-out ${ANIM_DURATION * delay--}s` }
+        },
+        c.status
+      )
+    )
+  ] });
+}
+
+// src/ui/admin-panel/subjects/user-subjects-student-card.tsx
+import { getShortFromLong, getStatusLabel } from "@goralys/core";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+function UserSubjectsStudentCard({ subjects }) {
+  return /* @__PURE__ */ jsx24(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: subjects?.map((s, i) => {
+    const realStatus = s.subject.trim() === "" && s.status === "not_submitted" ? "empty" : s.status;
+    return /* @__PURE__ */ jsxs20(Card, { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx24("p", { className: "text-lg font-bold", children: getShortFromLong(s.topic) }),
+        /* @__PURE__ */ jsxs20("p", { className: "italic", children: [
+          "Statut: ",
+          getStatusLabel(s.status)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx24(SubjectStudentsDonut, { status: realStatus })
+    ] }, s.teacherToken + "#" + i);
+  }) });
+}
+
+// src/ui/admin-panel/subjects/user-subjects-teacher-card.tsx
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+function UserSubjectsTeacherCard({ subjects }) {
+  if (!subjects) return /* @__PURE__ */ jsx25(Fragment5, {});
+  const total = subjects.length;
+  const notSubmitted = subjects.filter((s) => s.status === "not_submitted").length;
+  const submitted = subjects.filter((s) => s.status === "submitted").length;
+  const rejected = subjects.filter((s) => s.status === "rejected").length;
+  const approved = subjects.filter((s) => s.status === "approved").length;
+  return /* @__PURE__ */ jsxs21(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx25(CardTitle, { title: "Sujets" }),
+    /* @__PURE__ */ jsxs21(Card, { className: "flex flex-row w-full", children: [
+      /* @__PURE__ */ jsx25(
+        SubjectTeachersDonut,
+        {
+          total,
+          approved,
+          rejected,
+          submitted,
+          notSubmitted
+        }
+      ),
+      /* @__PURE__ */ jsx25("span", { className: "basis-1/6 grow-0 shrink min-w-0" }),
+      /* @__PURE__ */ jsx25(StatusLegend, { total, approved, rejected, submitted, notSubmitted })
+    ] }, subjects.length)
+  ] });
+}
+
+// src/ui/basic/cookies-banner.tsx
+import { useEffect as useEffect8, useState as useState13 } from "react";
+
+// ../node_modules/@sidekickicons/react/24/outline/esm/CookieIcon.js
+import * as React5 from "react";
+function CookieIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React5.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    fill: "none",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React5.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React5.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M11.602 3.009a9 9 0 1 0 9.389 9.389 2.75 2.75 0 0 1-4.6-1.03c-.409.24-.883.381-1.391.381a2.75 2.75 0 0 1-2.371-4.142 2.75 2.75 0 0 1-1.027-4.598zM19 9.499v0M18 6v0m-2.5 2.5v0m-1-3.5v0m-6 2.5v0m-2 7v0m3 1.51h1.25m-4.063-5.796 1.125 1m7.215 4.546.946-1M13 18.009v0m-2-5.01v0"
+  }));
+}
+var ForwardRef = /* @__PURE__ */ React5.forwardRef(CookieIcon);
+var CookieIcon_default = ForwardRef;
+
+// src/ui/basic/cookies-banner.tsx
+import { XMarkIcon } from "@heroicons/react/24/outline";
+import { COOKIES_DISMISSED_KEY, cookiesGet as cookiesGet2, cookiesSet as cookiesSet2 } from "@goralys/core";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function CookieBanner() {
+  const Link = useGoralysUI().Link;
+  const [visible, setVisible] = useState13(false);
+  useEffect8(() => {
+    if (!cookiesGet2(COOKIES_DISMISSED_KEY)) {
+      setVisible(true);
+    }
+  }, []);
+  if (!visible) return null;
+  const discard = () => {
+    cookiesSet2(COOKIES_DISMISSED_KEY, "1", "/", 60 * 60 * 24 * 365);
+    setVisible(false);
+  };
+  return /* @__PURE__ */ jsxs22("div", { className: "fixed bottom-4 left-1/2 -translate-x-1/2 w-fit max-w-md z-10 bg-sky-200 rounded-md shadow-lg p-4 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs22("p", { className: "font-semibold flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx26(CookieIcon_default, { className: "size-5" }),
+        "Cookies"
+      ] }),
+      /* @__PURE__ */ jsx26(
+        "button",
+        {
+          onClick: discard,
+          className: "cursor-pointer hover:bg-sky-300 hover:shadow-md hover:-translate-y-1 rounded-md p-0.5\n                    transition-all ease-out duration-500",
+          title: "Fermer",
+          children: /* @__PURE__ */ jsx26(XMarkIcon, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs22("p", { className: "text-sm", children: [
+      "Goralys utilise uniquement des cookies fonctionnels. Pour plus d'informations, consultez",
+      " ",
+      /* @__PURE__ */ jsx26(Link, { href: "/cookies", className: "text-sky-600 underline hover:text-sky-800 transition-colors duration-200", children: "cette page" })
+    ] })
+  ] });
+}
+
+// src/ui/basic/goralys-logo-loader.tsx
+import { useEffect as useEffect9, useRef as useRef3 } from "react";
+import { LOGO_PATH } from "@goralys/core";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+function GoralysLogoLoader() {
+  const mainPathRef = useRef3(null);
+  const eyePathRef = useRef3(null);
+  const mainColorRef = useRef3(null);
+  const eyeColorRef = useRef3(null);
+  useEffect9(() => {
+    [mainPathRef, eyePathRef, mainColorRef, eyeColorRef].forEach((ref) => {
+      const path = ref.current;
+      if (!path) return;
+      const len = path.getTotalLength();
+      path.style.strokeDasharray = String(len);
+      path.style.setProperty("--path-length", String(len));
+      path.style.strokeDashoffset = String(len);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-center rounded-xl bg-sky-500 p-4 w-fit mx-auto", children: [
+    /* @__PURE__ */ jsx27("style", { children: `
+      .chameleon-path {
+        fill: none;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+
+      .chameleon-main {
+        stroke: #ffffff;
+        stroke-width: 4;
+        animation: chameleonDraw 9s cubic-bezier(0.37, 0, 0.63, 1) infinite;
+      }
+
+      .chameleon-eye {
+        stroke: #ffffff;
+        stroke-width: 4;
+        animation: chameleonDraw 9s cubic-bezier(0.37, 0, 0.63, 1) infinite;
+        animation-delay: 0.3s;
+      }
+
+      @keyframes chameleonDraw {
+        0%   { stroke-dashoffset: var(--path-length); opacity: 0; }
+        3%   { opacity: 1; }
+        50%  { stroke-dashoffset: 0; opacity: 1; }
+        62%  { stroke-dashoffset: 0; opacity: 1; }
+        80%  { opacity: 0.6; }
+        97%  { opacity: 0; }
+        100% { stroke-dashoffset: var(--path-length); opacity: 0; }
+      }
+    ` }),
+    /* @__PURE__ */ jsxs23("svg", { viewBox: "345 350 305 315", fill: "none", "aria-label": "Chargement\u2026", role: "img", className: "block w-56 h-56", children: [
+      /* @__PURE__ */ jsx27("path", { ref: mainPathRef, className: "chameleon-path chameleon-main", d: LOGO_PATH.main }),
+      /* @__PURE__ */ jsx27("path", { ref: eyePathRef, className: "chameleon-path chameleon-eye", d: LOGO_PATH.eye })
+    ] })
+  ] });
+}
+
+// src/ui/inputs/checkbox.tsx
+import { useId } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+function Checkbox({ id, label, setValueAction, defaultValue, className, disabled = false }) {
+  const generatedId = useId();
+  const checkBoxId = id || generatedId;
+  return /* @__PURE__ */ jsxs24("div", { className: `flex items-center gap-0.5 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs24(
+      "label",
+      {
+        className: `relative flex items-center justify-center rounded-full p-1 ${disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
+        htmlFor: checkBoxId,
+        "data-ripple-dark": "true",
+        children: [
+          /* @__PURE__ */ jsx28(
+            "input",
+            {
+              disabled,
+              defaultChecked: defaultValue,
+              onChange: (e) => setValueAction(e.target.checked),
+              id: checkBoxId,
+              type: "checkbox",
+              className: "peer h-4 w-4 appearance-none rounded border border-sky-400\n                    bg-white shadow hover:shadow-md transition-all\n                    before:absolute before:top-2/4 before:left-2/4 before:block\n                    before:h-5 before:w-5 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full\n                    before:bg-sky-500 before:opacity-0 before:transition-opacity\n                    checked:border-sky-600 checked:bg-sky-600\n                    checked:before:bg-sky-500 hover:before:opacity-10\n                    cursor-pointer disabled:cursor-not-allowed"
+            }
+          ),
+          /* @__PURE__ */ jsx28(
+            "span",
+            {
+              className: "pointer-events-none absolute inset-0 flex items-center justify-center\n                text-white opacity-0 transition-opacity peer-checked:opacity-100",
+              children: /* @__PURE__ */ jsx28(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  className: "h-3.5 w-3.5",
+                  viewBox: "0 0 20 20",
+                  fill: "currentColor",
+                  stroke: "currentColor",
+                  strokeWidth: "1",
+                  children: /* @__PURE__ */ jsx28(
+                    "path",
+                    {
+                      fillRule: "evenodd",
+                      d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8\n                            12.586l7.293-7.293a1 1 0 011.414 0z",
+                      clipRule: "evenodd"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx28("label", { className: "text-black text-sm cursor-pointer", htmlFor: checkBoxId, children: label })
+  ] });
+}
+
+// src/ui/inputs/input-text-file.tsx
+import { useState as useState14 } from "react";
+import { ArrowUpTrayIcon } from "@heroicons/react/24/outline";
+import clsx6 from "clsx";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+function InputTextFile({ text, maxSizeKB, onFileSelected }) {
+  const [fileName, setFileName] = useState14(null);
+  const [dragging, setDragging] = useState14(false);
+  const toast = useToast();
+  const handleFile = (file) => {
+    if (!file) {
+      toast.showToast({
+        type: "warning",
+        title: "Fichier",
+        message: "Merci de fournir un fichier"
+      });
+      return;
+    }
+    if (!(file.name.endsWith(".txt") || file.name.endsWith(".odt") || file.name.endsWith(".docx"))) {
+      toast.showToast({
+        type: "warning",
+        title: "Fichier",
+        message: "Merci de fournir un fichier zip (.zip)"
+      });
+      return;
+    }
+    setFileName(file.name || null);
+    onFileSelected(file);
+    return;
+  };
+  return /* @__PURE__ */ jsxs25(
+    "label",
+    {
+      htmlFor: "doc",
+      className: clsx6("flex items-center gap-0 rounded-xs border border-sky-400 border-dashed bg-sky-200 cursor-pointer", {
+        "bg-sky-300": dragging
+      }),
+      onDragOver: (e) => {
+        e.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop: (e) => {
+        e.preventDefault();
+        setDragging(false);
+        handleFile(e.dataTransfer?.files[0]);
+      },
+      children: [
+        /* @__PURE__ */ jsx29(ArrowUpTrayIcon, { className: "size-7 ml-1 mr-2" }),
+        /* @__PURE__ */ jsxs25("div", { className: "", children: [
+          /* @__PURE__ */ jsx29("h4", { className: "text-base font-semibold text-gray-700", children: fileName || text }),
+          /* @__PURE__ */ jsxs25("span", { className: "text-sm text-gray-500", children: [
+            "Max ",
+            maxSizeKB,
+            " KO (.txt, .odt, .docx)"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx29(
+          "input",
+          {
+            type: "file",
+            id: "doc",
+            name: "doc",
+            accept: ".txt,.odt,.docx",
+            hidden: true,
+            onChange: (e) => handleFile(e.target.files?.[0])
+          },
+          `input-file-input-${text}-max-size-${maxSizeKB}-kb`
+        )
+      ]
+    },
+    `input-file-label-${text}-max-size-${maxSizeKB}-kb`
+  );
+}
+
+// src/ui/inputs/input-zip-file.tsx
+import { useState as useState15 } from "react";
+import { ArrowUpTrayIcon as ArrowUpTrayIcon2 } from "@heroicons/react/24/outline";
+import clsx7 from "clsx";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+function InputZipFile({ text, onFileSelected }) {
+  const [fileName, setFileName] = useState15(null);
+  const [dragging, setDragging] = useState15(false);
+  const toast = useToast();
+  const handleFile = (file) => {
+    if (!file) {
+      toast.showToast({
+        type: "warning",
+        title: "Fichier",
+        message: "Merci de fournir un fichier"
+      });
+      return;
+    }
+    if (!file.name.endsWith(".zip")) {
+      toast.showToast({
+        type: "warning",
+        title: "Fichier",
+        message: "Merci de fournir un fichier zip (.zip)"
+      });
+      return;
+    }
+    setFileName(file.name || null);
+    onFileSelected(file);
+    return;
+  };
+  return /* @__PURE__ */ jsxs26(
+    "label",
+    {
+      htmlFor: "doc",
+      className: clsx7("flex items-center gap-0 rounded-xs border border-sky-400 border-dashed bg-sky-200 cursor-pointer", {
+        "bg-sky-300": dragging
+      }),
+      onDragOver: (e) => {
+        e.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop: (e) => {
+        e.preventDefault();
+        setDragging(false);
+        handleFile(e.dataTransfer?.files[0]);
+      },
+      children: [
+        /* @__PURE__ */ jsx30(ArrowUpTrayIcon2, { className: "size-7 ml-1 mr-2" }),
+        /* @__PURE__ */ jsxs26("div", { className: "", children: [
+          /* @__PURE__ */ jsx30("h4", { className: "text-base font-semibold text-gray-700", children: fileName || text }),
+          /* @__PURE__ */ jsx30("span", { className: "text-sm text-gray-500", children: "(.zip)" })
+        ] }),
+        /* @__PURE__ */ jsx30(
+          "input",
+          {
+            type: "file",
+            id: "doc",
+            name: "doc",
+            accept: ".zip",
+            hidden: true,
+            onChange: (e) => handleFile(e.target.files?.[0])
+          },
+          `input-file-input-${text}`
+        )
+      ]
+    },
+    `input-file-label-${text}`
+  );
+}
+
+// src/ui/inputs/subject-input-admin.tsx
+import { getStatusHelper } from "@goralys/core";
+
+// src/ui/inputs/subject-text-area.tsx
+import { clsx as clsx8 } from "clsx";
+import { useState as useState16 } from "react";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+function SubjectTextArea({
+  id,
+  label,
+  helper,
+  disabled = false,
+  ref,
+  defaultValue,
+  maxLength,
+  onChangeAction,
+  subjectData,
+  animate
+}) {
+  const setRef = useAutoResize(ref);
+  const [currentValue, setCurrentValue] = useState16(defaultValue ?? "");
+  const update = (e) => {
+    if (maxLength && e.target.value.length > maxLength) {
+      return;
+    }
+    setCurrentValue(e.currentTarget.value);
+    if (onChangeAction) onChangeAction(e);
+  };
+  return /* @__PURE__ */ jsxs27("div", { className: "relative mt-0 mb-0 group min-w-50 w-full", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx31(
+        "textarea",
+        {
+          ref: setRef,
+          id,
+          name: id,
+          rows: 1,
+          placeholder: " ",
+          spellCheck: "true",
+          defaultValue,
+          readOnly: disabled,
+          maxLength,
+          onChange: update,
+          className: clsx8(
+            "peer block w-full py-0 px-0 cursor-text text-base leading-5 bg-transparent border-0 border-b-2 border-sky-300 appearance-none focus:outline-none focus:ring-0 resize-none overflow-hidden ",
+            {
+              "border-green-600!": subjectData.status === "approved",
+              "border-amber-600!": subjectData.status === "submitted",
+              "border-red-600!": subjectData.status === "rejected"
+            },
+            {
+              "text-gray-700 cursor-not-allowed!": disabled
+            }
+          )
+        }
+      ),
+      animate && /* @__PURE__ */ jsx31(
+        "span",
+        {
+          className: "pointer-events-none\n               absolute bg-sky-500 left-0 bottom-0 h-0.5 w-full\n               origin-left scale-x-0\n               transition-transform duration-250\n               group-focus-within:scale-x-100 "
+        }
+      ),
+      /* @__PURE__ */ jsx31(
+        "label",
+        {
+          htmlFor: id,
+          className: clsx8(
+            "absolute text-base text-body cursor-text duration-300 transform -translate-y-4.5 scale-75 top-0 origin-left peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4.5",
+            { "cursor-not-allowed": disabled }
+          ),
+          children: label
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx31("div", { className: "flex flex-row content-between w-full", children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col", children: [
+      maxLength && /* @__PURE__ */ jsxs27(
+        "p",
+        {
+          className: clsx8("mt-1 mb-0 p-0 relative text-[11px] italic", {
+            "text-gray-600": currentValue.length < maxLength * 0.9,
+            "text-amber-600": currentValue.length >= maxLength * 0.9 && maxLength > currentValue.length,
+            "text-red-600": currentValue.length >= maxLength
+          }),
+          children: [
+            currentValue.length,
+            "/",
+            maxLength,
+            " caract\xE8res"
+          ]
+        }
+      ),
+      helper && helper.length !== 0 && /* @__PURE__ */ jsxs27(
+        "p",
+        {
+          className: clsx8("self-center relative text-[13px] italic text-gray-600", {
+            "mt-1": maxLength === void 0
+          }),
+          children: [
+            "*",
+            helper
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/ui/inputs/subject-input-admin.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function SubjectInputAdmin({ id, label, helper, subjectData, onChangeAction }) {
+  helper = getStatusHelper(subjectData.status, "admin");
+  return /* @__PURE__ */ jsx32("div", { className: "relative mt-2 group min-w-50", children: /* @__PURE__ */ jsx32(
+    SubjectTextArea,
+    {
+      id,
+      disabled: true,
+      onChangeAction,
+      label,
+      animate: false,
+      subjectData,
+      defaultValue: subjectData.subject,
+      helper
+    }
+  ) });
+}
+
+// src/ui/inputs/subject-input-student.tsx
+import { getStatusHelper as getStatusHelper2 } from "@goralys/core";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+function SubjectInputStudent({
+  id,
+  label,
+  helper,
+  subjectData,
+  setIsInterdisciplinaryAction = () => {
+  },
+  onChangeAction
+}) {
+  const initialValue = subjectData.status == "rejected" ? subjectData.lastRejected ?? "" : subjectData.subject ?? "";
+  const MAX_CHARS = 250;
+  helper = getStatusHelper2(subjectData.status, "student");
+  const editable = subjectData.status != "approved" && subjectData.status != "submitted";
+  const handleOnChange = (e) => {
+    if (onChangeAction) {
+      onChangeAction(e);
+    }
+  };
+  return /* @__PURE__ */ jsxs28("div", { className: "relative mt-2 group min-w-50 mb-0 flex sm:block flex-col", children: [
+    /* @__PURE__ */ jsx33(
+      SubjectTextArea,
+      {
+        id,
+        disabled: !editable,
+        defaultValue: initialValue,
+        maxLength: MAX_CHARS,
+        onChangeAction: handleOnChange,
+        label,
+        subjectData,
+        animate: editable,
+        helper
+      }
+    ),
+    /* @__PURE__ */ jsx33("div", { className: "flex flex-row content-between w-full", children: /* @__PURE__ */ jsx33(
+      Checkbox,
+      {
+        className: "m-0 sm:-mt-7.5 sm:ml-auto self-center",
+        label: "Question transversale",
+        setValueAction: setIsInterdisciplinaryAction,
+        defaultValue: subjectData.interdisciplinary,
+        disabled: !editable
+      }
+    ) })
+  ] });
+}
+
+// src/ui/inputs/subject-input-teacher.tsx
+import { buildApiUrl as buildApiUrl2, getGoralysClientConfig, getStatusHelper as getStatusHelper3 } from "@goralys/core";
+import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+function SubjectInputTeacher({ id, label, helper, subjectData, onChangeAction }) {
+  helper = getStatusHelper3(subjectData.status, "teacher");
+  const initialValue = subjectData.status == "rejected" ? subjectData.lastRejected ?? "" : subjectData.subject ?? "";
+  const MAX_CHARS = 250;
+  const handleOnChange = (e) => {
+    if (onChangeAction) {
+      onChangeAction(e);
+    }
+  };
+  const getDraft = () => {
+    const cfg = getGoralysClientConfig();
+    window.location.href = buildApiUrl2(
+      "subjects/draft",
+      {
+        "high-school-token": cfg.getSchoolToken() ?? null,
+        teacher: subjectData.teacherToken,
+        student: subjectData.studentToken,
+        topic: subjectData.topicCode,
+        "file-name": `Brouillon - ${subjectData.student} ${subjectData.topicCode}`
+      },
+      true
+    );
+  };
+  return /* @__PURE__ */ jsxs29("div", { className: "relative mt-2 group min-w-50 mb-0 flex sm:block flex-col", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx34(
+        SubjectTextArea,
+        {
+          id,
+          disabled: true,
+          defaultValue: initialValue,
+          maxLength: MAX_CHARS,
+          onChangeAction: handleOnChange,
+          label,
+          subjectData,
+          animate: false,
+          helper
+        }
+      ),
+      subjectData.hasDraft && /* @__PURE__ */ jsx34(
+        "button",
+        {
+          className: "h-6 w-6 cursor-pointer bg-sky-200 rounded-md items-center justify-center\n                        hover:bg-sky-300 hover:shadow-md hover:-translate-y-1 transition-all ease-out duration-500",
+          type: "submit",
+          title: "T\xE9l\xE9charger le brouillon de l'\xE9l\xE8ve",
+          onClick: getDraft,
+          children: /* @__PURE__ */ jsx34(ArrowDownTrayIcon, { className: "size-5 m-auto" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx34("div", { className: "flex flex-row content-between w-full", children: /* @__PURE__ */ jsx34(
+      Checkbox,
+      {
+        id: `interdisciplinary-teacher-${subjectData.studentToken}-${subjectData.teacherToken}`,
+        className: "m-0 sm:ml-auto sm:-mt-7.5 mb-2.5 self-center",
+        label: "Question transversale",
+        setValueAction: () => {
+        },
+        defaultValue: subjectData.interdisciplinary,
+        disabled: true
+      }
+    ) })
+  ] });
+}
+
+// src/ui/inputs/text-area.tsx
+import { clsx as clsx9 } from "clsx";
+import { useState as useState17 } from "react";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+function TextArea({
+  id,
+  label,
+  helper,
+  required = false,
+  disabled = false,
+  ref,
+  defaultValue,
+  onChangeAction,
+  maxLength
+}) {
+  const setRef = useAutoResize(ref);
+  const [currentValue, setCurrentValue] = useState17(defaultValue ?? "");
+  const update = (e) => {
+    if (maxLength && e.target.value.length > maxLength) {
+      return;
+    }
+    setCurrentValue(e.currentTarget.value);
+    if (onChangeAction) onChangeAction(e);
+  };
+  return /* @__PURE__ */ jsxs30("div", { className: "relative mt-3 mb-1 group min-w-50", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx35(
+        "textarea",
+        {
+          ref: setRef,
+          id,
+          name: id,
+          rows: 1,
+          placeholder: " ",
+          spellCheck: "true",
+          defaultValue,
+          maxLength,
+          readOnly: disabled,
+          onChange: update,
+          required,
+          className: "\n                    peer block w-full py-0 px-0 text-base text-heading\n                    resize-none overflow-hidden bg-transparent\n                    border-0 border-b-2 border-sky-300\n                    appearance-none focus:outline-none focus:ring-0\n                "
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        "span",
+        {
+          className: "pointer-events-none\n               absolute bg-sky-500 left-0 bottom-0 h-0.5 w-full\n               origin-left scale-x-0\n               transition-transform duration-250\n               group-focus-within:scale-x-100 "
+        }
+      ),
+      /* @__PURE__ */ jsx35(
+        "label",
+        {
+          htmlFor: id,
+          className: clsx9(
+            "absolute text-base text-body cursor-text duration-300 transform -translate-y-4.5 scale-75 top-0 origin-left peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4.5",
+            { "cursor-not-allowed": disabled }
+          ),
+          children: label
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx35("div", { className: "flex flex-row content-between w-full", children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col", children: [
+      maxLength && /* @__PURE__ */ jsxs30(
+        "p",
+        {
+          className: clsx9("mt-1 mb-0 p-0 relative text-[11px] italic", {
+            "text-gray-600": currentValue.length < maxLength * 0.9,
+            "text-amber-600": currentValue.length >= maxLength * 0.9 && maxLength > currentValue.length,
+            "text-red-600": currentValue.length >= maxLength
+          }),
+          children: [
+            currentValue.length,
+            "/",
+            maxLength,
+            " caract\xE8res"
+          ]
+        }
+      ),
+      helper && helper.length !== 0 && /* @__PURE__ */ jsxs30(
+        "p",
+        {
+          className: clsx9("self-center relative text-[13px] italic text-gray-600", {
+            "mt-1": maxLength === void 0
+          }),
+          children: [
+            "*",
+            helper
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/ui/modals/drafts/draft-modal-provider.tsx
+import { createContext as createContext5, useCallback as useCallback5, useContext as useContext5, useMemo as useMemo5, useState as useState19 } from "react";
+
+// src/ui/modals/drafts/draft-modal-element.tsx
+import { clsx as clsx10 } from "clsx";
+import { useRef as useRef4, useState as useState18 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon2 } from "@heroicons/react/24/outline";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+function DraftModalElement({ visible, onChooseDraftAction, onCancelAction, onCloseModalAction }) {
+  const [draftFile, setDraftFile] = useState18(null);
+  const modalRef = useRef4(null);
+  useModalClose(modalRef, visible, onCloseModalAction);
+  const onConfirm = () => {
+    onChooseDraftAction(draftFile);
+  };
+  return /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx10(
+        "fixed flex flex-col gap-2 p-3 w-125 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1 ",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50 ",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx36("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx36(QuestionMarkCircleIcon2, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs31("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx36("strong", { className: "text-md", children: "Choix du brouillon" }),
+            /* @__PURE__ */ jsx36("span", { className: "text-sm", children: "Vous pouvez joindre un brouillon \xE0 votre question avant de l'envoyer. Le professeur pourra ensuite le t\xE9l\xE9charger et le consulter." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx36(InputTextFile, { text: "T\xE9verser un brouillon", maxSizeKB: 50, onFileSelected: setDraftFile }),
+        /* @__PURE__ */ jsxs31("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx36(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Envoyer la question seule",
+              type: "button",
+              onClick: onCancelAction
+            }
+          ),
+          /* @__PURE__ */ jsx36(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Envoyer le brouillon",
+              type: "button",
+              onClick: onConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/drafts/draft-modal-provider.tsx
+import { createPortal as createPortal4 } from "react-dom";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+var DraftModalContext = createContext5(null);
+function DraftModalProvider({ children }) {
+  const [fileChosen, setChosenFile] = useState19(null);
+  const [visible, setVisible] = useState19(false);
+  const showDraftModal = useCallback5(() => {
+    return new Promise((resolve) => {
+      setChosenFile({ resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleChooseDraft(file) {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve({ type: "withDraft", file });
+      setChosenFile(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve({ type: "withoutDraft" });
+      setChosenFile(null);
+    }, 500);
+  }
+  function handleClose() {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve({ type: "closed" });
+      setChosenFile(null);
+    }, 500);
+  }
+  const value = useMemo5(() => ({ showDraftModal }), [showDraftModal]);
+  return /* @__PURE__ */ jsxs32(DraftModalContext.Provider, { value, children: [
+    children,
+    fileChosen && typeof document !== "undefined" && createPortal4(
+      /* @__PURE__ */ jsx37("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx37(
+        DraftModalElement,
+        {
+          visible,
+          onChooseDraftAction: handleChooseDraft,
+          onCancelAction: handleCancel,
+          onCloseModalAction: handleClose
+        }
+      ) }),
+      document.getElementById("draft-modal-root")
+    )
+  ] });
+}
+function useDraftModal() {
+  const context = useContext5(DraftModalContext);
+  if (!context) {
+    throw new Error("useDraftModal must be used within a ConfirmProvider");
+  }
+  return context;
+}
+
+// src/ui/modals/import-topics/import-topics-modal-provider.tsx
+import { createContext as createContext6, useCallback as useCallback6, useContext as useContext6, useMemo as useMemo6, useState as useState21 } from "react";
+
+// src/ui/modals/import-topics/import-topics-modal-element.tsx
+import { clsx as clsx11 } from "clsx";
+import { useRef as useRef5, useState as useState20 } from "react";
+import { QuestionMarkCircleIcon as QuestionMarkCircleIcon3 } from "@heroicons/react/24/outline";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+function ImportTopicsModalElement({ visible, onImportTopicsAction, onCancelAction, onCloseModalAction }) {
+  const [topicsFile, setTopicsFile] = useState20(null);
+  const modalRef = useRef5(null);
+  useModalClose(modalRef, visible, onCloseModalAction);
+  const onConfirm = () => {
+    onImportTopicsAction(topicsFile);
+  };
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx11(
+        "fixed flex flex-col gap-2 p-3 w-125 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1 ",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50 ",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx38("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx38(QuestionMarkCircleIcon3, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs33("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx38("strong", { className: "text-md", children: "Import des donn\xE9es" }),
+            /* @__PURE__ */ jsx38("span", { className: "text-sm", children: "Vous pouvez importer les donn\xE9es sous forme d'un fichiez zip" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx38(InputZipFile, { text: "T\xE9verser une archive", onFileSelected: setTopicsFile }),
+        /* @__PURE__ */ jsxs33("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx38(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Annuler",
+              type: "button",
+              onClick: onCancelAction
+            }
+          ),
+          /* @__PURE__ */ jsx38(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Envoyer les donn\xE9es",
+              type: "button",
+              onClick: onConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/import-topics/import-topics-modal-provider.tsx
+import { createPortal as createPortal5 } from "react-dom";
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+var ImportTopicsModalContext = createContext6(null);
+function ImportTopicsModalProvider({ children }) {
+  const [fileChosen, setChosenFile] = useState21(null);
+  const [visible, setVisible] = useState21(false);
+  const showImportTopicsModal = useCallback6(() => {
+    return new Promise((resolve) => {
+      setChosenFile({ resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleImportTopics(file) {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve(file);
+      setChosenFile(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve(null);
+      setChosenFile(null);
+    }, 500);
+  }
+  function handleClose() {
+    setVisible(false);
+    setTimeout(() => {
+      fileChosen?.resolve("modalClosed");
+      setChosenFile(null);
+    }, 500);
+  }
+  const value = useMemo6(() => ({ showImportTopicsModal }), [showImportTopicsModal]);
+  return /* @__PURE__ */ jsxs34(ImportTopicsModalContext.Provider, { value, children: [
+    children,
+    fileChosen && typeof document !== "undefined" && createPortal5(
+      /* @__PURE__ */ jsx39("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx39(
+        ImportTopicsModalElement,
+        {
+          visible,
+          onImportTopicsAction: handleImportTopics,
+          onCancelAction: handleCancel,
+          onCloseModalAction: handleClose
+        }
+      ) }),
+      document.getElementById("import-topics-modal-root")
+    )
+  ] });
+}
+function useImportTopicsModal() {
+  const context = useContext6(ImportTopicsModalContext);
+  if (!context) {
+    throw new Error("useImportTopicsModal must be used within a ConfirmProvider");
+  }
+  return context;
+}
+
+// src/ui/modals/email/email-modal-provider.tsx
+import { createContext as createContext7, useCallback as useCallback7, useContext as useContext7, useMemo as useMemo7, useState as useState23 } from "react";
+
+// src/ui/modals/email/email-modal-element.tsx
+import { clsx as clsx12 } from "clsx";
+import { useRef as useRef6, useState as useState22 } from "react";
+import { AtSymbolIcon } from "@heroicons/react/24/outline";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+function EmailModalElement({ visible, onConfirmAction, onCancelAction, onCloseModalAction, message }) {
+  const [email, setEmail] = useState22("");
+  const modalRef = useRef6(null);
+  useModalClose(modalRef, visible, onCloseModalAction);
+  const onConfirm = () => {
+    onConfirmAction(email);
+    setEmail("");
+  };
+  const onCancel = () => {
+    setEmail("");
+    onCancelAction();
+  };
+  return /* @__PURE__ */ jsxs35(
+    "div",
+    {
+      ref: modalRef,
+      className: clsx12(
+        "fixed flex flex-col gap-2 p-3 sm:w-125 w-96 bg-sky-200 rounded shadow overflow-hidden left-1/2 -translate-x-1/2 top-1",
+        "after:absolute after:left-0 after:top-0 after:h-full after:w-1.25 after:content-[''] after:bg-blue-500",
+        "transition-all duration-500 z-50",
+        {
+          "translate-y-0 opacity-100": visible,
+          "-translate-y-5 opacity-0": !visible
+        }
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        /* @__PURE__ */ jsxs35("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-11 h-11 flex self-center items-center justify-center", children: /* @__PURE__ */ jsx40(AtSymbolIcon, { className: "size-15 text-blue-500" }) }),
+          /* @__PURE__ */ jsxs35("div", { className: "flex flex-col justify-center flex-1", children: [
+            /* @__PURE__ */ jsx40("strong", { className: "text-md", children: "Confirmation requise" }),
+            /* @__PURE__ */ jsx40("span", { className: "text-sm", children: message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx40(
+          FloatingInput,
+          {
+            id: "confirm-email",
+            label: "Adresse mail",
+            email: true,
+            autocomplete: "email",
+            onInput: (e) => setEmail(e.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs35("div", { className: "flex justify-between gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx40(
+            Button,
+            {
+              className: "bg-gray-400! before:bg-gray-500! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Annuler",
+              type: "button",
+              onClick: onCancel
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Button,
+            {
+              className: "bg-blue-500! before:bg-blue-600! text-white! border-none! shadow-none! mt-0! mb-0! h-11! w-50!",
+              text: "Confirmer",
+              type: "button",
+              onClick: onConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/modals/email/email-modal-provider.tsx
+import { createPortal as createPortal6 } from "react-dom";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+var EmailModalContext = createContext7(null);
+function EmailModalProvider({ children }) {
+  const [state, setState] = useState23(null);
+  const [visible, setVisible] = useState23(false);
+  const [message, setMessage] = useState23("");
+  const DEFAULT_EMAIL_CONFIRM = "Veuillez entrer nouvel email pour confirmer.";
+  const showEmailModal = useCallback7((message2 = DEFAULT_EMAIL_CONFIRM) => {
+    setMessage(message2);
+    return new Promise((resolve) => {
+      setState({ resolve });
+      setVisible(false);
+      requestAnimationFrame(() => setVisible(true));
+    });
+  }, []);
+  function handleConfirm(email) {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(email);
+      setState(null);
+    }, 500);
+  }
+  function handleCancel() {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(null);
+      setState(null);
+    }, 500);
+  }
+  function handleClose() {
+    setVisible(false);
+    setTimeout(() => {
+      state?.resolve(null);
+      setState(null);
+    }, 500);
+  }
+  const value = useMemo7(() => ({ showEmailModal }), [showEmailModal]);
+  return /* @__PURE__ */ jsxs36(EmailModalContext.Provider, { value, children: [
+    children,
+    state && typeof document !== "undefined" && createPortal6(
+      /* @__PURE__ */ jsx41("div", { className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-sm", children: /* @__PURE__ */ jsx41(
+        EmailModalElement,
+        {
+          message,
+          visible,
+          onConfirmAction: handleConfirm,
+          onCancelAction: handleCancel,
+          onCloseModalAction: handleClose
+        }
+      ) }),
+      document.getElementById("email-modal-root")
+    )
+  ] });
+}
+function useEmailModal() {
+  const context = useContext7(EmailModalContext);
+  if (!context) {
+    throw new Error("useEmailModal must be used within a EmailModalProvider");
+  }
+  return context;
+}
+
+// src/ui/modals/providers.tsx
+import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+function Providers({ children }) {
+  return /* @__PURE__ */ jsxs37(Fragment6, { children: [
+    /* @__PURE__ */ jsx42("div", { id: "toast-root" }),
+    /* @__PURE__ */ jsx42("div", { id: "confirm-root" }),
+    /* @__PURE__ */ jsx42("div", { id: "draft-modal-root" }),
+    /* @__PURE__ */ jsx42("div", { id: "import-topics-modal-root" }),
+    /* @__PURE__ */ jsx42("div", { id: "password-modal-root" }),
+    /* @__PURE__ */ jsx42("div", { id: "email-modal-root" }),
+    /* @__PURE__ */ jsx42(ToastProvider, { children: /* @__PURE__ */ jsx42(ConfirmProvider, { children: /* @__PURE__ */ jsx42(DraftModalProvider, { children: /* @__PURE__ */ jsx42(ImportTopicsModalProvider, { children: /* @__PURE__ */ jsx42(EmailModalProvider, { children: /* @__PURE__ */ jsx42(PasswordModalProvider, { children }) }) }) }) }) })
+  ] });
+}
+
+// src/ui/nav/desktop/nav-link.tsx
+import { clsx as clsx13 } from "clsx";
+import { jsx as jsx43 } from "react/jsx-runtime";
+function NavLink({ name, url, exact = false }) {
+  const Link = useGoralysUI().Link;
+  const current = useGoralysUI().usePathname();
+  const isActive = exact || url === "/" ? current === url : current === url || current.startsWith(`${url}/`);
+  return /* @__PURE__ */ jsx43(
+    Link,
+    {
+      className: clsx13(
+        "hover:bg-sky-200 h-12.5 w-full items-center flex flex-row hover:text-sky-600 left-1 rounded-md transition-colors p-2",
+        {
+          "bg-sky-200 text-sky-600": isActive,
+          "bg-gray-100 text-gray-900": !isActive
+        }
+      ),
+      href: url,
+      children: name
+    }
+  );
+}
+
+// src/ui/nav/desktop/user-nav.tsx
+import { useEffect as useEffect10, useState as useState24 } from "react";
+import { cookiesGet as cookiesGet3, emptyUserCacheClient, FULL_NAME_KEY, onUserEvent, USERNAME_KEY } from "@goralys/core";
+import { UserCircleIcon } from "@heroicons/react/24/outline";
+import clsx14 from "clsx";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+function UserNav() {
+  const Link = useGoralysUI().Link;
+  const [text, setText] = useState24(null);
+  const [loggedIn, setLoggedIn] = useState24(false);
+  const current = useGoralysUI().usePathname();
+  const targetUrl = loggedIn ? "/user/me" : "/user/login";
+  const isActive = current === targetUrl || current.startsWith(`${targetUrl}/`);
+  useEffect10(() => {
+    const run = () => {
+      const isLoggedIn = !!cookiesGet3(USERNAME_KEY);
+      setLoggedIn(isLoggedIn);
+      let name = isLoggedIn ? cookiesGet3(FULL_NAME_KEY) ?? "" : "Se connecter";
+      if (name.length > 20) name = name.substring(0, 19) + "...";
+      setText(name);
+    };
+    run();
+  }, []);
+  useEffect10(() => {
+    const unsubscribe = onUserEvent((event) => {
+      const isLoggedIn = event === "login";
+      if (!isLoggedIn) {
+        emptyUserCacheClient();
+      }
+      setLoggedIn(isLoggedIn);
+      let name = isLoggedIn ? cookiesGet3(FULL_NAME_KEY) ?? "" : "Se connecter";
+      if (name.length > 17) name = name.substring(0, 15) + "...";
+      setText(name);
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs38(
+    Link,
+    {
+      className: clsx14(
+        "h-12.5 w-full flex items-center gap-2 rounded-md transition-colors p-1.5",
+        "hover:bg-sky-200 hover:text-sky-600",
+        {
+          "bg-sky-200 text-sky-600": isActive,
+          "bg-gray-100 text-gray-900": !isActive
+        }
+      ),
+      href: targetUrl,
+      children: [
+        loggedIn && /* @__PURE__ */ jsx44(UserCircleIcon, { width: 27.5, className: "-mr-1.25" }),
+        text
+      ]
+    }
+  );
+}
+
+// src/ui/nav/desktop/side-nav.tsx
+import { useEffect as useEffect11, useState as useState25 } from "react";
+import { buildArray, cookiesGet as cookiesGet4, cookiesOnChange, ROLE_KEY, USER_ROLES } from "@goralys/core";
+import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+function SideNav() {
+  const Image = useGoralysUI().Image;
+  const [role, setRole] = useState25("none");
+  useEffect11(() => {
+    const run = () => {
+      const current = cookiesGet4(ROLE_KEY) ?? "none";
+      setRole(USER_ROLES.includes(current) ? current : "none");
+    };
+    const onChange = () => {
+      const role2 = cookiesGet4(ROLE_KEY) ?? "none";
+      setRole(USER_ROLES.includes(role2) ? role2 : "none");
+    };
+    run();
+    return cookiesOnChange(onChange);
+  }, []);
+  function getSubjectLinkText() {
+    switch (role) {
+      case "student":
+        return "Mes Questions";
+      case "teacher":
+        return "Mes \xC9l\xE8ves";
+      case "admin":
+        return "Questions";
+      case "none":
+        return "Mon Espace";
+    }
+  }
+  const links = buildArray(
+    { name: "Accueil", url: "/" },
+    { name: getSubjectLinkText(), url: "/subject" },
+    role == "admin" && { name: "Utilisateurs", url: "/admin/users" },
+    role == "admin" && { name: "Acc\xE8s", url: "/admin/admins" },
+    role == "admin" && { name: "Support", url: "/support" }
+  );
+  return /* @__PURE__ */ jsxs39("div", { className: "min-w-50 w-55 h-auto min-h-screen fixed top-0 flex flex-col m-0 p-2 rounded-xl", children: [
+    /* @__PURE__ */ jsx45("div", { className: "flex rounded-md min-w-full h-25 bg-sky-500 mb-2 p-4", children: /* @__PURE__ */ jsx45(
+      Image,
+      {
+        src: "/logo/goralys-logo.svg",
+        width: 125,
+        height: 10,
+        alt: "Goralys logo",
+        loading: "eager",
+        priority: true,
+        className: "-ml-3 self-center w-auto h-auto"
+      }
+    ) }),
+    /* @__PURE__ */ jsx45("div", { className: "flex flex-col gap-2", children: links.map((link) => /* @__PURE__ */ jsx45(NavLink, { name: link.name, url: link.url }, link.url)) }),
+    /* @__PURE__ */ jsx45("div", { className: "grow bg-gray-100 rounded-xl my-3" }),
+    /* @__PURE__ */ jsx45(NavLink, { name: "Centre d'Aide", url: "/help" }, "/help"),
+    /* @__PURE__ */ jsx45(UserNav, {})
+  ] });
+}
+
+// src/ui/nav/mobile/tap-bar.tsx
+import { buildArray as buildArray2 } from "@goralys/core";
+import { AcademicCapIcon as AcademicCapIcon2, HomeIcon } from "@heroicons/react/24/outline";
+
+// src/ui/nav/mobile/tap-bar-link.tsx
+import { clsx as clsx15 } from "clsx";
+import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+function TapBarLink({ name, url, icon: Icon, exact = false }) {
+  const Link = useGoralysUI().Link;
+  const current = useGoralysUI().usePathname();
+  const isActive = exact || url === "/" ? current === url : current === url || current.startsWith(`${url}/`);
+  return /* @__PURE__ */ jsxs40(Link, { className: "flex flex-col w-15 items-center", href: url, children: [
+    /* @__PURE__ */ jsx46(Icon, { className: "w-6 h-6 relative top-1" }),
+    /* @__PURE__ */ jsx46("p", { className: "text-sm", children: name }),
+    /* @__PURE__ */ jsx46(
+      "span",
+      {
+        className: clsx15("relative bottom-0 w-full h-0.5", {
+          "bg-sky-400": isActive,
+          "bg-sky-200": !isActive
+        })
+      }
+    )
+  ] });
+}
+
+// src/ui/nav/mobile/tap-bar-user.tsx
+import { useEffect as useEffect12, useState as useState26 } from "react";
+import { cookiesGet as cookiesGet5, emptyUserCacheClient as emptyUserCacheClient2, onUserEvent as onUserEvent2, USERNAME_KEY as USERNAME_KEY2 } from "@goralys/core";
+import { UserCircleIcon as UserCircleIcon2 } from "@heroicons/react/24/outline";
+import clsx16 from "clsx";
+import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+function TapBarUser() {
+  const Link = useGoralysUI().Link;
+  const [text, setText] = useState26(null);
+  const [loggedIn, setLoggedIn] = useState26(false);
+  const current = useGoralysUI().usePathname();
+  const targetUrl = loggedIn ? "/user/me" : "/user/login";
+  const isActive = current === targetUrl || current.startsWith(`${targetUrl}/`);
+  useEffect12(() => {
+    const run = () => {
+      const isLoggedIn = !!cookiesGet5(USERNAME_KEY2);
+      setLoggedIn(isLoggedIn);
+      setText(isLoggedIn ? "Mon compte" : "Se connecter");
+    };
+    run();
+  }, []);
+  useEffect12(() => {
+    const unsubscribe = onUserEvent2((event) => {
+      const isLoggedIn = event === "login";
+      if (!isLoggedIn) {
+        emptyUserCacheClient2();
+      }
+      setLoggedIn(isLoggedIn);
+      setText(isLoggedIn ? "Mon compte" : "Se connecter");
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs41(Link, { className: "flex flex-col w-20 items-center", href: targetUrl, children: [
+    /* @__PURE__ */ jsx47(UserCircleIcon2, { className: "w-6 h-6 relative top-1" }),
+    /* @__PURE__ */ jsx47("p", { className: "text-sm", children: text }),
+    /* @__PURE__ */ jsx47(
+      "span",
+      {
+        className: clsx16("relative bottom-0 w-full h-0.5", {
+          "bg-sky-400": isActive,
+          "bg-sky-200": !isActive
+        })
+      }
+    )
+  ] });
+}
+
+// src/ui/nav/mobile/tap-bar.tsx
+import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+function TapBar() {
+  const links = buildArray2(
+    { name: "Accueil", url: "/", icon: HomeIcon },
+    { name: "Sujets", url: "/subject", icon: AcademicCapIcon2 }
+  );
+  return /* @__PURE__ */ jsxs42("div", { className: "z-50 fixed bottom-0 w-full h-12 bg-white flex flex-row content-center justify-evenly", children: [
+    links.map((l) => /* @__PURE__ */ jsx48(TapBarLink, { name: l.name, url: l.url, icon: l.icon }, l.url)),
+    /* @__PURE__ */ jsx48(TapBarUser, {})
+  ] });
+}
+
+// src/ui/nav/dynamic-nav.tsx
+import { jsx as jsx49 } from "react/jsx-runtime";
+function DynamicNav() {
+  const isDesktop = useMediaQuery("(min-width: 640px)");
+  return isDesktop ? /* @__PURE__ */ jsx49(SideNav, {}) : /* @__PURE__ */ jsx49(TapBar, {});
+}
+
+// src/ui/skeletons/button.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+function ButtonSkeleton({ className }) {
+  return /* @__PURE__ */ jsx50("div", { className: `skeleton w-full h-10 mt-2 mb-2 rounded-xs ${className ?? ""}` });
+}
+
+// src/ui/skeletons/admin-panel/admin-card.tsx
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+function AdminPanelCardSkeleton() {
+  return /* @__PURE__ */ jsx51(Card, { className: "flex-col w-175! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx51("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
+      /* @__PURE__ */ jsx51("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
+    ] }),
+    /* @__PURE__ */ jsx51("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx51(ButtonSkeleton, { className: "w-50!" }) })
+  ] }) });
+}
+
+// src/ui/skeletons/admin-panel/audit-action-card.tsx
+import clsx17 from "clsx";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+var ROWS = ["w-40", "w-56", "w-32", "w-48", "w-36"];
+function AuditActionCardSkeleton() {
+  return /* @__PURE__ */ jsxs44(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx52(CardTitle, { title: "Actions" }),
+    ROWS.map((width, i) => /* @__PURE__ */ jsxs44("div", { className: "w-full h-5 flex flex-row items-center", children: [
+      /* @__PURE__ */ jsx52("div", { className: "skeleton h-3 w-28 rounded-xs shrink-0 mr-2" }),
+      /* @__PURE__ */ jsx52("div", { className: clsx17("skeleton h-4 rounded-xs", width) })
+    ] }, i))
+  ] });
+}
+
+// src/ui/skeletons/admin-panel/user-card.tsx
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+function UserCardSkeleton() {
+  return /* @__PURE__ */ jsx53(Card, { className: "flex-col w-200! bg-sky-200 gap-1 p-1 mb-1 mt-1", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row justify-between items-center", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ jsx53("div", { className: "skeleton h-7 w-7 rounded-xs mr-1.5" }),
+      /* @__PURE__ */ jsx53("div", { className: "skeleton h-5 w-48 rounded-xs self-center" })
+    ] }),
+    /* @__PURE__ */ jsx53("div", { className: "flex flex-row w-50 gap-1", children: /* @__PURE__ */ jsx53(ButtonSkeleton, { className: "w-50!" }) })
+  ] }) });
+}
+
+// src/ui/skeletons/admin-panel/subjects/user-subjects-teacher-card.tsx
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
+function UserSubjectsTeacherCardSkeleton() {
+  return /* @__PURE__ */ jsxs46(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: [
+    /* @__PURE__ */ jsx54(CardTitle, { title: "Sujets" }),
+    /* @__PURE__ */ jsxs46(Card, { className: "flex flex-row w-full", children: [
+      /* @__PURE__ */ jsx54("div", { className: "skeleton h-48 w-48 rounded-full shrink-0 mr-2 relative", children: /* @__PURE__ */ jsx54("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) }),
+      /* @__PURE__ */ jsx54("span", { className: "basis-1/6 grow-0 shrink min-w-0" }),
+      /* @__PURE__ */ jsx54("ul", { className: "flex flex-col gap-1 self-center mr-10", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs46("li", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx54("div", { className: "skeleton h-2.5 w-2.5 rounded-full shrink-0" }),
+        /* @__PURE__ */ jsx54("div", { className: "skeleton h-4 w-16 rounded-xs" }),
+        /* @__PURE__ */ jsx54("div", { className: "skeleton h-4 w-10 rounded-xs ml-auto" })
+      ] }, i)) })
+    ] })
+  ] });
+}
+
+// src/ui/skeletons/admin-panel/subjects/user-subjetcs-student-card.tsx
+import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+function UserSubjectsStudentCardSkeleton() {
+  return /* @__PURE__ */ jsx55(Card, { className: "flex flex-col grow bg-sky-200 m-2", children: Array.from({ length: 2 }).map((_, i) => /* @__PURE__ */ jsxs47(Card, { className: "flex flex-row w-full justify-between", children: [
+    /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx55("div", { className: "skeleton h-5 w-16 rounded-xs" }),
+      /* @__PURE__ */ jsx55("div", { className: "skeleton h-4 w-24 rounded-xs" })
+    ] }),
+    /* @__PURE__ */ jsx55("div", { className: "skeleton h-12 w-12 rounded-full shrink-0 relative", children: /* @__PURE__ */ jsx55("div", { className: "absolute inset-[15%] rounded-full bg-sky-200" }) })
+  ] }, i)) });
+}
+
+// src/ui/skeletons/inputs/subject-input.tsx
+import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
+function SubjectInputSkeleton({ showMeta = true }) {
+  return /* @__PURE__ */ jsxs48("div", { className: "relative mt-3 min-w-50 mb-5", children: [
+    /* @__PURE__ */ jsx56("div", { className: "skeleton w-full h-10 rounded-xs" }),
+    showMeta && /* @__PURE__ */ jsxs48("div", { className: "flex flex-row justify-between mt-1.5", children: [
+      /* @__PURE__ */ jsx56("div", { className: "skeleton h-3 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx56("div", { className: "skeleton h-4 w-32 rounded-xs" })
+    ] })
+  ] });
+}
+
+// src/ui/skeletons/subjects/admin-card.tsx
+import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
+function AdminSubjectCardSkeleton() {
+  return /* @__PURE__ */ jsxs49("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs49("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx57("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx57("div", { className: "skeleton h-5 w-40 rounded-xs" })
+    ] }),
+    /* @__PURE__ */ jsx57(SubjectInputSkeleton, { showMeta: false })
+  ] });
+}
+
+// src/ui/skeletons/subjects/comment.tsx
+import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
+function CommentSkeleton() {
+  return /* @__PURE__ */ jsxs50("div", { className: "flex flex-row items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx58("div", { className: "skeleton h-4 w-4 rounded-xs" }),
+    /* @__PURE__ */ jsx58("div", { className: "skeleton h-4 w-44 rounded-xs" })
+  ] });
+}
+
+// src/ui/skeletons/subjects/student-card.tsx
+import { Fragment as Fragment7, jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+function StudentCardSkeleton({ showButtons = true }) {
+  return /* @__PURE__ */ jsxs51("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs51("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx59("div", { className: "skeleton h-5 w-24 rounded-xs" })
+    ] }),
+    /* @__PURE__ */ jsx59(SubjectInputSkeleton, {}),
+    /* @__PURE__ */ jsx59(CommentSkeleton, {}),
+    showButtons && /* @__PURE__ */ jsxs51(Fragment7, { children: [
+      /* @__PURE__ */ jsx59(ButtonSkeleton, { className: "mb-1! mt-1!" }),
+      /* @__PURE__ */ jsx59(ButtonSkeleton, { className: "mb-1! mt-1!" })
+    ] })
+  ] });
+}
+
+// src/ui/skeletons/subjects/teacher-card.tsx
+import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+function TeacherCardSkeleton({ showButtons = false }) {
+  return /* @__PURE__ */ jsxs52("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs52("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx60("div", { className: "skeleton h-5 w-24 rounded-xs" }),
+      /* @__PURE__ */ jsx60("div", { className: "skeleton h-5 w-24 rounded-xs" })
+    ] }),
+    /* @__PURE__ */ jsx60(SubjectInputSkeleton, {}),
+    /* @__PURE__ */ jsx60(CommentSkeleton, {}),
+    showButtons && /* @__PURE__ */ jsxs52(Fragment8, { children: [
+      /* @__PURE__ */ jsx60(ButtonSkeleton, { className: "-mb-1! mt-1!" }),
+      /* @__PURE__ */ jsx60(ButtonSkeleton, { className: "mb-1! mt-1!" })
+    ] })
+  ] });
+}
+
+// src/ui/skeletons/support/support-ticket-card.tsx
+import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
+function SupportTicketCardSkeleton() {
+  return /* @__PURE__ */ jsxs53("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-32 rounded-xs" }),
+      /* @__PURE__ */ jsx61("div", { className: "skeleton h-5 w-24 rounded-xs" })
+    ] }),
+    /* @__PURE__ */ jsx61("div", { className: "skeleton h-24 w-full rounded-xs" }),
+    /* @__PURE__ */ jsx61("div", { className: "skeleton h-10 w-full rounded-xs" })
+  ] });
+}
+
+// src/ui/subjects/admin-card.tsx
+import {
+  cookiesSet as cookiesSet3,
+  fetchCsrfClient as fetchCsrfClient3,
+  getStatusLabel as getStatusLabel2,
+  goralysFetchClient as goralysFetchClient3,
+  handleToastRequest as handleToastRequest3,
+  SubjectStatusConfig
+} from "@goralys/core";
+import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
+function AdminSubjectsCard({ subjectData, onUpdateAction, syncKey }) {
+  const password = usePasswordModal();
+  const toast = useToast();
+  const updateStatus = async (status) => {
+    if (status === subjectData.status) return;
+    const pwd = await password.showPasswordModal("le changement de statut");
+    if (!pwd) return;
+    if (pwd.trim() === "") {
+      toast.showToast({
+        type: "warning",
+        title: "Mot de passe",
+        message: "Veuillez saisir un mot de passe."
+      });
+      return;
+    }
+    const csrfToken = await fetchCsrfClient3("update-subject-status");
+    const payload = {
+      student: subjectData.studentToken,
+      teacher: subjectData.teacherToken,
+      status,
+      topic: subjectData.topicCode,
+      "admin-password": pwd,
+      "csrf-token": csrfToken
+    };
+    const res = await goralysFetchClient3("PATCH", "subjects/status", payload);
+    await handleToastRequest3(res, toast.showToast, false);
+    const data = await res?.json();
+    if (data.toastType === "info" && res.ok) {
+      cookiesSet3(syncKey, "0");
+      onUpdateAction();
+    }
+  };
+  return /* @__PURE__ */ jsxs54("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs54("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx62("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsxs54("strong", { children: [
+        subjectData.topic,
+        " (",
+        subjectData.teacher,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx62(
+      SubjectInputAdmin,
+      {
+        id: subjectData.studentToken + subjectData.teacherToken + "-input",
+        subjectData,
+        label: "Question de l'El\xE8ve"
+      }
+    ),
+    /* @__PURE__ */ jsxs54("div", { className: "flex flex-row justify-between", children: [
+      /* @__PURE__ */ jsxs54("p", { children: [
+        "Statut de la question: ",
+        getStatusLabel2(subjectData.status)
+      ] }),
+      /* @__PURE__ */ jsxs54("div", { className: "relative pb-0 mb-1", children: [
+        /* @__PURE__ */ jsx62(
+          "select",
+          {
+            className: "border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
+            value: subjectData.status,
+            onChange: (e) => updateStatus(e.target.value),
+            children: Object.entries(SubjectStatusConfig).map(([key, info]) => /* @__PURE__ */ jsx62("option", { value: key, children: info.label }, key))
+          }
+        ),
+        /* @__PURE__ */ jsx62(
+          "span",
+          {
+            className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/subjects/comment-student.tsx
+import { ChevronRightIcon } from "@heroicons/react/24/outline";
+import { Fragment as Fragment9, jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
+function CommentStudent({ subjectData, disabled, onChange }) {
+  const visible = !!subjectData?.comment && !(subjectData.status === "submitted" || subjectData.status === "approved");
+  const showLastRejected = subjectData.status === "not_submitted" && subjectData.lastRejected;
+  if (!visible) {
+    return /* @__PURE__ */ jsx63(Fragment9, {});
+  }
+  return /* @__PURE__ */ jsx63(Fragment9, { children: /* @__PURE__ */ jsxs55(
+    "details",
+    {
+      className: "group",
+      open: subjectData.status === "rejected",
+      children: [
+        /* @__PURE__ */ jsxs55("summary", { className: "flex flex-row cursor-pointer", children: [
+          /* @__PURE__ */ jsx63(ChevronRightIcon, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
+          /* @__PURE__ */ jsx63("span", { children: "Commentaire du professeur" })
+        ] }),
+        showLastRejected && /* @__PURE__ */ jsxs55(Fragment9, { children: [
+          /* @__PURE__ */ jsx63("span", { className: "h-2 w-full block" }),
+          /* @__PURE__ */ jsx63(
+            SubjectTextArea,
+            {
+              id: subjectData.studentToken + subjectData.teacherToken + "-last-rejected",
+              label: "Votre question non valid\xE9e",
+              defaultValue: subjectData.lastRejected,
+              disabled: true,
+              animate: false,
+              subjectData
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx63("span", { className: "h-1.5 w-full block" }),
+        /* @__PURE__ */ jsx63(
+          TextArea,
+          {
+            id: subjectData.studentToken + subjectData.teacherToken + "-subject-comment",
+            label: "Commentaire",
+            defaultValue: subjectData.comment,
+            onChangeAction: onChange,
+            disabled
+          }
+        )
+      ]
+    },
+    `comment-student-details-for-${subjectData.teacher}-${subjectData.topic}`
+  ) });
+}
+
+// src/ui/subjects/comment-teacher.tsx
+import { ChevronRightIcon as ChevronRightIcon2 } from "@heroicons/react/24/outline";
+import { Fragment as Fragment10, jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
+function CommentTeacher({ subjectData, disabled, ref, onChange }) {
+  const visible = subjectData.status === "submitted";
+  if (!visible) {
+    return /* @__PURE__ */ jsx64(Fragment10, {});
+  }
+  return /* @__PURE__ */ jsx64(Fragment10, { children: /* @__PURE__ */ jsxs56(
+    "details",
+    {
+      className: "group",
+      open: subjectData.status === "rejected",
+      children: [
+        /* @__PURE__ */ jsxs56("summary", { className: "flex flex-row cursor-pointer", children: [
+          /* @__PURE__ */ jsx64(ChevronRightIcon2, { className: "w-5 h-5 transition-transform duration-200 group-open:rotate-90" }),
+          /* @__PURE__ */ jsx64("span", { children: "Votre commentaire" })
+        ] }),
+        /* @__PURE__ */ jsx64(
+          TextArea,
+          {
+            id: subjectData.studentToken + subjectData.teacherToken + "-subject-comment",
+            label: "Commentaire",
+            defaultValue: subjectData.comment,
+            onChangeAction: onChange,
+            disabled,
+            ref
+          },
+          `comment-teacher-details-for-${subjectData.student}-${subjectData.topic}`
+        )
+      ]
+    },
+    `comment-teacher-details-for-${subjectData.student}-${subjectData.topic}`
+  ) });
+}
+
+// src/ui/subjects/readonly-card.tsx
+import { getStatusLabel as getStatusLabel3 } from "@goralys/core";
+import { jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
+function ReadonlyCard({ subjectData }) {
+  return /* @__PURE__ */ jsxs57("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx65("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsxs57("strong", { children: [
+        subjectData.topic,
+        " (",
+        subjectData.teacher,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx65(
+      SubjectInputAdmin,
+      {
+        id: subjectData.studentToken + subjectData.teacherToken + "-input",
+        subjectData,
+        label: "Question de l'El\xE8ve"
+      }
+    ),
+    /* @__PURE__ */ jsx65("div", { className: "flex flex-row justify-between", children: /* @__PURE__ */ jsxs57("p", { children: [
+      "Statut de la question: ",
+      getStatusLabel3(subjectData.status)
+    ] }) })
+  ] });
+}
+
+// src/ui/subjects/student-card.tsx
+import {
+  cookiesSet as cookiesSet4,
+  fetchCsrfClient as fetchCsrfClient4,
+  getShortFromLong as getShortFromLong2,
+  goralysFetchClient as goralysFetchClient4,
+  handleToastRequest as handleToastRequest4,
+  SUBJECT_SYNCS
+} from "@goralys/core";
+import { useState as useState27 } from "react";
+import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
+function StudentCard({ subjectData, onUpdateAction }) {
+  const toast = useToast();
+  const confirm = useConfirm();
+  const isDesktop = useMediaQuery("(min-width:640px)");
+  const [subject, setSubject] = useState27(subjectData.subject);
+  const [isInterdisciplinary, setIsInterdisciplinary] = useState27(subjectData.interdisciplinary);
+  const modal = useDraftModal();
+  const saveDraft = async () => {
+    if (!subject || subject.trim() == "") {
+      toast.showToast({
+        type: "warning",
+        title: "Brouillon",
+        message: "Veuillez saisir une question."
+      });
+      return;
+    }
+    const csrfToken = await fetchCsrfClient4("save-draft");
+    const payload = {
+      teacher: subjectData.teacherToken,
+      student: subjectData.studentToken,
+      topic: subjectData.topicCode,
+      draft: subject,
+      interdisciplinary: isInterdisciplinary,
+      "csrf-token": csrfToken
+    };
+    const res = await goralysFetchClient4("PUT", "subjects/draft", payload);
+    await handleToastRequest4(res, toast.showToast, false);
+    const data = await res.json();
+    if (data.toastType === "info" && res.ok) {
+      cookiesSet4(SUBJECT_SYNCS["student"], "0");
+      onUpdateAction();
+    }
+  };
+  const sendSubject = async () => {
+    if (!subject || subject.trim() == "") {
+      toast.showToast({
+        type: "warning",
+        title: "Envoi",
+        message: "Veuillez saisir une question."
+      });
+      return;
+    }
+    if (!await confirm.showConfirm({
+      title: "Envoi",
+      message: "\xCAtes-vous s\xFBr de vouloir envoyer cette question au professeur ?"
+    }))
+      return;
+    if (subject?.trim() === subjectData.lastRejected?.trim()) {
+      toast.showToast({
+        type: "warning",
+        title: "Envoi",
+        message: "Cette question n\u2019a pas \xE9t\xE9 modifi\xE9e depuis son invalidation. Merci de la corriger avant de la renvoyer."
+      });
+      return;
+    }
+    const formData = new FormData();
+    if (isDesktop) {
+      const result = await modal.showDraftModal();
+      if (result.type === "closed") return;
+      if (result.type == "withDraft" && !result.file) {
+        toast.showToast({
+          type: "warning",
+          title: "Envoi",
+          message: "Veuillez choisir un brouillon ou envoyer la question seule."
+        });
+        return;
+      }
+      if (result.type == "withDraft") {
+        formData.append("draft-file", result.file ?? "");
+      }
+    }
+    const csrfToken = await fetchCsrfClient4("submit-subject");
+    formData.append("teacher", subjectData.teacherToken);
+    formData.append("student", subjectData.studentToken);
+    formData.append("topic", subjectData.topic);
+    formData.append("subject", subject ?? "");
+    formData.append("csrf-token", csrfToken ?? "");
+    formData.append("interdisciplinary", isInterdisciplinary ? "1" : "0");
+    const res = await goralysFetchClient4("POST", "subjects/submit", formData);
+    if (await handleToastRequest4(res, toast.showToast, false)) {
+      const data = await res.json();
+      if (data.toastType === "info" && res.ok) {
+        cookiesSet4(SUBJECT_SYNCS["student"], "0");
+        onUpdateAction();
+      }
+    }
+  };
+  const key = subjectData.teacher + subjectData.topic;
+  return /* @__PURE__ */ jsxs58("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx66("strong", { children: isDesktop ? subjectData.topic : getShortFromLong2(subjectData.topic) }),
+      isDesktop && /* @__PURE__ */ jsx66("strong", { children: subjectData.teacher })
+    ] }),
+    /* @__PURE__ */ jsx66(
+      SubjectInputStudent,
+      {
+        id: `subject-input-student-for-${key}`,
+        label: "Votre Question",
+        subjectData,
+        onChangeAction: (e) => {
+          setSubject(e.target.value);
+        },
+        setIsInterdisciplinaryAction: setIsInterdisciplinary
+      }
+    ),
+    /* @__PURE__ */ jsx66(CommentStudent, { subjectData, disabled: true }, `comment-student-for-${key}`),
+    !(subjectData.status === "submitted" || subjectData.status === "approved") && /* @__PURE__ */ jsxs58(Fragment11, { children: [
+      /* @__PURE__ */ jsx66(Button, { className: "mb-1! mt-1!", text: "Enregistrer comme brouillon", type: "button", onClick: saveDraft }),
+      /* @__PURE__ */ jsx66(Button, { className: "mb-1! mt-1!", text: "Envoyer la question", type: "button", onClick: sendSubject })
+    ] })
+  ] });
+}
+
+// src/ui/subjects/subjects-filter.tsx
+import { useCallback as useCallback8, useEffect as useEffect13, useState as useState28 } from "react";
+import { getStatusLabel as getStatusLabel4 } from "@goralys/core";
+import { jsx as jsx67 } from "react/jsx-runtime";
+function SubjectsFilter({ subjects, setCurrentSubjects, defaults }) {
+  const DEFAULT_STATUS = {
+    not_submitted: { default: defaults?.not_submitted ?? false, label: getStatusLabel4("not_submitted") },
+    submitted: { default: defaults?.submitted ?? true, label: getStatusLabel4("submitted") },
+    rejected: { default: defaults?.rejected ?? false, label: getStatusLabel4("rejected") },
+    approved: { default: defaults?.approved ?? false, label: getStatusLabel4("approved") }
+  };
+  const [shownStatus, setShownStatus] = useState28(
+    Object.keys(DEFAULT_STATUS).filter((k) => DEFAULT_STATUS[k].default)
+  );
+  const toggleStatus = (s) => {
+    console.log("toggling status: ", s);
+    const status = shownStatus;
+    if (shownStatus.includes(s)) {
+      const i = shownStatus.indexOf(s);
+      status.splice(i, 1);
+    } else {
+      status.push(s);
+    }
+    setShownStatus(status);
+    console.log("toggle done, new shown status: ", shownStatus);
+    console.log("filtering");
+    filter();
+    console.log("filtering done");
+  };
+  const filter = useCallback8(() => {
+    const filtered = [];
+    subjects.forEach((s) => {
+      if (shownStatus.includes(s.status)) filtered.push(s);
+    });
+    console.log(filtered);
+    setCurrentSubjects(filtered);
+  }, [shownStatus, subjects, setCurrentSubjects]);
+  useEffect13(() => {
+    filter();
+  }, [filter]);
+  return /* @__PURE__ */ jsx67("div", { className: "flex flex-row gap-2 w-full", children: Object.entries(DEFAULT_STATUS).map(([k, v]) => /* @__PURE__ */ jsx67(
+    Checkbox,
+    {
+      label: v.label,
+      setValueAction: () => toggleStatus(k),
+      defaultValue: DEFAULT_STATUS[k].default
+    },
+    "subjects-filter-checkbox-for-" + k
+  )) });
+}
+
+// src/ui/subjects/subjects-search-bar.tsx
+import { useEffect as useEffect14, useState as useState29 } from "react";
+import { getLongFromShort, searchFields } from "@goralys/core";
+import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
+function SubjectsSearchBar({ subjects, setCurrentSubjects }) {
+  const [currentField, setCurrentField] = useState29("all");
+  const [searchText, setSearchText] = useState29("");
+  const handleSearch = (e) => {
+    const value = e.currentTarget.value;
+    setSearchText(value);
+  };
+  const sortSubjects = (list) => {
+    return [...list].sort((a, b) => {
+      const topicA = a.topic.trim().toLowerCase();
+      const topicB = b.topic.trim().toLowerCase();
+      const nameA = a.student.trim().toLowerCase();
+      const nameB = b.student.trim().toLowerCase();
+      const topicDiff = topicA.localeCompare(topicB, "fr");
+      if (topicDiff !== 0) return topicDiff;
+      return nameA.localeCompare(nameB, "fr");
+    });
+  };
+  useEffect14(() => {
+    if (!subjects) return;
+    const search = searchText.trim().toLowerCase();
+    const sorted = sortSubjects(
+      subjects.filter((s) => {
+        if (!search) return true;
+        const searchTeachers = s.teacher.split(",").map((t) => t.trim().toLowerCase());
+        switch (currentField) {
+          case "student":
+            return s.student.trim().toLowerCase().startsWith(search);
+          case "teacher":
+            return searchTeachers.some((t) => t.startsWith(search));
+          case "topic":
+            return s.topic.trim().toLowerCase().includes(getLongFromShort(search));
+          case "all":
+            return s.student.trim().toLowerCase().startsWith(search) || searchTeachers.some((t) => t.startsWith(search)) || s.topic.trim().toLowerCase().includes(getLongFromShort(search));
+          default:
+            return true;
+        }
+      })
+    );
+    setCurrentSubjects((prev) => {
+      if (JSON.stringify(prev) === JSON.stringify(sorted)) return prev;
+      return sorted;
+    });
+  }, [searchText, currentField, subjects, setCurrentSubjects]);
+  return /* @__PURE__ */ jsxs59("div", { className: "flex flex-row gap-2 items-end mb-4", children: [
+    /* @__PURE__ */ jsx68(FloatingInput, { id: "admins-subjects-search", label: "Rechercher", onInput: handleSearch }),
+    /* @__PURE__ */ jsxs59("div", { className: "relative pb-0 mb-1", children: [
+      /* @__PURE__ */ jsx68(
+        "select",
+        {
+          className: "border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
+          value: currentField,
+          onChange: (e) => setCurrentField(e.target.value),
+          children: Object.entries(searchFields).map(([key, label]) => /* @__PURE__ */ jsx68("option", { value: key, children: label }, key))
+        }
+      ),
+      /* @__PURE__ */ jsx68(
+        "span",
+        {
+          className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/subjects/teacher-card.tsx
+import {
+  cookiesSet as cookiesSet5,
+  fetchCsrfClient as fetchCsrfClient5,
+  getShortFromLong as getShortFromLong3,
+  goralysFetchClient as goralysFetchClient5,
+  handleToastRequest as handleToastRequest5,
+  SUBJECT_SYNCS as SUBJECT_SYNCS2
+} from "@goralys/core";
+import { useRef as useRef7, useState as useState30 } from "react";
+import { Fragment as Fragment12, jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
+function TeacherCard({ subjectData, onUpdateAction }) {
+  const toast = useToast();
+  const confirm = useConfirm();
+  const [comment, setComment] = useState30(subjectData.comment);
+  const commentRef = useRef7(null);
+  const isDesktop = useMediaQuery("(min-width: 640px)");
+  const rejectSubject = async () => {
+    if (comment?.trim() === "" || !comment) {
+      toast.showToast({
+        type: "warning",
+        title: "Commentaire requis",
+        message: "Vous devez fournir un commentaire avant de rejeter cette question."
+      });
+      return;
+    }
+    if (!await confirm.showConfirm({
+      title: "Confirmer le rejet",
+      message: "Une fois la question rejet\xE9e, l'\xE9l\xE8ve devra en soumettre une nouvelle. Voulez-vous quand m\xEAme rejeter cette question ?"
+    }))
+      return;
+    if (comment?.trim() === subjectData.comment.trim()) {
+      const confirmed = await confirm.showConfirm({
+        title: "Confirmer le rejet",
+        message: "Le commentaire n\u2019a pas \xE9t\xE9 modifi\xE9. Voulez-vous quand m\xEAme rejeter cette question ?"
+      });
+      if (!confirmed) {
+        requestAnimationFrame(() => {
+          commentRef?.current?.blur();
+          commentRef?.current?.focus();
+        });
+        return;
+      }
+    }
+    const csrfToken = await fetchCsrfClient5("reject-subject");
+    const payload = {
+      teacher: subjectData.teacherToken,
+      student: subjectData.studentToken,
+      topic: subjectData.topicCode,
+      comment,
+      "csrf-token": csrfToken
+    };
+    const res = await goralysFetchClient5("POST", "subjects/reject", payload);
+    if (await handleToastRequest5(res, toast.showToast, false)) {
+      const data = await res.json();
+      if (data.toastType === "info" && res.ok) {
+        cookiesSet5(SUBJECT_SYNCS2["teacher"], "0");
+        onUpdateAction();
+      }
+    }
+  };
+  const approveSubject = async () => {
+    if (!await confirm.showConfirm({
+      title: "Validation de la question",
+      message: "\xCAtes-vous s\xFBr de vouloir valider cette question de mani\xE8re d\xE9finitive. Une fois la question valid\xE9e, toute modification devient impossible."
+    }))
+      return;
+    const csrfToken = await fetchCsrfClient5("approve-subject");
+    const payload = {
+      teacher: subjectData.teacherToken,
+      student: subjectData.studentToken,
+      topic: subjectData.topicCode,
+      "new-status": "approved",
+      "csrf-token": csrfToken
+    };
+    const res = await goralysFetchClient5("POST", "subjects/approve", payload);
+    if (await handleToastRequest5(res, toast.showToast, false)) {
+      const data = await res.json();
+      if (data.toastType === "info" && res.ok) {
+        cookiesSet5(SUBJECT_SYNCS2["teacher"], "0");
+        onUpdateAction();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs60("div", { className: "h-fit sm:w-200 w-96 flex flex-col bg-sky-200 gap-1 p-1 mb-1 mt-1", children: [
+    /* @__PURE__ */ jsxs60("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsx69("strong", { children: subjectData.student }),
+      /* @__PURE__ */ jsx69("strong", { children: isDesktop ? subjectData.topic : getShortFromLong3(subjectData.topic) })
+    ] }),
+    /* @__PURE__ */ jsx69(
+      SubjectInputTeacher,
+      {
+        id: subjectData.studentToken + subjectData.teacherToken + "-comment",
+        subjectData,
+        label: "Question de l'El\xE8ve"
+      }
+    ),
+    /* @__PURE__ */ jsx69(
+      CommentTeacher,
+      {
+        subjectData,
+        disabled: subjectData.status !== "submitted",
+        ref: commentRef,
+        onChange: (e) => {
+          setComment(e.target.value);
+        }
+      },
+      `comment-teacher-for-${subjectData.student}-${subjectData.topic}`
+    ),
+    subjectData.status === "submitted" && /* @__PURE__ */ jsxs60(Fragment12, { children: [
+      /* @__PURE__ */ jsx69(
+        Button,
+        {
+          className: "-mb-1! mt-1! shadow-none!",
+          text: "Ne pas valider la question",
+          type: "button",
+          onClick: rejectSubject,
+          color: "sky"
+        }
+      ),
+      /* @__PURE__ */ jsx69(
+        Button,
+        {
+          className: "mb-1! mt-1! shadow-none!",
+          text: "Valider la question",
+          type: "button",
+          onClick: approveSubject,
+          color: "sky"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/support/support-form.tsx
+import { useEffect as useEffect15, useState as useState31 } from "react";
+import { cookiesGet as cookiesGet6, EMAIL_KEY, fetchCsrfClient as fetchCsrfClient6, getGoralysClientConfig as getGoralysClientConfig2, reasonsConfig, USERNAME_KEY as USERNAME_KEY3 } from "@goralys/core";
+import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+function SupportForm() {
+  const { apiDomain, getSchoolToken } = getGoralysClientConfig2();
+  const [loggedIn, setLoggedIn] = useState31(true);
+  const [csrfToken, setCsrfToken] = useState31(null);
+  const requestUrl = `${apiDomain}/support/contact?high-school-token=${getSchoolToken()}`;
+  const [reason, setReason] = useState31("password-forgot");
+  useEffect15(() => {
+    const run = async () => {
+      setCsrfToken(await fetchCsrfClient6("support-ticket"));
+      setLoggedIn(!!cookiesGet6(USERNAME_KEY3));
+    };
+    run().then();
+  }, []);
+  return /* @__PURE__ */ jsxs61(Card, { className: "flex-col min-h-73 bg-sky-200 order-1 sm:order-2 h-fit", children: [
+    /* @__PURE__ */ jsx70("h1", { className: "text-xl", children: "Contactez le support Goralys" }),
+    /* @__PURE__ */ jsxs61("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
+      !loggedIn && /* @__PURE__ */ jsx70(
+        FloatingInput,
+        {
+          id: "full-name",
+          label: "Nom Complet",
+          helper: "Ce nom sera transmit \xE0 notre \xE9quipe afin de vous identifi\xE9",
+          autocomplete: "name",
+          required: !loggedIn
+        }
+      ),
+      /* @__PURE__ */ jsx70(
+        FloatingInput,
+        {
+          id: "user-email",
+          label: "Votre email",
+          helper: "Votre email sera simplement utilis\xE9 pour vous r\xE9pondre.",
+          defaultValue: cookiesGet6(EMAIL_KEY) ?? "",
+          autocomplete: "email",
+          required: true,
+          email: true
+        }
+      ),
+      /* @__PURE__ */ jsxs61("div", { className: "relative pb-0 mb-3", children: [
+        /* @__PURE__ */ jsx70(
+          "select",
+          {
+            className: "w-full border-0 border-b-2 border-sky-300 appearance-none\n                    cursor-pointer outline-none focus:ring-0 text-base leading-5\n                    text-heading pb-0 pr-5 subjects-search-select",
+            value: reason,
+            name: "raw-reason",
+            onChange: (e) => setReason(e.target.value),
+            children: Object.entries(reasonsConfig).map(([key, { label }]) => /* @__PURE__ */ jsx70("option", { value: key, children: label }, key))
+          }
+        ),
+        /* @__PURE__ */ jsx70(
+          "span",
+          {
+            className: "absolute bottom-0 left-0 w-0 h-0.5 bg-sky-500\n                     transition-all duration-300 ease-in-out\n                     peer-focus:w-full subjects-search-underline"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx70(TextArea, { maxLength: 250, id: "message", label: "Message", helper: "Veuillez d\xE9crire pr\xE9cis\xE9ment votre probl\xE8me.", required: true }),
+      /* @__PURE__ */ jsx70("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+      /* @__PURE__ */ jsx70("input", { type: "hidden", name: "reason", value: reason }),
+      /* @__PURE__ */ jsx70(Button, { type: "submit", text: "Envoyer mon message", className: "bottom-0 mt-2.5", disabled: !csrfToken })
+    ] })
+  ] });
+}
+
+// src/ui/support/support-ticket-card.tsx
+import { buildApiUrl as buildApiUrl3, reasonsConfig as reasonsConfig2 } from "@goralys/core";
+import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
+function SupportTicketCard({ ticket }) {
+  return /* @__PURE__ */ jsxs62("div", { className: "h-fit w-200 flex flex-col bg-sky-200 gap-1 gap-y-3 p-1 mt-1", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "flex flex-row w-full justify-between", children: [
+      /* @__PURE__ */ jsxs62("span", { children: [
+        /* @__PURE__ */ jsxs62("strong", { children: [
+          "#",
+          ticket.id
+        ] }),
+        " [",
+        reasonsConfig2[ticket.reason].label,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx71(
+        "a",
+        {
+          href: buildApiUrl3("ticket/contact", { t: ticket.id.toString() }, true),
+          target: "_blank",
+          title: "Contactez l'utilisateur",
+          className: "cursor-pointer",
+          children: /* @__PURE__ */ jsx71("strong", { children: ticket.opener })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx71(
+      TextArea,
+      {
+        id: "message",
+        label: "Message",
+        defaultValue: ticket.message,
+        disabled: true
+      },
+      "support-message-" + ticket.id + ticket.opener
+    ),
+    /* @__PURE__ */ jsx71(
+      Button,
+      {
+        text: "Ce probl\xE8me a \xE9t\xE9 r\xE9solu",
+        type: "button",
+        onClick: () => {
+          window.location.href = "/support/ticket?t=" + ticket.id;
+        }
+      }
+    )
+  ] });
+}
+
+// src/ui/toast/flash-toast-listener.tsx
+import { useEffect as useEffect16, useLayoutEffect, useRef as useRef8 } from "react";
+import { buildApiUrl as buildApiUrl4, FLASH_TOAST_KEY as FLASH_TOAST_KEY2, goralysFetchClient as goralysFetchClient6, storageGet, storageRemove } from "@goralys/core";
+function FlashToastListener() {
+  const { showToast } = useToast();
+  const showToastRef = useRef8(showToast);
+  useEffect16(() => {
+    showToastRef.current = showToast;
+  }, [showToast]);
+  const pathname = useGoralysUI().usePathname();
+  const showCachedToast = (destroyCache = true) => {
+    const raw = storageGet(FLASH_TOAST_KEY2);
+    if (!raw) return;
+    if (destroyCache) storageRemove(FLASH_TOAST_KEY2);
+    try {
+      const parsed = JSON.parse(raw);
+      if (!parsed.expires) return;
+      const remaining = parsed.expires - Date.now();
+      if (remaining <= 0) return;
+      showToastRef.current(parsed, false, remaining);
+    } catch {
+    }
+  };
+  useLayoutEffect(() => showCachedToast(false), [pathname]);
+  useEffect16(() => {
+    let cancelled = false;
+    const run = async () => {
+      try {
+        const res = await goralysFetchClient6("GET", buildApiUrl4("toast/flash", {}), void 0, {
+          cache: "no-store"
+        });
+        const data = await res.json();
+        if (data?.toast) {
+          storageRemove(FLASH_TOAST_KEY2);
+          showToastRef.current({
+            type: data.toast.toastType,
+            title: data.toast.toastTitle,
+            message: data.toast.toastMessage
+          });
+        }
+        if (cancelled) return;
+        showCachedToast();
+      } catch {
+        if (!cancelled) showCachedToast();
+      }
+    };
+    void run();
+    return () => {
+      cancelled = true;
+    };
+  }, [pathname]);
+  return null;
+}
+
+// src/ui/user/forms/login-form.tsx
+import { useEffect as useEffect17, useRef as useRef9, useState as useState32 } from "react";
+import { fetchCsrfClient as fetchCsrfClient7, getGoralysClientConfig as getGoralysClientConfig3 } from "@goralys/core";
+import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
+function LoginForm() {
+  const { apiDomain, getSchoolToken } = getGoralysClientConfig3();
+  const isDesktop = useMediaQuery("(min-width: 640px)");
+  const [csrfToken, setCsrfToken] = useState32(null);
+  const [submitting, setSubmitting] = useState32(false);
+  const submittingRef = useRef9(false);
+  const requestUrl = `${apiDomain}/user/login?high-school-token=${getSchoolToken}`;
+  useEffect17(() => {
+    const canceled = false;
+    fetchCsrfClient7("login").then((token) => {
+      if (!canceled) setCsrfToken(token);
+    }).catch(() => {
+      if (!canceled) setCsrfToken(null);
+    });
+  }, []);
+  function handleSubmit(e) {
+    if (submittingRef.current) {
+      e.preventDefault();
+      return;
+    }
+    submittingRef.current = true;
+    setSubmitting(true);
+  }
+  return /* @__PURE__ */ jsxs63(Card, { className: "relative flex-col h-65 bg-sky-200 order-1 sm:order-2", children: [
+    /* @__PURE__ */ jsx72("h1", { className: "text-xl", children: "Connectez vous \xE0 votre compte Goralys" }),
+    /* @__PURE__ */ jsxs63("form", { className: "relative flex flex-col h-full", action: requestUrl, method: "POST", autoComplete: "on", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsx72(FloatingInput, { id: "username", label: "Identifiant", helper: "Identifiant au format p.nomX", autocomplete: "username", required: true }),
+      /* @__PURE__ */ jsx72(FloatingInput, { id: "password", label: "Mot de passe", autocomplete: "current-password", password: true, required: true }),
+      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+      /* @__PURE__ */ jsx72("input", { type: "hidden", name: "client_context", value: isDesktop ? "desktop" : "mobile" }),
+      /* @__PURE__ */ jsx72(
+        Button,
+        {
+          type: "submit",
+          text: csrfToken === null ? "Chargement..." : submitting ? "Connexion..." : "Se connecter",
+          className: "absolute! bottom-0",
+          disabled: csrfToken === null || submitting
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/ui/user/forms/register-form.tsx
+import { useEffect as useEffect18, useRef as useRef10, useState as useState33 } from "react";
+import { fetchCsrfClient as fetchCsrfClient8, getGoralysClientConfig as getGoralysClientConfig4 } from "@goralys/core";
+import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
+function RegisterForm() {
+  const { apiDomain, getSchoolToken } = getGoralysClientConfig4();
+  const searchParams = useGoralysUI().useSearchParams();
+  const router = useGoralysUI().useRouter();
+  const [id, setId] = useState33(void 0);
+  const hasRun = useRef10(false);
+  useEffect18(() => {
+    if (hasRun.current) return;
+    hasRun.current = true;
+    const update = () => setId(searchParams.get("id") ?? void 0);
+    if (!searchParams.get("id")) {
+      router.replace("/user/register");
+      return;
+    }
+    update();
+    router.replace("/user/register");
+  }, [searchParams, router]);
+  const [csrfToken, setCsrfToken] = useState33(null);
+  const requestUrl = `${apiDomain}/user/register?high-school-token=${getSchoolToken()}`;
+  useEffect18(() => {
+    const run = async () => setCsrfToken(await fetchCsrfClient8("register"));
+    run().then();
+  }, []);
+  return /* @__PURE__ */ jsxs64(Card, { className: "flex-col h-79 bg-sky-200 order-1 sm:order-2", children: [
+    /* @__PURE__ */ jsx73("h1", { className: "text-xl", children: "Cr\xE9ez votre compte chez Goralys" }),
+    /* @__PURE__ */ jsxs64("form", { className: "relative flex flex-col h-full", method: "POST", action: requestUrl, autoComplete: "on", children: [
+      /* @__PURE__ */ jsx73(
+        FloatingInput,
+        {
+          id: "user-name",
+          label: "Identifiant",
+          helper: "Identifiant au format p.nomX.",
+          defaultValue: id,
+          autocomplete: "username",
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsx73(
+        FloatingInput,
+        {
+          id: "password",
+          label: "Mot de passe",
+          helper: "Choisissez un mot de passe s\xE9curis\xE9.",
+          autocomplete: "new-password",
+          password: true,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsx73(FloatingInput, { id: "email", label: "Addresse Mail", autocomplete: "email", helper: "Ce champ est optionnel.", email: true }),
+      /* @__PURE__ */ jsx73("input", { type: "hidden", name: "csrf-token", value: (csrfToken ? csrfToken : "no-token").trim() }),
+      /* @__PURE__ */ jsx73(
+        Button,
+        {
+          type: "submit",
+          text: csrfToken === null ? "Chargement..." : "Cr\xE9er mon compte",
+          className: "absolute! bottom-0",
+          disabled: csrfToken === null
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  AdminCard,
+  AdminPanelCardSkeleton,
+  AdminSubjectCardSkeleton,
+  AdminSubjectsCard,
+  AdminsSearchBar,
+  AuditActionCard,
+  AuditActionCardSkeleton,
+  AuthTokenCard,
+  Button,
+  ButtonSkeleton,
+  Card,
+  CardTitle,
+  Checkbox,
+  CommentSkeleton,
+  CommentStudent,
+  CommentTeacher,
+  ConfirmElement,
+  ConfirmProvider,
+  CookieBanner,
+  CreateAdminElement,
+  DraftModalElement,
+  DraftModalProvider,
+  Dropdown,
+  DynamicNav,
+  EmailModalElement,
+  EmailModalProvider,
+  FlashToastListener,
+  FloatingInput,
+  GoralysLogoLoader,
+  GoralysUIProvider,
+  ImportTopicsModalElement,
+  ImportTopicsModalProvider,
+  InputTextFile,
+  InputZipFile,
+  LoginForm,
+  NavLink,
+  PasswordModalElement,
+  PasswordModalProvider,
+  Providers,
+  ReadonlyCard,
+  RegisterForm,
+  ReplaceTeacherElement,
+  SideNav,
+  StatusLegend,
+  StudentCard,
+  StudentCardSkeleton,
+  SubjectInputAdmin,
+  SubjectInputSkeleton,
+  SubjectInputStudent,
+  SubjectInputTeacher,
+  SubjectStudentsDonut,
+  SubjectTeachersDonut,
+  SubjectTextArea,
+  SubjectsFilter,
+  SubjectsSearchBar,
+  SupportForm,
+  SupportTicketCard,
+  SupportTicketCardSkeleton,
+  TapBar,
+  TapBarLink,
+  TapBarUser,
+  TeacherCard,
+  TeacherCardSkeleton,
+  TextArea,
+  ToastElement,
+  ToastProvider,
+  UserCard,
+  UserCardSkeleton,
+  UserNav,
+  UserSubjectsStudentCard,
+  UserSubjectsStudentCardSkeleton,
+  UserSubjectsTeacherCard,
+  UserSubjectsTeacherCardSkeleton,
+  UsersSearchBar,
+  useAutoResize,
+  useConfirm,
+  useDraftModal,
+  useEmailModal,
+  useGoralysUI,
+  useImportTopicsModal,
+  useMediaQuery,
+  useModalClose,
+  usePasswordModal,
+  useToast
+};