@zevra/ui 0.3.2 → 0.5.0

package/dist/navigation.d.ts

@@ -0,0 +1,150 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+type Div = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+type Span = Omit<HTMLAttributes<HTMLSpanElement>, 'className'>;
+type A = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'className'>;
+type Btn = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'>;
+/** Une colonne, un filet, rien d'autre : ni ombre, ni rayon. Une ombre ferait
+ *  flotter une pièce qui ne bouge jamais. Elle défile pour son propre compte —
+ *  une nav longue n'entraîne jamais le contenu. */
+export declare function Sidebar({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function SidebarHead({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+/** Collé en bas quand la nav est courte, il suit le contenu quand elle est
+ *  longue. */
+export declare function SidebarFoot({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface SideGroupProps extends Div {
+    titre?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function SideGroup({ titre, className, children, ...reste }: SideGroupProps): import("react").JSX.Element;
+export interface SideLinkProps extends A {
+    /** Pose `aria-current="page"` en plus de la classe : sans lui, l'entrée
+     *  courante est marquée pour l'œil et muette au lecteur d'écran. */
+    courant?: boolean;
+    /** Rang mono ou glyphe, sur une colonne de largeur fixe — sinon les
+     *  libellés se décalent d'un groupe à l'autre. */
+    num?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function SideLink({ courant, num, className, children, ...reste }: SideLinkProps): import("react").JSX.Element;
+/** Elle REMPLACE la colonne sous le point de rupture : masquée au-dessus,
+ *  elle n'apparaît que dans le bloc mobile du CSS. Ne pas la conditionner en
+ *  JavaScript — le rendu serveur ne connaît pas la largeur de l'écran. */
+export declare function Topbar({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+/** Le logo cède AVANT le nom : un logo client très large ne doit jamais
+ *  pousser la barre hors de l'écran. */
+export declare function TopbarLogo({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function TopbarTitle({ className, ...reste }: Span & {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function TopbarBurger({ className, type, ...reste }: Btn & {
+    className?: string;
+}): import("react").JSX.Element;
+/** Croix bordée du chrome — fermeture d'un tiroir, d'une feuille de source.
+ *  Angles vifs : le rayon signale l'action, le chrome n'en est pas une. */
+export declare function ChromeButton({ className, type, ...reste }: Btn & {
+    className?: string;
+    'aria-label': string;
+}): import("react").JSX.Element;
+export interface CrumbsProps extends Omit<A, 'children'> {
+    /** Les segments, du plus général au plus précis. Le DERNIER est plus sombre :
+     *  c'est celui qu'on lit, le reste n'est qu'un chemin. */
+    segments: ReactNode[];
+    /** Séparateur. Le `/` par défaut est celui du relevé. */
+    separateur?: ReactNode;
+    className?: string;
+}
+/** ⚠️ Le fil ENTIER est cliquable — c'est un seul nœud, pas une liste de
+ *  liens. Sans `href`, il se rend en `<span>` : un `<a>` sans cible reste
+ *  annoncé comme un lien et déçoit. */
+export declare function Crumbs({ segments, separateur, href, className, ...reste }: CrumbsProps): import("react").JSX.Element;
+/** À poser dans un `SelectAnchor` (forms) : c'est l'enveloppe qui ancre le
+ *  menu, pas le déclencheur — l'ancrer sur le déclencheur casse sa largeur
+ *  maximale calculée sur la fenêtre. */
+export declare function Menu({ className, ...reste }: Div & {
+    className?: string;
+    role?: string;
+}): import("react").JSX.Element;
+export interface MenuItemProps extends Btn {
+    /** Pose `aria-selected` en plus de la classe. */
+    actif?: boolean;
+    className?: string;
+}
+export declare function MenuItem({ actif, className, type, ...reste }: MenuItemProps): import("react").JSX.Element;
+export interface TabsProps<T extends string> {
+    onglets: readonly {
+        id: T;
+        label: ReactNode;
+        compte?: ReactNode;
+    }[];
+    actif: T;
+    onChange: (id: T) => void;
+    /** Rangée qui défile au lieu de passer à la ligne. */
+    rail?: boolean;
+    /** Identifiant du panneau piloté, pour `aria-controls`. */
+    panneau?: string;
+    className?: string;
+}
+/** ⚠️ Il n'existe AUCUNE classe d'onglet dans le CSS, et c'est délibéré : une
+ *  rangée d'onglets est une rangée de puces, avec la grammaire d'état de
+ *  `Seg`. Un onglet SOULIGNÉ reste à faire — il suppose d'arbitrer couleur et
+ *  épaisseur du trait actif, ce qu'aucune source ne donne. Ce composant
+ *  n'ajoute donc que l'ARIA, pas un style de plus. */
+export declare function Tabs<T extends string>({ onglets, actif, onChange, rail, panneau, className, }: TabsProps<T>): import("react").JSX.Element;
+export interface PagerProps extends Div {
+    /** Pied de tableau : compte à gauche, sens à droite. C'est un MODIFICATEUR,
+     *  il se pose avec `Pager`, jamais seul. */
+    pied?: boolean;
+    className?: string;
+}
+export declare function Pager({ pied, className, ...reste }: PagerProps): import("react").JSX.Element;
+/** ⚠️ Une flèche désactivée reste ATTEIGNABLE au clavier (`aria-disabled` et
+ *  non `disabled`) : sinon elle disparaît du parcours sans être annoncée. */
+export declare function PagerArrow({ desactive, className, type, ...reste }: Btn & {
+    desactive?: boolean;
+    className?: string;
+    'aria-label': string;
+}): import("react").JSX.Element;
+/** Le rang courant (« p. 12 / 31 »). Cliquable dans le relevé : il ouvre la
+ *  saisie directe d'un numéro. */
+export declare function PagerRank({ className, type, ...reste }: Btn & {
+    className?: string;
+}): import("react").JSX.Element;
+/** « ‹ Précédent · Suivant › » du pied de tableau. */
+export declare function PagerStep({ className, type, ...reste }: Btn & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface CitePanelProps extends Div {
+    titre?: ReactNode;
+    /** Croix de fermeture et actions de tête. */
+    actions?: ReactNode;
+    pied?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function CitePanel({ titre, actions, pied, className, children, ...reste }: CitePanelProps): import("react").JSX.Element;
+export interface ScrollProps extends Div {
+    /** Barre fine, aux couleurs du système. OPT-IN : par défaut la barre native
+     *  est conservée — sur macOS et iOS, l'habiller la rend permanente et elle
+     *  mange une colonne. */
+    habillee?: boolean;
+    className?: string;
+}
+/** ⚠️ Porte `min-height: 0` ET `min-width: 0`. Sans les deux, un enfant flex
+ *  refuse de rétrécir sous son contenu : la zone déborde et c'est la PAGE qui
+ *  part en défilement horizontal. C'est la faute la plus fréquente de ce
+ *  gabarit. */
+export declare function Scroll({ habillee, className, ...reste }: ScrollProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=navigation.d.ts.map

package/dist/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../react/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/navigation.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './cx.js';
+import { Seg, SegGroup } from './forms.js';
+/* ─── Colonne latérale ─────────────────────────────────────────────── */
+/** Une colonne, un filet, rien d'autre : ni ombre, ni rayon. Une ombre ferait
+ *  flotter une pièce qui ne bouge jamais. Elle défile pour son propre compte —
+ *  une nav longue n'entraîne jamais le contenu. */
+export function Sidebar({ className, ...reste }) {
+    return _jsx("aside", { className: cx('zv-sidebar', className), ...reste });
+}
+export function SidebarHead({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-sidebar__head', className), ...reste });
+}
+/** Collé en bas quand la nav est courte, il suit le contenu quand elle est
+ *  longue. */
+export function SidebarFoot({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-sidebar__foot', className), ...reste });
+}
+export function SideGroup({ titre, className, children, ...reste }) {
+    return (_jsxs("div", { className: cx('zv-sidegroup', className), ...reste, children: [titre && _jsx("div", { className: "zv-sidegroup__title", children: titre }), children] }));
+}
+export function SideLink({ courant, num, className, children, ...reste }) {
+    return (_jsxs("a", { "aria-current": courant ? 'page' : undefined, className: cx('zv-sidelink', courant && 'zv-sidelink--on', className), ...reste, children: [num != null && _jsx("span", { className: "zv-sidelink__num", children: num }), children] }));
+}
+/* ─── Barre supérieure ─────────────────────────────────────────────── */
+/** Elle REMPLACE la colonne sous le point de rupture : masquée au-dessus,
+ *  elle n'apparaît que dans le bloc mobile du CSS. Ne pas la conditionner en
+ *  JavaScript — le rendu serveur ne connaît pas la largeur de l'écran. */
+export function Topbar({ className, ...reste }) {
+    return _jsx("header", { className: cx('zv-topbar', className), ...reste });
+}
+/** Le logo cède AVANT le nom : un logo client très large ne doit jamais
+ *  pousser la barre hors de l'écran. */
+export function TopbarLogo({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-topbar__logo', className), ...reste });
+}
+export function TopbarTitle({ className, ...reste }) {
+    return _jsx("span", { className: cx('zv-topbar__title', className), ...reste });
+}
+export function TopbarBurger({ className, type = 'button', ...reste }) {
+    return _jsx("button", { type: type, className: cx('zv-topbar__burger', className), ...reste });
+}
+/** Croix bordée du chrome — fermeture d'un tiroir, d'une feuille de source.
+ *  Angles vifs : le rayon signale l'action, le chrome n'en est pas une. */
+export function ChromeButton({ className, type = 'button', ...reste }) {
+    return _jsx("button", { type: type, className: cx('zv-chrome-btn', className), ...reste });
+}
+/** ⚠️ Le fil ENTIER est cliquable — c'est un seul nœud, pas une liste de
+ *  liens. Sans `href`, il se rend en `<span>` : un `<a>` sans cible reste
+ *  annoncé comme un lien et déçoit. */
+export function Crumbs({ segments, separateur = '/', href, className, ...reste }) {
+    const contenu = segments.map((seg, i) => (_jsxs("span", { children: [i > 0 && (_jsx("span", { className: "zv-crumbs__sep", "aria-hidden": "true", children: separateur })), _jsx("span", { className: i === segments.length - 1 ? 'zv-crumbs__seg' : undefined, children: seg })] }, i)));
+    const classe = cx('zv-crumbs', className);
+    if (!href) {
+        return _jsx("span", { className: classe, children: contenu });
+    }
+    return (_jsx("a", { href: href, className: classe, ...reste, children: contenu }));
+}
+/* ─── Menu déroulant ───────────────────────────────────────────────── */
+/** À poser dans un `SelectAnchor` (forms) : c'est l'enveloppe qui ancre le
+ *  menu, pas le déclencheur — l'ancrer sur le déclencheur casse sa largeur
+ *  maximale calculée sur la fenêtre. */
+export function Menu({ className, ...reste }) {
+    return _jsx("div", { role: "listbox", className: cx('zv-menu', className), ...reste });
+}
+export function MenuItem({ actif, className, type = 'button', ...reste }) {
+    return (_jsx("button", { type: type, role: "option", "aria-selected": actif ?? false, className: cx('zv-menu__item', actif && 'zv-menu__item--on', className), ...reste }));
+}
+/** ⚠️ Il n'existe AUCUNE classe d'onglet dans le CSS, et c'est délibéré : une
+ *  rangée d'onglets est une rangée de puces, avec la grammaire d'état de
+ *  `Seg`. Un onglet SOULIGNÉ reste à faire — il suppose d'arbitrer couleur et
+ *  épaisseur du trait actif, ce qu'aucune source ne donne. Ce composant
+ *  n'ajoute donc que l'ARIA, pas un style de plus. */
+export function Tabs({ onglets, actif, onChange, rail, panneau, className, }) {
+    return (_jsx(SegGroup, { role: "tablist", rail: rail, className: className, children: onglets.map((o) => (_jsx(Seg, { role: "tab", "aria-selected": o.id === actif, "aria-controls": panneau, on: o.id === actif, compte: o.compte, onClick: () => onChange(o.id), children: o.label }, o.id))) }));
+}
+export function Pager({ pied, className, ...reste }) {
+    return (_jsx("nav", { className: cx('zv-pager', pied && 'zv-pager--foot', className), ...reste }));
+}
+/** ⚠️ Une flèche désactivée reste ATTEIGNABLE au clavier (`aria-disabled` et
+ *  non `disabled`) : sinon elle disparaît du parcours sans être annoncée. */
+export function PagerArrow({ desactive, className, type = 'button', ...reste }) {
+    return (_jsx("button", { type: type, "aria-disabled": desactive || undefined, className: cx('zv-pager__arrow', className), ...reste }));
+}
+/** Le rang courant (« p. 12 / 31 »). Cliquable dans le relevé : il ouvre la
+ *  saisie directe d'un numéro. */
+export function PagerRank({ className, type = 'button', ...reste }) {
+    return _jsx("button", { type: type, className: cx('zv-pager__rank', className), ...reste });
+}
+/** « ‹ Précédent · Suivant › » du pied de tableau. */
+export function PagerStep({ className, type = 'button', ...reste }) {
+    return _jsx("button", { type: type, className: cx('zv-pager__step', className), ...reste });
+}
+export function CitePanel({ titre, actions, pied, className, children, ...reste }) {
+    return (_jsxs("div", { className: cx('zv-cite-panel', className), ...reste, children: [_jsxs("div", { className: "zv-cite-panel__head", children: [titre && _jsx("span", { className: "zv-cite-panel__title", children: titre }), actions] }), _jsx("div", { className: "zv-cite-panel__body", children: children }), pied && _jsx("div", { className: "zv-cite-panel__foot", children: pied })] }));
+}
+/** ⚠️ Porte `min-height: 0` ET `min-width: 0`. Sans les deux, un enfant flex
+ *  refuse de rétrécir sous son contenu : la zone déborde et c'est la PAGE qui
+ *  part en défilement horizontal. C'est la faute la plus fréquente de ce
+ *  gabarit. */
+export function Scroll({ habillee, className, ...reste }) {
+    return (_jsx("div", { className: cx('zv-scroll-y', habillee && 'zv-scrollbar', className), ...reste }));
+}
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../react/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/overlays.d.ts

@@ -0,0 +1,68 @@
+import type { HTMLAttributes, ReactNode, RefObject } from 'react';
+type Div = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+export interface UseOverlayOptions {
+    ouvert: boolean;
+    onClose: () => void;
+    /** Le nœud à piéger. Sans lui, pas de piège — mais Échap fonctionne quand
+     *  même. */
+    panneau?: RefObject<HTMLElement | null>;
+    /** Verrouille le défilement du document. Vrai pour une modale, vrai pour un
+     *  tiroir mobile ; faux pour ce qui ne recouvre pas la page. */
+    verrouille?: boolean;
+}
+/** Échap, piège de focus, restitution du focus, verrou de défilement.
+ *  Exporté : une app qui dessine son propre enrobage doit pouvoir reprendre
+ *  ce comportement sans recopier trente lignes qui se trompent une fois sur
+ *  deux. */
+export declare function useOverlay({ ouvert, onClose, panneau, verrouille }: UseOverlayOptions): void;
+/** Toujours l'encre de charte diluée, jamais un noir pur : la page est
+ *  bleutée, un gris neutre y ferait un trou sale. */
+export declare function Scrim({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface DrawerProps extends Omit<Div, 'title'> {
+    ouvert: boolean;
+    onClose: () => void;
+    /** Nom du dialogue — ce que le lecteur d'écran annonce à l'ouverture. */
+    label?: string;
+    /** Croix de fermeture posée en absolu par-dessus la tête du panneau. */
+    fermeture?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+/** ⚠️ Le tiroir n'existe QUE sous le point de rupture : au-dessus, la
+ *  navigation est une colonne et il n'y a rien à ouvrir. Le CSS s'en charge —
+ *  ne pas conditionner le rendu sur la largeur en JavaScript, le serveur ne
+ *  la connaît pas. */
+export declare function Drawer({ ouvert, onClose, label, fermeture, className, children, ...reste }: DrawerProps): import("react").JSX.Element;
+export interface ModalProps extends Omit<Div, 'title'> {
+    ouvert: boolean;
+    onClose: () => void;
+    titre?: ReactNode;
+    /** Actions de tête, à droite du titre (la croix, en général). */
+    actions?: ReactNode;
+    /** Pied d'actions. Il reste visible quand le corps défile — c'est tout
+     *  l'intérêt du plafond de hauteur. */
+    pied?: ReactNode;
+    /** Modale destructive : le filet HAUT porte l'avertissement, pas un fond
+     *  rouge — une surface d'alerte pleine rendrait le texte pénible à lire. */
+    danger?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function Modal({ ouvert, onClose, titre, actions, pied, danger, className, children, ...reste }: ModalProps): import("react").JSX.Element | null;
+/** Le conteneur ne capte RIEN : seules les notifications le font, sans quoi
+ *  une colonne invisible bloquerait les clics dans tout le coin de l'écran. */
+export declare function Toasts({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface ToastProps extends Div {
+    ton?: 'ok' | 'err';
+    className?: string;
+}
+/** ⚠️ Ne remplace PAS `Alert` : une erreur de formulaire se dit à côté du
+ *  champ, jamais dans un coin qui disparaît. Réserver ce composant à ce qui
+ *  est vrai APRÈS COUP — « copié », « enregistré », « envoyé ». */
+export declare function Toast({ ton, className, ...reste }: ToastProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=overlays.d.ts.map

package/dist/overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../react/overlays.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAK5D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB;gBACY;IACZ,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACvC;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;YAGY;AACZ,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAiB,EAAE,EAAE,iBAAiB,QAwD5F;AAID;qDACqD;AACrD,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE1E;AAID,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC;IACrD,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;sBAGsB;AACtB,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,OAAO,EACP,KAAoB,EACpB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BAqBb;AAID,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC;IACpD,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;2CACuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;gFAC4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,sCA+BZ;AAID;+EAC+E;AAC/E,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAS3E;AAED,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;mEAEmE;AACnE,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAE7D"}

package/dist/overlays.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Enrobages — voile, tiroir, modale, notification flottante.
+//
+// SEUL fichier du paquet marqué « use client », avec un hook. Tout ce qui vit
+// ici vole le regard à la page : il faut une touche Échap, un piège de focus
+// et un verrou de défilement, et rien de cela ne s'écrit en CSS.
+//
+// ⚠️ Ne PAS écrire `data-open={ouvert}` en React : cela rend `data-open="false"`,
+// que le sélecteur d'attribut du CSS considère comme PRÉSENT — le panneau
+// resterait ouvert. Ces composants emploient la classe `--open`, prévue pour ça.
+import { useCallback, useEffect, useRef } from 'react';
+import { cx } from './cx.js';
+const FOCUSABLES = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
+/** Échap, piège de focus, restitution du focus, verrou de défilement.
+ *  Exporté : une app qui dessine son propre enrobage doit pouvoir reprendre
+ *  ce comportement sans recopier trente lignes qui se trompent une fois sur
+ *  deux. */
+export function useOverlay({ ouvert, onClose, panneau, verrouille = true }) {
+    // Le nœud qui avait le focus AVANT l'ouverture : c'est à lui qu'il revient
+    // à la fermeture. Sans cela, le focus repart au début du document et un
+    // utilisateur au clavier perd sa place dans la page.
+    const origine = useRef(null);
+    useEffect(() => {
+        if (!ouvert)
+            return;
+        const cible = panneau?.current;
+        // ⚠️ Le document du PANNEAU, pas `document` : un enrobage peut vivre dans
+        // un autre document que celui du script (planche de composants rendue dans
+        // un iframe, fenêtre détachée). Écouter `document` y poserait la touche
+        // Échap sur la page hôte — elle fermerait la modale d'à côté et pas
+        // celle-ci. Sans panneau, on retombe sur le document courant.
+        const docu = cible?.ownerDocument ?? document;
+        origine.current = docu.activeElement;
+        // ⚠️ La valeur PRÉCÉDENTE est restaurée, pas remise à '' : une page qui
+        // gérait déjà son propre défilement serait cassée par un reset aveugle.
+        const overflowPrecedent = verrouille ? docu.body.style.overflow : null;
+        if (verrouille)
+            docu.body.style.overflow = 'hidden';
+        const premier = cible?.querySelector(FOCUSABLES);
+        premier?.focus();
+        function onKey(e) {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onClose();
+                return;
+            }
+            if (e.key !== 'Tab' || !cible)
+                return;
+            const noeuds = Array.from(cible.querySelectorAll(FOCUSABLES)).filter((n) => n.offsetParent !== null || n === docu.activeElement);
+            if (noeuds.length === 0)
+                return;
+            const debut = noeuds[0];
+            const fin = noeuds[noeuds.length - 1];
+            // Le cycle est refermé à la main : sans cela, Tab sort du panneau et
+            // l'utilisateur se retrouve à parcourir la page cachée derrière le voile.
+            if (e.shiftKey && docu.activeElement === debut) {
+                e.preventDefault();
+                fin.focus();
+            }
+            else if (!e.shiftKey && docu.activeElement === fin) {
+                e.preventDefault();
+                debut.focus();
+            }
+        }
+        docu.addEventListener('keydown', onKey);
+        return () => {
+            docu.removeEventListener('keydown', onKey);
+            if (overflowPrecedent !== null)
+                docu.body.style.overflow = overflowPrecedent;
+            origine.current?.focus?.();
+        };
+    }, [ouvert, onClose, panneau, verrouille]);
+}
+/* ─── Voile ────────────────────────────────────────────────────────── */
+/** Toujours l'encre de charte diluée, jamais un noir pur : la page est
+ *  bleutée, un gris neutre y ferait un trou sale. */
+export function Scrim({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-scrim', className), "aria-hidden": "true", ...reste });
+}
+/** ⚠️ Le tiroir n'existe QUE sous le point de rupture : au-dessus, la
+ *  navigation est une colonne et il n'y a rien à ouvrir. Le CSS s'en charge —
+ *  ne pas conditionner le rendu sur la largeur en JavaScript, le serveur ne
+ *  la connaît pas. */
+export function Drawer({ ouvert, onClose, label = 'Navigation', fermeture, className, children, ...reste }) {
+    const panneau = useRef(null);
+    useOverlay({ ouvert, onClose, panneau });
+    const fermer = useCallback(() => onClose(), [onClose]);
+    return (_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": label, "aria-hidden": !ouvert, className: cx('zv-drawer', ouvert && 'zv-drawer--open', className), ...reste, children: [_jsx("div", { className: "zv-scrim", onClick: fermer, "aria-hidden": "true" }), _jsxs("div", { className: "zv-drawer__panel", ref: panneau, children: [fermeture && _jsx("div", { className: "zv-drawer__close", children: fermeture }), children] })] }));
+}
+export function Modal({ ouvert, onClose, titre, actions, pied, danger, className, children, ...reste }) {
+    const panneau = useRef(null);
+    useOverlay({ ouvert, onClose, panneau });
+    const fermer = useCallback(() => onClose(), [onClose]);
+    // Une modale fermée n'est pas rendue du tout : contrairement au tiroir, elle
+    // n'a pas d'animation d'entrée à préserver, et son contenu (un formulaire,
+    // le plus souvent) ne doit pas rester dans le DOM à l'état fantôme.
+    if (!ouvert)
+        return null;
+    return (_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": typeof titre === 'string' ? titre : undefined, className: cx('zv-modal', 'zv-modal--open', danger && 'zv-modal--danger', className), ...reste, children: [_jsx("div", { className: "zv-scrim", onClick: fermer, "aria-hidden": "true" }), _jsxs("div", { className: "zv-modal__panel", ref: panneau, children: [(titre || actions) && (_jsxs("div", { className: "zv-modal__head", children: [titre && _jsx("h2", { className: "zv-modal__title", children: titre }), actions] })), _jsx("div", { className: "zv-modal__body", children: children }), pied && _jsx("div", { className: "zv-modal__foot", children: pied })] })] }));
+}
+/* ─── Notification flottante ───────────────────────────────────────── */
+/** Le conteneur ne capte RIEN : seules les notifications le font, sans quoi
+ *  une colonne invisible bloquerait les clics dans tout le coin de l'écran. */
+export function Toasts({ className, ...reste }) {
+    return (_jsx("div", { className: cx('zv-toasts', className), role: "region", "aria-live": "polite", ...reste }));
+}
+/** ⚠️ Ne remplace PAS `Alert` : une erreur de formulaire se dit à côté du
+ *  champ, jamais dans un coin qui disparaît. Réserver ce composant à ce qui
+ *  est vrai APRÈS COUP — « copié », « enregistré », « envoyé ». */
+export function Toast({ ton, className, ...reste }) {
+    return _jsx("div", { className: cx('zv-toast', ton && `zv-toast--${ton}`, className), ...reste });
+}
+//# sourceMappingURL=overlays.js.map

package/dist/overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.js","sourceRoot":"","sources":["../react/overlays.tsx"],"names":[],"mappings":"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"}

package/dist/surfaces.d.ts

@@ -0,0 +1,61 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type Div = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+/** Le violet et le cyan du spectre, très dilués. Ce n'est PAS un emploi du
+ *  spectre en aplat : c'est une lumière — elle ne compte pas dans les trois
+ *  emplois autorisés. */
+export declare function Halo({ place, className, ...reste }: Div & {
+    place: 'hero' | 'cta' | 'core';
+    className?: string;
+}): import("react").JSX.Element;
+export declare function GridFloor({ carte, className, ...reste }: Div & {
+    carte?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+/** Éteint le bas d'une scène pour que le texte qui la suit reste lisible.
+ *  `blanc` quand la page est blanche sous la scène. */
+export declare function Fade({ blanc, className, ...reste }: Div & {
+    blanc?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+export interface BandProps extends Div {
+    /** Glyphe en filigrane, très dilué, dans un coin. */
+    filigrane?: ReactNode;
+    /** Lueur d'accent derrière le contenu. */
+    lueur?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+/** LA surface sombre du système. ⚠️ Les surfaces sombres se font avec elle et
+ *  `--accent-on-dark`, JAMAIS en inversant les neutres : les contrastes ont
+ *  été réglés dans ce sens-là et pas dans l'autre. */
+export declare function Band({ filigrane, lueur, className, children, ...reste }: BandProps): import("react").JSX.Element;
+/** Panneau sombre plus petit qu'une bande : une carte, un encart. */
+export declare function PanelNavy({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+/** Repeint un texte pour une surface sombre. `Band` le fait déjà pour son
+ *  contenu courant — cette classe sert aux cas isolés. */
+export declare function TextOnDark({ className, ...reste }: Div & {
+    className?: string;
+}): import("react").JSX.Element;
+export interface GlyphProps extends Div {
+    /** `deep` accentue l'ombre portée, `watermark` dilue le glyphe jusqu'au
+     *  filigrane. */
+    variante?: 'deep' | 'watermark';
+    className?: string;
+    children?: ReactNode;
+}
+/** Enveloppe d'un logo de produit posé comme motif. Le glyphe lui-même est
+ *  une image du paquet (`@zevra/ui/logos/…`), pas un tracé du CSS. */
+export declare function Glyph({ variante, className, children, ...reste }: GlyphProps): import("react").JSX.Element;
+export type Animation = 'rise' | 'pop' | 'filet' | 'glyph-in' | 'converge' | 'breathe' | 'drift' | 'dot-active' | 'progress';
+/** Les neuf animations du paquet, nommées. ⚠️ Elles sont pilotées AU
+ *  DÉFILEMENT et réservées à la vitrine : le chrome applicatif n'anime rien.
+ *  `prefers-reduced-motion` les coupe toutes, globalement, depuis base.css.
+ *
+ *  `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6) ou
+ *  donne le coin d'arrivée (`converge` : tr, bl, br — le défaut vient du
+ *  haut-gauche). Passée à une autre animation, elle est ignorée. */
+export declare function anim(nom: Animation, option?: 2 | 3 | 4 | 5 | 6 | 'tr' | 'bl' | 'br'): string;
+export {};
+//# sourceMappingURL=surfaces.d.ts.map

package/dist/surfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAA;AAI5D;;yBAEyB;AACzB,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9D;AAID,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/C;AAID;uDACuD;AACvD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,GAAG,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ/C;AAID,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;sDAEsD;AACtD,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAYlF;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE9E;AAED;0DAC0D;AAC1D,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAE/E;AAID,MAAM,WAAW,UAAW,SAAQ,GAAG;IACrC;qBACiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;sEACsE;AACtE,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAU5E;AAID,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,CAAA;AAEd;;;;;;oEAMoE;AACpE,wBAAgB,IAAI,CAClB,GAAG,EAAE,SAAS,EACd,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAC9C,MAAM,CAKR"}

package/dist/surfaces.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './cx.js';
+/* ─── Halo ambiant ─────────────────────────────────────────────────── */
+/** Le violet et le cyan du spectre, très dilués. Ce n'est PAS un emploi du
+ *  spectre en aplat : c'est une lumière — elle ne compte pas dans les trois
+ *  emplois autorisés. */
+export function Halo({ place, className, ...reste }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cx('zv-halo', `zv-halo--${place}`, className), ...reste }));
+}
+/* ─── Sol quadrillé ────────────────────────────────────────────────── */
+export function GridFloor({ carte, className, ...reste }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cx('zv-grid-floor', carte && 'zv-grid-floor--card', className), ...reste }));
+}
+/* ─── Voile de fondu ───────────────────────────────────────────────── */
+/** Éteint le bas d'une scène pour que le texte qui la suit reste lisible.
+ *  `blanc` quand la page est blanche sous la scène. */
+export function Fade({ blanc, className, ...reste }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cx('zv-fade', blanc && 'zv-fade--white', className), ...reste }));
+}
+/** LA surface sombre du système. ⚠️ Les surfaces sombres se font avec elle et
+ *  `--accent-on-dark`, JAMAIS en inversant les neutres : les contrastes ont
+ *  été réglés dans ce sens-là et pas dans l'autre. */
+export function Band({ filigrane, lueur, className, children, ...reste }) {
+    return (_jsxs("section", { className: cx('zv-band', className), ...reste, children: [lueur && _jsx("div", { className: "zv-band__glow", "aria-hidden": "true" }), filigrane && (_jsx("div", { className: "zv-band__watermark", "aria-hidden": "true", children: filigrane })), _jsx("div", { className: "zv-band__content", children: children })] }));
+}
+/** Panneau sombre plus petit qu'une bande : une carte, un encart. */
+export function PanelNavy({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-panel-navy', className), ...reste });
+}
+/** Repeint un texte pour une surface sombre. `Band` le fait déjà pour son
+ *  contenu courant — cette classe sert aux cas isolés. */
+export function TextOnDark({ className, ...reste }) {
+    return _jsx("div", { className: cx('zv-text-on-dark', className), ...reste });
+}
+/** Enveloppe d'un logo de produit posé comme motif. Le glyphe lui-même est
+ *  une image du paquet (`@zevra/ui/logos/…`), pas un tracé du CSS. */
+export function Glyph({ variante, className, children, ...reste }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cx('zv-glyph', variante && `zv-glyph--${variante}`, className), ...reste, children: children }));
+}
+/** Les neuf animations du paquet, nommées. ⚠️ Elles sont pilotées AU
+ *  DÉFILEMENT et réservées à la vitrine : le chrome applicatif n'anime rien.
+ *  `prefers-reduced-motion` les coupe toutes, globalement, depuis base.css.
+ *
+ *  `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6) ou
+ *  donne le coin d'arrivée (`converge` : tr, bl, br — le défaut vient du
+ *  haut-gauche). Passée à une autre animation, elle est ignorée. */
+export function anim(nom, option) {
+    if (nom === 'pop' && typeof option === 'number')
+        return `zv-anim-pop zv-anim-pop--${option}`;
+    if (nom === 'converge' && typeof option === 'string')
+        return `zv-anim-converge zv-anim-converge--${option}`;
+    return `zv-anim-${nom}`;
+}
+//# sourceMappingURL=surfaces.js.map

package/dist/surfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.js","sourceRoot":"","sources":["../react/surfaces.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B,0EAA0E;AAE1E;;yBAEyB;AACzB,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACqD;IAC7D,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,KAAK,EAAE,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,qBAAqB,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,0EAA0E;AAE1E;uDACuD;AACvD,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,gBAAgB,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAaD;;sDAEsD;AACtD,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACjF,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,aACpD,KAAK,IAAI,cAAK,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,EAC7D,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,oBAAoB,iBAAa,MAAM,YACnD,SAAS,GACN,CACP,EACD,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC1C,CACX,CAAA;AACH,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC7E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACtE,CAAC;AAED;0DAC0D;AAC1D,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC9E,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACxE,CAAC;AAYD;sEACsE;AACtE,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC3E,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,IAAI,aAAa,QAAQ,EAAE,EAAE,SAAS,CAAC,KACrE,KAAK,YAER,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAeD;;;;;;oEAMoE;AACpE,MAAM,UAAU,IAAI,CAClB,GAAc,EACd,MAA+C;IAE/C,IAAI,GAAG,KAAK,KAAK,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,4BAA4B,MAAM,EAAE,CAAA;IAC5F,IAAI,GAAG,KAAK,UAAU,IAAI,OAAO,MAAM,KAAK,QAAQ;QAClD,OAAO,sCAAsC,MAAM,EAAE,CAAA;IACvD,OAAO,WAAW,GAAG,EAAE,CAAA;AACzB,CAAC"}