@nomosui/react 0.4.1 → 0.5.1

package/dist/index.js

@@ -2,14 +2,20 @@ import { Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, Circl
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { Fragment as Fragment$1, createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { columnFilteringFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, flexRender, globalFilteringFeature, rowPaginationFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_basic, sortFn_datetime, sortFn_text, tableFeatures, useTable } from "@tanstack/react-table";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
@@ -182,6 +188,585 @@ var alertManifest = {
 	}]
 };
 //#endregion
+//#region src/components/button/button.tsx
+/**
+* Le bouton du cœur. La config des variantes est exportée à côté de `buttonVariants`,
+* comme celle du Badge : le catalogue la lit pour vérifier que le manifeste ne dérive
+* pas des props réelles (ADR 0005).
+*/
+var buttonVariantsConfig = {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-10 px-4 py-2",
+			sm: "h-9 rounded-md px-3",
+			lg: "h-11 rounded-md px-8",
+			icon: "h-10 w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+};
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", buttonVariantsConfig);
+function Button({ className, variant, size, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.tsx
+/**
+* La modale de confirmation : une décision bloquante — confirmer une action destructive —
+* posée sur un voile, avec deux issues (agir, annuler). Présentée en parts importables
+* séparément ; aucun libellé n'est propre au cœur. Le voile et l'empilement viennent des
+* tokens (ADR 0027).
+*/
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+	className: cn("fixed inset-0 z-overlay bg-scrim data-[state=open]:animate-overlay-in data-[state=closed]:animate-overlay-out", className),
+	...props,
+	ref
+}));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+	ref,
+	className: cn("fixed left-1/2 top-1/2 z-overlay flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-lg border bg-background p-6 text-foreground shadow-lg data-[state=open]:animate-content-in data-[state=closed]:animate-content-out", className),
+	...props
+})] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-1.5", className),
+	...props
+});
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+	...props
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+	ref,
+	className: cn("text-lg font-semibold", className),
+	...props
+}));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+	ref,
+	className: cn(buttonVariants(), className),
+	...props
+}));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+	ref,
+	className: cn(buttonVariants({ variant: "outline" }), className),
+	...props
+}));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+//#endregion
+//#region src/components/alert-dialog/manifest.ts
+/**
+* Le manifeste de la modale de confirmation (ADR 0005). Le catalogue enregistre la racine
+* `AlertDialog` ; les parts se composent dans l'exemple. Le voile et l'empilement lisent
+* les tokens (ADR 0027).
+*/
+var alertDialogManifest = {
+	name: "alert-dialog",
+	title: "AlertDialog",
+	summary: "Une modale de confirmation bloquante : un titre, une description, et deux issues — agir ou annuler. Livrée en parts importables séparément ; tous les libellés viennent de l’app.",
+	level: "bloc",
+	example: {
+		open: true,
+		children: createElement(Fragment$1, null, createElement(AlertDialogTrigger, { className: buttonVariants({ variant: "outline" }) }, "Supprimer"), createElement(AlertDialogContent, null, createElement(AlertDialogHeader, null, createElement(AlertDialogTitle, null, "Supprimer ?"), createElement(AlertDialogDescription, null, "Cette action est définitive.")), createElement(AlertDialogFooter, null, createElement(AlertDialogCancel, null, "Annuler"), createElement(AlertDialogAction, null, "Supprimer"))))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts : un déclencheur, une surface, un en-tête, un pied."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		}
+	],
+	usages: [{
+		when: "confirmer une action destructive ou irréversible",
+		use: "<AlertDialog><AlertDialogTrigger>…</AlertDialogTrigger><AlertDialogContent>…</AlertDialogContent></AlertDialog>",
+		avoid: "un `Dialog` pour une décision bloquante : l’`AlertDialog` ne se ferme pas au clic hors surface"
+	}, {
+		when: "deux issues explicites",
+		use: "un `AlertDialogCancel` (annuler) et un `AlertDialogAction` (agir) dans le pied",
+		avoid: "un seul bouton : une confirmation sans issue neutre piège l’utilisateur"
+	}]
+};
+//#endregion
+//#region src/components/avatar/avatar.tsx
+/**
+* L'avatar : une image ronde, avec un repli quand elle manque ou échoue. Le natif suffit
+* (`<img>` + `onError`) — aucune dépendance, pas de Radix (ADR 0002, 0019). Le repli et
+* le texte alternatif viennent de l'app.
+*/
+function Avatar({ src, alt, fallback, className }) {
+	const [failed, setFailed] = useState(false);
+	const showImage = Boolean(src) && !failed;
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex size-10 shrink-0 overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground", className),
+		children: showImage ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			onError: () => setFailed(true),
+			className: "aspect-square size-full object-cover"
+		}) : /* @__PURE__ */ jsx("span", {
+			role: "img",
+			"aria-label": alt,
+			className: "flex size-full items-center justify-center",
+			children: fallback
+		})
+	});
+}
+//#endregion
+//#region src/components/avatar/manifest.ts
+/**
+* Le manifeste de l'avatar (ADR 0005). Natif `<img>` + repli — **aucune dépendance**
+* (ADR 0002, 0019) : le repli et le texte alternatif viennent de l'app.
+*/
+var avatarManifest = {
+	name: "avatar",
+	title: "Avatar",
+	summary: "Une image ronde avec un repli quand elle manque ou échoue. Pas de dépendance : le natif `<img>` et son `onError` suffisent ; le repli et le texte alternatif viennent de l’app.",
+	level: "primitive",
+	example: {
+		alt: "Photo de profil",
+		fallback: "PT"
+	},
+	variants: [],
+	props: [
+		{
+			name: "src",
+			type: "string",
+			required: false,
+			check: "attribute",
+			description: "L’URL de l’image ; absente, le repli s’affiche directement."
+		},
+		{
+			name: "alt",
+			type: "string",
+			required: true,
+			check: "accepted",
+			description: "Le texte alternatif : il nomme la personne (fourni par l’app)."
+		},
+		{
+			name: "fallback",
+			type: "ReactNode",
+			required: true,
+			check: "rendered",
+			description: "Le repli quand il n’y a pas d’image, ou qu’elle échoue : des initiales, une icône."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l’appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [{
+		when: "représenter une personne ou une entité par son image",
+		use: "un `src` et un `fallback` (initiales) fourni par l’app",
+		avoid: "attendre une image qui peut échouer : toujours un `fallback`"
+	}, {
+		when: "une image décorative sans personne derrière",
+		use: "une simple `<img>` de l’app",
+		avoid: "un `Avatar` sans `alt` : il nomme une personne, il ne décore pas"
+	}]
+};
+//#endregion
+//#region src/components/scroll-area/scroll-area.tsx
+/**
+* La zone défilante : une surface bornée dont le contenu plus grand défile, avec une
+* barre stylée. Purement cosmétique — le cœur ne fait que la parer ; le défilement natif
+* reste. Présentée en parts importables séparément.
+*/
+var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+	ref,
+	className: cn("relative overflow-hidden", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+			className: "h-full w-full rounded-[inherit]",
+			children
+		}),
+		/* @__PURE__ */ jsx(ScrollBar, {}),
+		/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+	]
+}));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+	ref,
+	orientation,
+	className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+}));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+//#endregion
+//#region src/components/scroll-area/manifest.ts
+/**
+* Le manifeste de la zone défilante (ADR 0005). Purement cosmétique : le défilement reste
+* natif, le cœur ne le remplace pas.
+*/
+var scrollAreaManifest = {
+	name: "scroll-area",
+	title: "ScrollArea",
+	summary: "Une surface bornée dont le contenu plus grand défile, avec une barre stylée. Cosmétique — le défilement reste natif ; le contenu vient de l’app.",
+	level: "primitive",
+	example: {
+		className: "h-24 w-48 rounded-md border",
+		children: "Un contenu plus grand que la surface."
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Le contenu qui défile."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l’appelant, fusionnées après celles du cœur (ici la hauteur et la largeur)."
+		},
+		{
+			name: "type",
+			type: "'auto' | 'always' | 'scroll' | 'hover'",
+			required: false,
+			check: "accepted",
+			description: "Quand la barre apparaît. Défaut `hover`."
+		}
+	],
+	usages: [{
+		when: "borner une sous-vue dense (journal, liste de fichiers) dans une hauteur fixe",
+		use: "<ScrollArea className=\"h-64\">…</ScrollArea>",
+		avoid: "une `ScrollArea` qui prend toute la page : le défilement est celui du document"
+	}]
+};
+//#endregion
+//#region src/components/tabs/tabs.tsx
+/**
+* Les onglets : une barre de déclencheurs et les panneaux de contenu correspondants, un
+* seul visible à la fois. Présentés en parts importables séparément ; aucun libellé n'est
+* propre au cœur.
+*/
+var Tabs = TabsPrimitive.Root;
+var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.List, {
+	ref,
+	className: cn("inline-flex h-10 items-center justify-center gap-1 rounded-md bg-muted p-1 text-muted-foreground", className),
+	...props
+}));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+	ref,
+	className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className),
+	...props
+}));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+	ref,
+	className: cn("mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+	...props
+}));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+//#endregion
+//#region src/components/tabs/manifest.ts
+/**
+* Le manifeste des onglets (ADR 0005). Le catalogue enregistre la racine `Tabs` ; les
+* parts se composent dans l'exemple. Aucun libellé n'est propre au cœur.
+*/
+var tabsManifest = {
+	name: "tabs",
+	title: "Tabs",
+	summary: "Une barre de déclencheurs et les panneaux correspondants, un seul visible à la fois. Livré en parts importables séparément ; les libellés et le contenu viennent de l’app.",
+	level: "primitive",
+	example: {
+		defaultValue: "a",
+		children: createElement(Fragment$1, null, createElement(TabsList, null, createElement(TabsTrigger, { value: "a" }, "Onglet A"), createElement(TabsTrigger, { value: "b" }, "Onglet B")), createElement(TabsContent, { value: "a" }, "Le panneau A."), createElement(TabsContent, { value: "b" }, "Le panneau B."))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts : une barre (`TabsList`), des déclencheurs, des panneaux."
+		},
+		{
+			name: "defaultValue",
+			type: "string",
+			required: true,
+			check: "accepted",
+			description: "L’onglet actif au départ, quand l’app ne contrôle pas l’état."
+		},
+		{
+			name: "value",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "L’onglet actif, contrôlé par l’app."
+		},
+		{
+			name: "onValueChange",
+			type: "(value: string) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur change d’onglet."
+		},
+		{
+			name: "orientation",
+			type: "'horizontal' | 'vertical'",
+			required: false,
+			check: "accepted",
+			description: "L’axe de la barre, qui décide des flèches du clavier. Défaut horizontal."
+		}
+	],
+	usages: [{
+		when: "basculer entre des vues sœurs sans quitter la page",
+		use: "<Tabs defaultValue=\"…\"><TabsList><TabsTrigger value=\"…\">…</TabsTrigger></TabsList><TabsContent value=\"…\">…</TabsContent></Tabs>",
+		avoid: "des onglets pour une navigation : ce sont des vues sœurs, pas des routes"
+	}]
+};
+//#endregion
+//#region src/components/accordion/accordion.tsx
+/**
+* L'accordéon : une pile de sections qu'on ouvre une à une (ou plusieurs), chacune avec
+* son déclencheur et sa zone de contenu. Présenté en parts importables séparément ;
+* aucun libellé n'est propre au cœur. Le repli de hauteur lit le mouvement tokenisé
+* (ADR 0027).
+*/
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+	ref,
+	className: cn("border-b", className),
+	...props
+}));
+AccordionItem.displayName = "AccordionItem";
+var AccordionHeader = AccordionPrimitive.Header;
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+		ref,
+		className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-[var(--nomos-motion-duration-fast)]" })]
+	})
+}));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+	ref,
+	className: cn("overflow-hidden text-sm data-[state=closed]:animate-collapse-up data-[state=open]:animate-collapse-down [--nomos-collapse-height:var(--radix-accordion-content-height)]", className),
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "pb-4 pt-0",
+		children
+	})
+}));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+//#endregion
+//#region src/components/accordion/manifest.ts
+/**
+* Le manifeste de l'accordéon (ADR 0005). Le catalogue enregistre la racine `Accordion` ;
+* les parts se composent dans l'exemple. `type` (single/multiple) est une variante
+* documentée ; le repli de hauteur lit le mouvement tokenisé (ADR 0027).
+*/
+var accordionManifest = {
+	name: "accordion",
+	title: "Accordion",
+	summary: "Une pile de sections repliables, ouvertes une à une (ou plusieurs). Livré en parts importables séparément ; les libellés et le contenu viennent de l’app.",
+	level: "primitive",
+	example: {
+		type: "single",
+		defaultValue: "a",
+		children: createElement(Fragment$1, null, createElement(AccordionItem, { value: "a" }, createElement(AccordionTrigger, null, "Section A"), createElement(AccordionContent, null, "Le contenu de la section A.")), createElement(AccordionItem, { value: "b" }, createElement(AccordionTrigger, null, "Section B"), createElement(AccordionContent, null, "Le contenu de la section B.")))
+	},
+	variants: [{
+		name: "type",
+		values: ["single", "multiple"],
+		default: "single",
+		description: "Combien de sections peuvent être ouvertes — `single` pour une à la fois, `multiple` pour plusieurs."
+	}],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les sections : des `AccordionItem` avec leur déclencheur et leur contenu."
+		},
+		{
+			name: "defaultValue",
+			type: "string | string[]",
+			required: false,
+			check: "accepted",
+			description: "La ou les sections ouvertes au départ, quand l’app ne contrôle pas l’état."
+		},
+		{
+			name: "value",
+			type: "string | string[]",
+			required: false,
+			check: "accepted",
+			description: "La ou les sections ouvertes, contrôlées par l’app."
+		},
+		{
+			name: "onValueChange",
+			type: "(value: string | string[]) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur ouvre ou ferme une section."
+		},
+		{
+			name: "collapsible",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "En `type=\"single\"`, permet de refermer la section ouverte."
+		}
+	],
+	usages: [{
+		when: "des sections repliables dont une seule est ouverte à la fois",
+		use: "<Accordion type=\"single\"><AccordionItem value=\"…\">…</AccordionItem></Accordion>",
+		avoid: "un `Accordion` pour un seul repli : c’est un `Collapsible`"
+	}, {
+		when: "comparer plusieurs sections ouvertes",
+		use: "type=\"multiple\"",
+		avoid: "ouvrir tout par défaut : l’accordéon sert à réduire la hauteur"
+	}]
+};
+//#endregion
+//#region src/components/collapsible/collapsible.tsx
+/**
+* Le repli : un déclencheur et une zone de contenu qu'on ouvre et referme. Présenté en
+* parts importables séparément ; aucun libellé n'est propre au cœur. Le repli de hauteur
+* lit le mouvement tokenisé (ADR 0027).
+*/
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+var CollapsibleContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(CollapsiblePrimitive.Content, {
+	ref,
+	className: cn("overflow-hidden data-[state=closed]:animate-collapse-up data-[state=open]:animate-collapse-down [--nomos-collapse-height:var(--radix-collapsible-content-height)]", className),
+	...props
+}));
+CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;
+//#endregion
+//#region src/components/collapsible/manifest.ts
+/**
+* Le manifeste du repli (ADR 0005). Le catalogue enregistre la racine `Collapsible` ; les
+* parts se composent dans l'exemple. Le repli de hauteur lit le mouvement tokenisé
+* (ADR 0027).
+*/
+var collapsibleManifest = {
+	name: "collapsible",
+	title: "Collapsible",
+	summary: "Une zone de contenu qu’on ouvre et referme derrière un déclencheur. Livré en parts importables séparément ; le libellé du déclencheur et le contenu viennent de l’app.",
+	level: "primitive",
+	example: {
+		defaultOpen: true,
+		children: createElement(Fragment$1, null, createElement(CollapsibleTrigger, { className: buttonVariants({ variant: "ghost" }) }, "Détails"), createElement(CollapsibleContent, null, "Le contenu replié."))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts du repli : un déclencheur, une zone de contenu."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "disabled",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Désactive le repli : ni ouverture, ni fermeture."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		}
+	],
+	usages: [{
+		when: "révéler un détail à la demande sous un déclencheur",
+		use: "<Collapsible><CollapsibleTrigger>…</CollapsibleTrigger><CollapsibleContent>…</CollapsibleContent></Collapsible>",
+		avoid: "un `Collapsible` pour des sections mutuellement exclusives : c’est un `Accordion`"
+	}, {
+		when: "un filtre secondaire dans une barre dense",
+		use: "un `Collapsible` discret, fermé par défaut",
+		avoid: "ouvrir par défaut un contenu secondaire : il pousse le reste de la vue"
+	}]
+};
+//#endregion
 //#region src/components/badge/badge.tsx
 /**
 * La config des variantes est exportée à côté de `badgeVariants` : le catalogue la lit
@@ -262,50 +847,10 @@ var badgeManifest = {
 		{
 			when: "une information à qualifier sans crier (compte, catégorie)",
 			use: "variant=\"outline\"",
-			avoid: "variant=\"destructive\" pour qualifier sans urgence : le ton doit dire la gravité réelle"
-		}
-	]
-};
-//#endregion
-//#region src/components/button/button.tsx
-/**
-* Le bouton du cœur. La config des variantes est exportée à côté de `buttonVariants`,
-* comme celle du Badge : le catalogue la lit pour vérifier que le manifeste ne dérive
-* pas des props réelles (ADR 0005).
-*/
-var buttonVariantsConfig = {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			default: "h-10 px-4 py-2",
-			sm: "h-9 rounded-md px-3",
-			lg: "h-11 rounded-md px-8",
-			icon: "h-10 w-10"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
+			avoid: "variant=\"destructive\" pour qualifier sans urgence : le ton doit dire la gravité réelle"
+		}
+	]
 };
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", buttonVariantsConfig);
-function Button({ className, variant, size, asChild = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		className: cn(buttonVariants({
-			variant,
-			size,
-			className
-		})),
-		...props
-	});
-}
 //#endregion
 //#region src/components/button/manifest.ts
 /**
@@ -468,6 +1013,312 @@ var cardManifest = {
 	}]
 };
 //#endregion
+//#region src/components/dialog/dialog.tsx
+function Dialog({ trigger, title, description, body, footer, closeLabel, open, defaultOpen, onOpenChange, className }) {
+	return /* @__PURE__ */ jsxs(DialogPrimitive.Root, {
+		open,
+		defaultOpen,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+			className: cn(buttonVariants({ variant: "outline" })),
+			children: trigger
+		}), /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-overlay bg-scrim data-[state=open]:animate-overlay-in data-[state=closed]:animate-overlay-out" }), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			className: cn("fixed left-1/2 top-1/2 z-overlay flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-lg border bg-background p-6 text-foreground shadow-lg data-[state=open]:animate-content-in data-[state=closed]:animate-content-out", className),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+						className: "text-lg font-semibold",
+						children: title
+					}), description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+						className: "text-sm text-muted-foreground",
+						children: description
+					}) : null]
+				}),
+				body ? /* @__PURE__ */ jsx("div", {
+					className: "text-sm",
+					children: body
+				}) : null,
+				footer ? /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+					children: footer
+				}) : null,
+				/* @__PURE__ */ jsx(DialogPrimitive.Close, {
+					"aria-label": closeLabel,
+					className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+					children: /* @__PURE__ */ jsx(X, {
+						className: "size-4",
+						"aria-hidden": true
+					})
+				})
+			]
+		})] })]
+	});
+}
+//#endregion
+//#region src/components/dialog/manifest.ts
+/**
+* Le manifeste de la modale (ADR 0005, 0019). Le cœur fournit la structure et la couche
+* flottante issue des tokens (ADR 0027) ; tous les textes — déclencheur, fermeture,
+* actions — viennent de l'app.
+*/
+var dialogManifest = {
+	name: "dialog",
+	title: "Dialog",
+	summary: "Une modale centrée sur un voile : un déclencheur, un titre, une description, un corps et un pied. L’empilement, le voile et le mouvement viennent des tokens ; aucun texte n’est propre au cœur.",
+	level: "bloc",
+	example: {
+		trigger: "Ouvrir",
+		title: "Confirmer",
+		description: "Une action difficile à défaire.",
+		body: "Le contenu de la modale.",
+		footer: "Actions",
+		closeLabel: "Fermer",
+		open: true
+	},
+	variants: [],
+	props: [
+		{
+			name: "trigger",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Le contenu du déclencheur : un mot ou un court libellé, jamais une phrase."
+		},
+		{
+			name: "title",
+			type: "string",
+			required: true,
+			check: "accepted",
+			description: "Le titre de la modale ; il nomme l’action ou la décision."
+		},
+		{
+			name: "description",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Un sous-titre sous le titre, pour expliquer sans alourdir le corps."
+		},
+		{
+			name: "body",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Le corps de la modale : le contenu à lire ou à décider."
+		},
+		{
+			name: "footer",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Les actions, alignées à droite sur grand écran."
+		},
+		{
+			name: "closeLabel",
+			type: "string",
+			required: true,
+			check: "accepted",
+			description: "Le libellé accessible du bouton de fermeture (le cœur n’a pas d’i18n)."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l’appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [
+		{
+			when: "demander une décision ou une saisie dans une surface centrée qui bloque la vue",
+			use: "<Dialog trigger=\"Supprimer\" title=\"Supprimer ?\" closeLabel=\"Fermer\">…</Dialog>",
+			avoid: "un `Dialog` pour une information non bloquante : un `Alert` suffit"
+		},
+		{
+			when: "contrôler l’ouverture depuis l’app (état, navigation)",
+			use: "`open` + `onOpenChange`",
+			avoid: "mélanger `open` et `defaultOpen` : l’un est contrôlé, l’autre non"
+		},
+		{
+			when: "une action destructive dans le pied",
+			use: "un `Button` `variant=\"destructive\"` dans `footer`",
+			avoid: "un texte d’action écrit par le cœur : les libellés viennent de l’app"
+		}
+	]
+};
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+/**
+* Le menu flottant : un déclencheur et une surface d'items (simples, à cocher, radio, ou
+* un sous-menu). Présenté en parts importables séparément ; aucun libellé n'est propre au
+* cœur. La couche flottante (empilement, mouvement) vient des tokens (ADR 0027).
+*/
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn("z-popover min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-content-in data-[state=closed]:animate-content-out origin-[--radix-dropdown-menu-content-transform-origin]", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("z-popover max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-content-in data-[state=closed]:animate-content-out origin-[--radix-dropdown-menu-content-transform-origin]", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+//#endregion
+//#region src/components/dropdown-menu/manifest.ts
+/**
+* Le manifeste du menu flottant (ADR 0005). Le catalogue enregistre la racine
+* `DropdownMenu` ; les parts se composent dans l'exemple. Le menu flottant lit le
+* `z-index` tokenisé (ADR 0027), jamais une valeur d’empilement en dur.
+*/
+var dropdownMenuManifest = {
+	name: "dropdown-menu",
+	title: "DropdownMenu",
+	summary: "Un menu flottant ouvert par un déclencheur : des items simples, à cocher, radio, ou un sous-menu, séparés par des traits. Livré en parts importables séparément ; l’app fournit les libellés et les actions.",
+	level: "primitive",
+	example: {
+		open: true,
+		children: createElement(Fragment$1, null, createElement(DropdownMenuTrigger, { className: buttonVariants({ variant: "outline" }) }, "Actions"), createElement(DropdownMenuContent, { align: "start" }, createElement(DropdownMenuLabel, null, "Colonnes"), createElement(DropdownMenuItem, null, "Nom"), createElement(DropdownMenuItem, null, "Statut"), createElement(DropdownMenuSeparator, null), createElement(DropdownMenuItem, null, "Réinitialiser")))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts du menu : un déclencheur, une surface, des items."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "modal",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Blocage du reste de la page et piégeage du focus. Défaut `true` (menu modal)."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		}
+	],
+	usages: [
+		{
+			when: "regrouper des actions derrière un déclencheur compact",
+			use: "<DropdownMenu><DropdownMenuTrigger>…</DropdownMenuTrigger><DropdownMenuContent>…</DropdownMenuContent></DropdownMenu>",
+			avoid: "un `DropdownMenu` pour choisir une valeur de formulaire : c’est un `Select`"
+		},
+		{
+			when: "des options qui se cochent indépendamment",
+			use: "des `DropdownMenuCheckboxItem` dans un `DropdownMenuContent`",
+			avoid: "un `DropdownMenuItem` qui garde l’état : l’item ne le porte pas, l’app si"
+		},
+		{
+			when: "un choix unique parmi quelques options",
+			use: "un `DropdownMenuRadioGroup` de `DropdownMenuRadioItem`",
+			avoid: "mélanger items simples et radios dans le même groupe sans les séparer"
+		}
+	]
+};
+//#endregion
 //#region src/components/empty-state/empty-state.tsx
 function EmptyState({ icon, title, description, detail, action, wrap = true, className }) {
 	return /* @__PURE__ */ jsxs(Card, {
@@ -911,6 +1762,96 @@ var numberFieldManifest = {
 	}]
 };
 //#endregion
+//#region src/components/popover/popover.tsx
+/**
+* La bulle contextuelle : un déclencheur et une surface flottante de contenu riche,
+* ouverte au clic. Présentée en parts importables séparément ; aucun contenu n'est propre
+* au cœur. La couche flottante (empilement, mouvement) vient des tokens (ADR 0027).
+*/
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+	ref,
+	align,
+	sideOffset,
+	className: cn("z-popover w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-content-in data-[state=closed]:animate-content-out", className),
+	...props
+}) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+//#endregion
+//#region src/components/popover/manifest.ts
+/**
+* Le manifeste de la bulle contextuelle (ADR 0005). Le catalogue enregistre la racine
+* `Popover` ; les parts se composent dans l'exemple. La surface flottante lit le
+* `z-index` tokenisé (ADR 0027), jamais une valeur d’empilement en dur.
+*/
+var popoverManifest = {
+	name: "popover",
+	title: "Popover",
+	summary: "Une surface flottante de contenu riche, ouverte au clic d’un déclencheur. Livrée en parts importables séparément ; le contenu et ses libellés viennent de l’app.",
+	level: "primitive",
+	example: {
+		open: true,
+		children: createElement(Fragment$1, null, createElement(PopoverTrigger, { className: buttonVariants({ variant: "outline" }) }, "Filtres"), createElement(PopoverContent, { align: "start" }, "Le contenu de la bulle."))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts de la bulle : un déclencheur, une surface, un ancrage."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "modal",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Blocage du reste de la page et piégeage du focus. Défaut `false` (bulle non modale)."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		}
+	],
+	usages: [
+		{
+			when: "un contenu riche ou interactif dans une surface flottante au clic",
+			use: "<Popover><PopoverTrigger>…</PopoverTrigger><PopoverContent>…</PopoverContent></Popover>",
+			avoid: "un `Popover` pour un texte court au survol : c’est une `Tooltip`"
+		},
+		{
+			when: "ancrer la surface sur un autre élément que le déclencheur",
+			use: "un `PopoverAnchor` autour de la cible",
+			avoid: "déplacer la surface par des marges : l’ancrage est le rôle de l’`Anchor`"
+		},
+		{
+			when: "regrouper des actions plutôt qu’un contenu",
+			use: "des `DropdownMenuItem` dans un `PopoverContent`, ou un `DropdownMenu`",
+			avoid: "un `Popover` pour choisir une valeur de formulaire : c’est un `Select`"
+		}
+	]
+};
+//#endregion
 //#region src/components/search-field/search-field.tsx
 function SearchField({ value, onChange, clearLabel, placeholder, className }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -1246,76 +2187,6 @@ var formManifest = {
 	}]
 };
 //#endregion
-//#region src/internal/dropdown-menu.tsx
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-	ref,
-	className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props,
-	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })]
-}));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-	ref,
-	className: cn("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
-	...props
-}));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-	ref,
-	sideOffset,
-	className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
-	...props
-}) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	checked,
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
-	}), children]
-}));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-	ref,
-	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
-	}), children]
-}));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-	ref,
-	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-	ref,
-	className: cn("-mx-1 my-1 h-px bg-muted", className),
-	...props
-}));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-		...props
-	});
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-//#endregion
 //#region src/components/facet-filter/facet-filter.tsx
 function FacetFilter({ label, options, selected, onChange, clearLabel, className }) {
 	const toggle = (value) => {
@@ -1671,7 +2542,12 @@ var dataTableToolbarManifest = {
 	}]
 };
 //#endregion
-//#region src/internal/select.tsx
+//#region src/components/select/select.tsx
+/**
+* Le sélecteur : un déclencheur et une liste flottante d'options, à choisir unique. Les
+* libellés viennent de l'app (aucun texte propre au cœur). Présenté en parts importables
+* séparément ; la couche flottante (empilement, mouvement) vient des tokens (ADR 0027).
+*/
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -1701,7 +2577,7 @@ var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =>
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
 	ref,
-	className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+	className: cn("relative z-popover max-h-[--radix-select-content-available-height] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-content-in data-[state=closed]:animate-content-out origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
 	position,
 	...props,
 	children: [
@@ -1975,29 +2851,42 @@ var dataTableFeatures = tableFeatures({
 	}
 });
 //#endregion
-//#region src/internal/sheet.tsx
-var Sheet = SheetPrimitive.Root;
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
-	className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+//#region src/components/sheet/sheet.tsx
+/**
+* Le panneau latéral : un déclencheur, un voile et une surface ancrée à un bord. Les
+* quatre côtés vivent dans la variante `side` — `side="bottom"` est le **drawer**. La
+* couche flottante (empilement, voile, mouvement) vient des tokens (ADR 0027), jamais
+* d'une valeur en dur. Présenté en parts importables séparément.
+*/
+var Sheet = DialogPrimitive.Root;
+var SheetTrigger = DialogPrimitive.Trigger;
+var SheetClose = DialogPrimitive.Close;
+var SheetPortal = DialogPrimitive.Portal;
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	className: cn("fixed inset-0 z-overlay bg-scrim data-[state=open]:animate-overlay-in data-[state=closed]:animate-overlay-out", className),
 	...props,
 	ref
 }));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+/**
+* La config des variantes est exportée à côté de `sheetVariants` : le catalogue la lit
+* pour vérifier que le manifeste ne dérive pas des props réelles (ADR 0005).
+*/
+var sheetVariantsConfig = {
 	variants: { side: {
-		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-		right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+		top: "inset-x-0 top-0 border-b data-[state=closed]:animate-slide-out-top data-[state=open]:animate-slide-in-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:animate-slide-out-bottom data-[state=open]:animate-slide-in-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:animate-slide-out-left data-[state=open]:animate-slide-in-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:animate-slide-out-right data-[state=open]:animate-slide-in-right sm:max-w-sm"
 	} },
 	defaultVariants: { side: "right" }
-});
-var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+};
+var sheetVariants = cva("fixed z-overlay gap-4 bg-background p-6 shadow-lg", sheetVariantsConfig);
+var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
 	ref,
 	className: cn(sheetVariants({ side }), className),
 	...props,
-	children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+	children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
 		className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
 		children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
@@ -2005,7 +2894,7 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
 		})]
 	})]
 })] }));
-SheetContent.displayName = SheetPrimitive.Content.displayName;
+SheetContent.displayName = DialogPrimitive.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
 	...props
@@ -2016,18 +2905,18 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props
 });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
 	ref,
 	className: cn("text-lg font-semibold text-foreground", className),
 	...props
 }));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
 	ref,
 	className: cn("text-sm text-muted-foreground", className),
 	...props
 }));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
 //#endregion
 //#region src/features/faceted-data-table.tsx
 function resolve$1(updater, previous) {
@@ -2312,16 +3201,255 @@ function FacetedDataTable({ data, renderColumns, facets, globalFilterFn, labels,
 	});
 }
 //#endregion
-//#region src/internal/tooltip.tsx
+//#region src/components/sheet/manifest.ts
+/**
+* Le manifeste du panneau latéral (ADR 0005). Le catalogue enregistre la racine `Sheet` ;
+* les parts se composent dans l'exemple. `side="bottom"` est le **drawer** — une variante
+* documentée, pas un atome à part.
+*/
+var sheetManifest = {
+	name: "sheet",
+	title: "Sheet",
+	summary: "Un panneau ancré à un bord de l’écran, sur un voile : un déclencheur, un en-tête (titre, description), un corps et un pied. Livré en parts importables séparément ; `side=\"bottom\"` est le drawer.",
+	level: "bloc",
+	example: {
+		open: true,
+		children: createElement(Fragment$1, null, createElement(SheetTrigger, { className: buttonVariants({ variant: "outline" }) }, "Ouvrir"), createElement(SheetContent, { side: "right" }, createElement(SheetHeader, null, createElement(SheetTitle, null, "Panneau"), createElement(SheetDescription, null, "Une description courte.")), "Le contenu du panneau."))
+	},
+	variants: [{
+		name: "side",
+		values: [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		],
+		default: "right",
+		description: "Le bord auquel le panneau s’ancre — `bottom` est le drawer ; c’est l’usage qui décide, pas le goût."
+	}],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts du panneau : un déclencheur, une surface, un en-tête, un pied."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "modal",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Blocage du reste de la page et piégeage du focus. Défaut `true` ; `false` pour un panneau non bloquant."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		}
+	],
+	usages: [
+		{
+			when: "montrer un contenu ancré à un bord sans quitter la vue",
+			use: "<Sheet><SheetTrigger>…</SheetTrigger><SheetContent side=\"right\">…</SheetContent></Sheet>",
+			avoid: "un `Sheet` pour une décision centrée : c’est un `Dialog`"
+		},
+		{
+			when: "un drawer (panneau bas, geste mobile)",
+			use: "side=\"bottom\" sur `SheetContent`",
+			avoid: "un composant `Drawer` à part : c’est le même panneau, un côté différent"
+		},
+		{
+			when: "un panneau non bloquant (inspecteur, aide)",
+			use: "modal={false}",
+			avoid: "un overlay cliquable sur un panneau non modal : l’app décide de la fermeture"
+		}
+	]
+};
+//#endregion
+//#region src/components/tooltip/tooltip.tsx
+/**
+* L'infobulle : un texte d'aide attaché à un déclencheur, au survol et au focus. La
+* famille se compose — `TooltipProvider` (le délai partagé), `Tooltip` (la racine),
+* `TooltipTrigger`, `TooltipContent` — ; aucun texte n'est propre au cœur. La couche
+* flottante (empilement, mouvement) vient des tokens (ADR 0027).
+*/
 var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
 	ref,
 	sideOffset,
-	className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className),
+	className: cn("z-tooltip overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md data-[state=open]:animate-content-in data-[state=closed]:animate-content-out origin-[--radix-tooltip-content-transform-origin]", className),
 	...props
 }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 //#endregion
+//#region src/components/tooltip/manifest.ts
+/**
+* Le manifeste de l'infobulle (ADR 0005). Le catalogue enregistre la famille sur sa
+* racine obligatoire, `TooltipProvider` ; `Tooltip`, `TooltipTrigger` et `TooltipContent`
+* se composent dans l'exemple. La bulle lit le `z-index` tokenisé (ADR 0027).
+*/
+var tooltipManifest = {
+	name: "tooltip",
+	title: "Tooltip",
+	summary: "Un texte d’aide attaché à un déclencheur, au survol et au focus. La famille se compose — Provider (délai partagé), Root, Trigger, Content ; les textes viennent de l’app.",
+	level: "primitive",
+	example: {
+		delayDuration: 200,
+		children: createElement(Fragment$1, null, createElement(Tooltip, { defaultOpen: true }, createElement(TooltipTrigger, null, "Aide"), createElement(TooltipContent, null, "Texte d’aide")))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "La famille : des `Tooltip` (racine), à poser dans le provider."
+		},
+		{
+			name: "delayDuration",
+			type: "number",
+			required: false,
+			check: "accepted",
+			description: "Le délai d’ouverture au survol, en millisecondes. Défaut 700."
+		},
+		{
+			name: "skipDelayDuration",
+			type: "number",
+			required: false,
+			check: "accepted",
+			description: "La fenêtre pendant laquelle une seconde bulle s’ouvre sans attendre."
+		},
+		{
+			name: "disableHoverableContent",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Empêche de survoler le contenu ouvert sans qu’il se referme."
+		}
+	],
+	usages: [{
+		when: "nommer un contrôle iconique, ou glisser une aide courte",
+		use: "<TooltipProvider><Tooltip><TooltipTrigger>…</TooltipTrigger><TooltipContent>…</TooltipContent></Tooltip></TooltipProvider>",
+		avoid: "une `Tooltip` pour une information essentielle : elle n’est ni au clavier seul ni au tactile"
+	}, {
+		when: "plusieurs bulles dans la même vue",
+		use: "un seul `TooltipProvider` autour de leurs `Tooltip`",
+		avoid: "un provider par `Tooltip` : le délai partagé perd son sens"
+	}]
+};
+//#endregion
+//#region src/components/select/manifest.ts
+/**
+* Le manifeste du sélecteur (ADR 0005). Le catalogue enregistre la racine `Select` ; les
+* parts se composent dans l'exemple. La liste flottante lit le `z-index` tokenisé
+* (ADR 0027), jamais une valeur d’empilement en dur.
+*/
+var selectManifest = {
+	name: "select",
+	title: "Select",
+	summary: "Un sélecteur à choix unique : un déclencheur et une liste flottante d’options. Livré en parts importables séparément ; les libellés et les valeurs viennent de l’app.",
+	level: "primitive",
+	example: {
+		defaultValue: "open",
+		children: createElement(Fragment$1, null, createElement(SelectTrigger, { className: "w-48" }, createElement(SelectValue, { placeholder: "Statut" })), createElement(SelectContent, null, createElement(SelectItem, { value: "open" }, "Ouverte"), createElement(SelectItem, { value: "closed" }, "Fermée")))
+	},
+	variants: [],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "accepted",
+			description: "Les parts du sélecteur : un déclencheur, une valeur, une liste d’items."
+		},
+		{
+			name: "value",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "La valeur sélectionnée, contrôlée par l’app."
+		},
+		{
+			name: "defaultValue",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "La valeur initiale, quand l’app ne la contrôle pas."
+		},
+		{
+			name: "onValueChange",
+			type: "(value: string) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur choisit une option."
+		},
+		{
+			name: "open",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture contrôlé : il vit dans l’app."
+		},
+		{
+			name: "defaultOpen",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "L’état d’ouverture initial, quand l’app ne le contrôle pas."
+		},
+		{
+			name: "onOpenChange",
+			type: "(open: boolean) => void",
+			required: false,
+			check: "accepted",
+			description: "Rappelé quand l’utilisateur demande à ouvrir ou fermer."
+		},
+		{
+			name: "disabled",
+			type: "boolean",
+			required: false,
+			check: "accepted",
+			description: "Désactive le sélecteur : ni ouverture, ni changement."
+		},
+		{
+			name: "name",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "Le nom du champ, pour la soumission d’un formulaire."
+		}
+	],
+	usages: [{
+		when: "choisir une valeur unique parmi une liste d’options",
+		use: "<Select><SelectTrigger><SelectValue placeholder=\"…\" /></SelectTrigger><SelectContent>…</SelectContent></Select>",
+		avoid: "un `DropdownMenu` pour une valeur de formulaire : un menu porte des actions, pas une valeur"
+	}, {
+		when: "quelques options seulement, toutes visibles",
+		use: "un `RadioGroup` : les options restent à l’écran",
+		avoid: "un `Select` pour deux ou trois options qu’on veut comparer d’un regard"
+	}]
+};
+//#endregion
 //#region src/components/meter/meter.tsx
 /**
 * Le Meter : une barre qui montre où en est une valeur sur une échelle, avec la marque
@@ -3294,7 +4422,7 @@ function ToastProvider({ children, closeLabel, duration = DEFAULT_DURATION }) {
 		value: api,
 		children: [children, /* @__PURE__ */ jsx("div", {
 			"aria-live": "polite",
-			className: "pointer-events-none fixed inset-x-0 bottom-0 z-50 flex flex-col items-center gap-2 p-4 sm:items-end",
+			className: "pointer-events-none fixed inset-x-0 bottom-0 z-toast flex flex-col items-center gap-2 p-4 sm:items-end",
 			children: items.map((item) => {
 				const common = {
 					tone: item.tone,
@@ -4052,6 +5180,42 @@ var catalogueEntries = [
 			defaultVariants: { tone: "info" }
 		} }
 	},
+	{
+		manifest: alertDialogManifest,
+		component: AlertDialog,
+		variantsConfig: {}
+	},
+	{
+		manifest: avatarManifest,
+		component: Avatar,
+		variantsConfig: {}
+	},
+	{
+		manifest: scrollAreaManifest,
+		component: ScrollArea,
+		variantsConfig: {}
+	},
+	{
+		manifest: tabsManifest,
+		component: Tabs,
+		variantsConfig: {}
+	},
+	{
+		manifest: accordionManifest,
+		component: Accordion,
+		variantsConfig: { type: {
+			variants: { type: {
+				single: {},
+				multiple: {}
+			} },
+			defaultVariants: { type: "single" }
+		} }
+	},
+	{
+		manifest: collapsibleManifest,
+		component: Collapsible,
+		variantsConfig: {}
+	},
 	{
 		manifest: badgeManifest,
 		component: Badge,
@@ -4070,6 +5234,16 @@ var catalogueEntries = [
 		component: Card,
 		variantsConfig: {}
 	},
+	{
+		manifest: dialogManifest,
+		component: Dialog,
+		variantsConfig: {}
+	},
+	{
+		manifest: dropdownMenuManifest,
+		component: DropdownMenu,
+		variantsConfig: {}
+	},
 	{
 		manifest: emptyStateManifest,
 		component: EmptyState,
@@ -4104,11 +5278,21 @@ var catalogueEntries = [
 		component: NumberField,
 		variantsConfig: {}
 	},
+	{
+		manifest: popoverManifest,
+		component: Popover,
+		variantsConfig: {}
+	},
 	{
 		manifest: searchFieldManifest,
 		component: SearchField,
 		variantsConfig: {}
 	},
+	{
+		manifest: selectManifest,
+		component: Select,
+		variantsConfig: {}
+	},
 	{
 		manifest: labelManifest,
 		component: Label,
@@ -4154,6 +5338,11 @@ var catalogueEntries = [
 		component: Separator,
 		variantsConfig: {}
 	},
+	{
+		manifest: sheetManifest,
+		component: Sheet,
+		variantsConfig: { side: sheetVariantsConfig }
+	},
 	{
 		manifest: skeletonManifest,
 		component: Skeleton,
@@ -4208,6 +5397,11 @@ var catalogueEntries = [
 			defaultVariants: { tone: "info" }
 		} }
 	},
+	{
+		manifest: tooltipManifest,
+		component: TooltipProvider,
+		variantsConfig: {}
+	},
 	{
 		manifest: treeManifest,
 		component: Tree,
@@ -4353,12 +5547,14 @@ function cssValue(value, type) {
 	if (typeof value === "number") return String(value);
 	if (Array.isArray(value)) {
 		if (type === "fontFamily") return value.map((f) => f.includes(" ") ? `"${f}"` : f).join(", ");
+		if (type === "cubicBezier" && value.length === 4) return `cubic-bezier(${value.join(", ")})`;
 		throw new Error(type ? `tokens.json : valeur tableau non rendue pour le type \`${type}\`.` : "tokens.json : une valeur tableau exige le `$type` de son token (aucun reçu).");
 	}
 	if (value && typeof value === "object") {
 		if (value.colorSpace === "hsl") {
-			const [h, s, l] = value.components;
-			return `${h} ${s}% ${l}%`;
+			const [h, s, l, a] = value.components;
+			const base = `${h} ${s}% ${l}%`;
+			return a === void 0 ? base : `${base} / ${a}`;
 		}
 		if ("value" in value && "unit" in value) return `${value.value}${value.unit}`;
 	}
@@ -4484,6 +5680,7 @@ var tokensResource = {
 			"--nomos-color-input": "240 8% 19%",
 			"--nomos-color-ring": "174 100% 39%",
 			"--nomos-color-brand": "#00c9b1",
+			"--nomos-color-scrim": "0 0% 0% / 0.8",
 			"--nomos-color-status-info": "199 89% 48%",
 			"--nomos-color-status-info-ink": "198 93% 74%",
 			"--nomos-color-status-progress": "258 90% 66%",
@@ -4500,6 +5697,16 @@ var tokensResource = {
 			"--nomos-radius-control": "0.625rem",
 			"--nomos-radius-field": "0.5rem",
 			"--nomos-radius-chip": "0.375rem",
+			"--nomos-z-overlay": "50",
+			"--nomos-z-popover": "60",
+			"--nomos-z-tooltip": "70",
+			"--nomos-z-toast": "80",
+			"--nomos-motion-duration-fast": "150ms",
+			"--nomos-motion-duration-base": "250ms",
+			"--nomos-motion-duration-slow": "400ms",
+			"--nomos-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+			"--nomos-motion-ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+			"--nomos-motion-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
 			"--nomos-space-hairline": "2px",
 			"--nomos-space-tight": "4px",
 			"--nomos-space-snug": "8px",
@@ -4545,6 +5752,7 @@ var tokensResource = {
 			"--nomos-color-input": "240 6% 85%",
 			"--nomos-color-ring": "174 100% 35%",
 			"--nomos-color-brand": "#00c9b1",
+			"--nomos-color-scrim": "0 0% 0% / 0.8",
 			"--nomos-color-status-info": "199 89% 48%",
 			"--nomos-color-status-info-ink": "201 96% 32%",
 			"--nomos-color-status-progress": "258 90% 66%",
@@ -4561,6 +5769,16 @@ var tokensResource = {
 			"--nomos-radius-control": "0.625rem",
 			"--nomos-radius-field": "0.5rem",
 			"--nomos-radius-chip": "0.375rem",
+			"--nomos-z-overlay": "50",
+			"--nomos-z-popover": "60",
+			"--nomos-z-tooltip": "70",
+			"--nomos-z-toast": "80",
+			"--nomos-motion-duration-fast": "150ms",
+			"--nomos-motion-duration-base": "250ms",
+			"--nomos-motion-duration-slow": "400ms",
+			"--nomos-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+			"--nomos-motion-ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+			"--nomos-motion-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
 			"--nomos-space-hairline": "2px",
 			"--nomos-space-tight": "4px",
 			"--nomos-space-snug": "8px",
@@ -4588,4 +5806,4 @@ var tokensResource = {
 	}
 };
 //#endregion
-export { Alert, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CompactMeter, Counter, DataTablePagination, DataTableToolbar, EmptyState, FacetFilter, FacetedDataTable, Field, Fieldset, Form, Freshness, Input, Label, Meter, NumberField, ProgressBar, RadioGroup, RadioGroupItem, Rating, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SelectionTree, Separator, SheetDescription, SheetHeader, SheetTitle, Skeleton, Switch, TONES, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Timeline, Toast, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, TooltipProvider, Tree, alertManifest, badgeManifest, badgeVariants, badgeVariantsConfig, buttonManifest, buttonVariants, buttonVariantsConfig, cardManifest, catalogue, checkboxManifest, chipManifest, cn, componentManifestSchema, componentNames, counterManifest, dataTableFeatures, dataTablePaginationManifest, dataTableToolbarManifest, emptyStateManifest, facetFilterManifest, fieldManifest, fieldsetManifest, findComponent, formManifest, freshnessManifest, inputManifest, labelManifest, meterManifest, numberFieldManifest, progressBarManifest, radioManifest, ratingManifest, renderCss, resolveSkin, searchFieldManifest, separatorManifest, skeletonManifest, switchManifest, tableManifest, textareaManifest, timelineManifest, toastManifest, toggleGroupManifest, toggleManifest, toggleVariants, toggleVariantsConfig, tokensResource, toneClasses, treeManifest, useToast, validateCatalogue };
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, CompactMeter, Counter, DataTablePagination, DataTableToolbar, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FacetFilter, FacetedDataTable, Field, Fieldset, Form, Freshness, Input, Label, Meter, NumberField, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressBar, RadioGroup, RadioGroupItem, Rating, ScrollArea, ScrollBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionTree, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, TONES, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Toast, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, accordionManifest, alertDialogManifest, alertManifest, avatarManifest, badgeManifest, badgeVariants, badgeVariantsConfig, buttonManifest, buttonVariants, buttonVariantsConfig, cardManifest, catalogue, checkboxManifest, chipManifest, cn, collapsibleManifest, componentManifestSchema, componentNames, counterManifest, dataTableFeatures, dataTablePaginationManifest, dataTableToolbarManifest, dialogManifest, dropdownMenuManifest, emptyStateManifest, facetFilterManifest, fieldManifest, fieldsetManifest, findComponent, formManifest, freshnessManifest, inputManifest, labelManifest, meterManifest, numberFieldManifest, popoverManifest, progressBarManifest, radioManifest, ratingManifest, renderCss, resolveSkin, scrollAreaManifest, searchFieldManifest, selectManifest, separatorManifest, sheetManifest, skeletonManifest, switchManifest, tableManifest, tabsManifest, textareaManifest, timelineManifest, toastManifest, toggleGroupManifest, toggleManifest, toggleVariants, toggleVariantsConfig, tokensResource, toneClasses, tooltipManifest, treeManifest, useToast, validateCatalogue };