@cyrilld/zestds 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,920 @@
+import * as react from 'react';
+import { SVGProps } from 'react';
+
+declare const Home01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Home02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Menu01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Search01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Edit01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Edit02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Heart01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Heart02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Bookmark01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Share01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Download01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Settings01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Upload01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const XClose: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FilterFunnel01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FilterFunnel02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Link01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const LinkBroken01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const LogOut01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const HelpCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const HelpCircle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Trash01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Trash02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const CheckCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const CheckCircle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const XCircle: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const SmartOrg: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const PlusCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const PlusCircle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Eye01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Eye02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const SlashCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const DotsVertical: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Check: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Minus: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Calendar: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Plus: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Clock: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Share02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Share03: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Tick: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const SlashDivider: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Tool01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Mail01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Bell01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const BellOff01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const User01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Users01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const EyeOff: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const RefreshCw01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Building07: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ThumbsDown: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ThumbsUp: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Star01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Target05: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const MessageBubble01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const MessageBubble02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Settings02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const CheckDone01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Flag01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronDownDouble: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronLeftDouble: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronRightDouble: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronUpDouble: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const CalendarPlus01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureActionPlan: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureAlignmentMap: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureCheckin: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureCockpit: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureEngageo: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureFeedback: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureIdea: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureIntercom01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureIntercom02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureKeydriver: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureMood01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureMood02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureObjective: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureProject: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureResume: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureSkill: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureSurvey01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const FeatureSurvey02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Mail02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ModuleLead: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ModuleListen: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ModulePerform: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ModuleShare: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const InfoCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const InfoCircle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const AlertCircle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const AlertCircle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const AlertTriangle01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const AlertTriangle02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const MinusCircle: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const LockUnlocked02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Lock02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Lock01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const LockUnlocked01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const MessageChatSquare: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Send01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Inbox01: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const Circle: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const BarChartSquare02: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowDown: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowDownLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowDownRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowDown: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowDownLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowDownRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowUp: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowUpLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowNarrowUpRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ArrowRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronDown: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronLeft: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronRight: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+declare const ChevronUp: {
+    (props: SVGProps<SVGSVGElement>): react.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Le catalogue des icônes de type de fichier — LA source unique.
+ *
+ * ⚠️  GÉNÉRÉ depuis le Figma de Zest, cadre « File type icon » (`3847:2911`).
+ * Ne pas corriger à la main : corriger le Figma, puis régénérer. Une retouche
+ * locale serait écrasée sans laisser de trace.
+ *
+ * Vingt-sept types, chacun en trois habillages : 81 dessins.
+ *
+ * ------------------------------------------------------------------------
+ * LES COULEURS SONT PORTÉES SUR LES JETONS
+ * ------------------------------------------------------------------------
+ * Le cadre Figma est encore lié à une collection de variables étrangère au
+ * thème. Les dessins ne sont donc pas recopiés avec leurs teintes : chaque
+ * couleur est remplacée par le jeton qui convient, l'écart mesuré en Lab.
+ *
+ *     violet  → brand-600              la famille Image
+ *     bleu    → utility-horizon-600    document et vidéo
+ *     vert    → success-600            le tableur
+ *     rouge   → error-600              le PDF
+ *     orange  → warning-600            la présentation
+ *     rose    → utility-rose-600       l'audio
+ *     neutres → gray-600, gray-700, gray-300, gray-200, gray-100, white
+ *
+ * ⚠️  DEUX FAMILLES, DEUX BLEUS, ET C'EST VOULU. Image porte le bleu de marque,
+ * Document l'ardoise. Les rapprocher les rendrait indiscernables — or c'est
+ * cette distinction qui fait qu'on reconnaît un PNG d'un DOCX sans lire.
+ *
+ * ⚠️  LE PLUS PROCHE N'EST PAS LE BON. Mesuré, le jeton le plus proche de
+ * l'orange de la présentation est le rouge du PDF. Le prendre aurait rendu PPT
+ * et PDF identiques : la distance qui compte est celle ENTRE les icônes, pas
+ * celle à la teinte d'origine.
+ *
+ * ⚠️  LE DESIGN SYSTEM N'A NI ORANGE, NI VERT, NI ROUGE UTILITAIRES. Une couleur
+ * de type de fichier CATÉGORISE, donc elle devrait venir de cette couche ;
+ * faute de teinte, le tableur, la présentation et le PDF empruntent les rampes
+ * sémantiques. Assumé.
+ *
+ * ------------------------------------------------------------------------
+ * LA FORME : DU MARKUP COMPOSÉ
+ * ------------------------------------------------------------------------
+ * Le Figma compose chaque icône : une feuille, puis un glyphe ou une pastille
+ * portant l'extension. Tout est recomposé dans UN `<svg>` de 40×40 — la
+ * pastille devient un `<rect>` arrondi, l'extension un `<text>`.
+ *
+ * ⚠️  LA COULEUR DE L'ÉTIQUETTE SE LIT, ELLE NE SE SUPPOSE PAS. Elle a été codée
+ * en dur à blanc pour les 81 : les 18 de la variante Gray sont sorties blanches
+ * sur une feuille claire, donc invisibles. Le Figma les déclare toutes — blanc
+ * en Default et Solid, gris foncé en Gray. `yarn verify:labels` mesure
+ * désormais le contraste de chacune.
+ *
+ * ⚠️  L'EXTENSION EST DU TEXTE, PAS UN TRACÉ. Elle rend dans la police du design
+ * system ; un SVG copié hors du produit demandera Averta pour s'afficher juste.
+ *
+ * ⚠️  LA BOÎTE EST DE 40, PAS DE 24. Les icônes du design system sont tracées à
+ * 24 ; celles-ci ont un rapport de feuille et bien plus de détail. Les mélanger
+ * à la même taille dans une même ligne se voit.
+ *
+ * Conséquence à connaître : une icône de fichier ne suit PAS la couleur du
+ * texte, contrairement aux 121 autres. C'est inhérent — un PDF rouge et un
+ * tableur vert sont une convention de reconnaissance, pas un choix de marque.
+ */
+type FileIconFamille = "simple" | "image" | "document";
+/** Les trois habillages du Figma. */
+type FileIconVariante = "default" | "gray" | "solid";
+interface ZestFileIcon {
+    /** La clé. Ex. `pdf`, `pdf-simple`, `video-01`. */
+    name: string;
+    /** La planche du Figma dont le type vient. */
+    famille: FileIconFamille;
+    /** Le libellé, tel que le Figma l'écrit. Ex. `WebP`, `Video 01`. */
+    libelle: string;
+    /** Le contenu du `<svg>`, boîte de 40, une entrée par habillage. */
+    svg: Record<FileIconVariante, string>;
+}
+declare const ZEST_FILE_ICONS: ZestFileIcon[];
+/** Retrouve une icône de fichier par son nom. */
+declare const findFileIcon: (name: string) => ZestFileIcon | undefined;
+
+/**
+ * Les icônes de type de fichier, en composants.
+ *
+ * ⚠️  ÉCRIT À LA MAIN, contrairement à `icons/index.tsx`. Là-bas, 121 icônes
+ * monochromes justifiaient un composant par dessin ; ici les dessins sont
+ * polychromes et se choisissent le plus souvent À L'EXÉCUTION, depuis
+ * l'extension d'un fichier téléversé. Un composant par type obligerait à écrire
+ * un `switch` de vingt-sept branches dans chaque écran ; `<FileIcon name=…>` le
+ * fait une fois.
+ *
+ * Les vingt-sept exports nommés existent quand même, pour le cas inverse : un
+ * écran qui sait qu'il montre un PDF écrit `<FilePdf />` et ne paie pas la
+ * recherche.
+ */
+interface FileIconProps extends Omit<SVGProps<SVGSVGElement>, "name"> {
+    /** Le nom du type, tel que le catalogue le range. Ex. `pdf`, `xlsx`, `pdf-simple`. */
+    name: string;
+    /** L'habillage. `default` par défaut — celui des maquettes. */
+    variant?: FileIconVariante;
+    /** Le côté du carré, en pixels. 40 est la taille de dessin. */
+    size?: number;
+}
+/**
+ * Une icône de type de fichier.
+ *
+ * ⚠️  ELLE NE DIT PAS SON NOM AUX LECTEURS D'ÉCRAN, et c'est délibéré :
+ * `aria-hidden`. Une icône de fichier accompagne TOUJOURS un nom de fichier
+ * écrit à côté — « rapport-q3.pdf » — et l'annoncer ferait entendre « PDF »
+ * deux fois. L'écran qui la poserait seule doit porter le libellé lui-même.
+ *
+ * ⚠️  ET ELLE NE SUIT PAS LA COULEUR DU TEXTE, contrairement aux 121 icônes du
+ * design system. Ses teintes sont dans le dessin, citées en jetons : un PDF est
+ * rouge et un tableur vert parce que c'est une convention de reconnaissance.
+ */
+declare const FileIcon: {
+    ({ name, variant, size, ...props }: FileIconProps): react.JSX.Element | null;
+    displayName: string;
+};
+type FileIconRaccourci = (props: Omit<FileIconProps, "name">) => ReturnType<typeof FileIcon>;
+declare const FileEmpty: FileIconRaccourci;
+declare const FileFolder: FileIconRaccourci;
+declare const FileImage: FileIconRaccourci;
+declare const FileVideo01: FileIconRaccourci;
+declare const FileVideo02: FileIconRaccourci;
+declare const FileAudio: FileIconRaccourci;
+declare const FilePdfSimple: FileIconRaccourci;
+declare const FileDocument: FileIconRaccourci;
+declare const FileSpreadsheet: FileIconRaccourci;
+declare const FileImg: FileIconRaccourci;
+declare const FileJpg: FileIconRaccourci;
+declare const FileJpeg: FileIconRaccourci;
+declare const FilePng: FileIconRaccourci;
+declare const FileWebp: FileIconRaccourci;
+declare const FileTiff: FileIconRaccourci;
+declare const FileGif: FileIconRaccourci;
+declare const FileSvg: FileIconRaccourci;
+declare const FileEps: FileIconRaccourci;
+declare const FilePdf: FileIconRaccourci;
+declare const FileDoc: FileIconRaccourci;
+declare const FileDocx: FileIconRaccourci;
+declare const FileTxt: FileIconRaccourci;
+declare const FileCsv: FileIconRaccourci;
+declare const FileXls: FileIconRaccourci;
+declare const FileXlsx: FileIconRaccourci;
+declare const FilePpt: FileIconRaccourci;
+declare const FilePptx: FileIconRaccourci;
+
+/**
+ * Le logo de Zest — LA source unique.
+ *
+ * ⚠️  GÉNÉRÉ depuis le Figma de Zest : le logotype (`248:1409`) et le logo de
+ * Zest AI (`3218:143`). Ne pas corriger à la main.
+ *
+ * ------------------------------------------------------------------------
+ * LES COULEURS NE SONT PAS PORTÉES SUR LES JETONS, ET C'EST LE POINT
+ * ------------------------------------------------------------------------
+ * Elles y correspondent pourtant, et exactement. Mesuré en Lab :
+ *
+ *     #00D85D  le vert de l'isotype   = --zds-color-mark        ΔE 0,0
+ *     #21304E  le navy du mot-symbole = --zds-color-navy-100    ΔE 0,0
+ *     #39D7E4  la fin du dégradé IA   ≈ utility-turquoise-500   ΔE 1,8
+ *
+ * Les écrire en `var(--zds-…)` serait pourtant une faute. Un jeton peut être
+ * redéfini — c'est même sa raison d'être : un thème, une marque blanche, un
+ * mode sombre le changent. Un logo qui suit le thème n'est plus un logo, c'est
+ * une décoration. Les valeurs sont donc EN DUR, et elles doivent le rester.
+ *
+ * La correspondance reste un fait utile : elle dit que la palette a bien été
+ * dérivée de la marque. Le turquoise du dégradé IA est le seul qui n'ait pas
+ * de jeton exact — à relever, c'est peut-être un écart involontaire.
+ *
+ * ------------------------------------------------------------------------
+ * DEUX VARIANTES, ET ELLES NE SONT PAS INTERCHANGEABLES
+ * ------------------------------------------------------------------------
+ * ⚠️  LA VARIANTE SOMBRE A SA VAGUE TRANSPARENTE. Le carré est peint en blanc
+ * et le glyphe est DÉCOUPÉ dedans : c'est le fond de la page qui le dessine.
+ * Sur un fond clair, elle disparaît — carré blanc sur blanc, vague invisible.
+ *
+ * La variante claire, elle, est autonome : un fond blanc plein, puis le vert
+ * par-dessus. Elle tient sur n'importe quelle couleur.
+ *
+ * En clair : `sombre` veut dire « pour poser sur du sombre », pas « la version
+ * sombre du logo ». Les deux ne se substituent pas l'une à l'autre.
+ *
+ * ------------------------------------------------------------------------
+ * LES BOÎTES
+ * ------------------------------------------------------------------------
+ *     isotype seul   64 × 64
+ *     mot-symbole    181.85 × 64
+ *     verrou         269.85 × 64     isotype + 24 d'écart + mot-symbole
+ *     logo Zest AI   64 × 64, mais le dessin DÉBORDE
+ *
+ * ⚠️  Le logo Zest AI porte une ombre portée qui sort de sa boîte : l'export
+ * fait 68×68. Le contenu est déjà translaté pour retomber juste dans 64, et le
+ * `<svg>` doit laisser le débord visible — sinon l'ombre est coupée, ce qui ne
+ * se remarque qu'en comparant les deux côte à côte.
+ */
+/** `clair` pour poser sur un fond clair, `sombre` pour poser sur un fond sombre. */
+type LogoVariante = "clair" | "sombre";
+/** Les proportions, telles que le Figma les fixe. */
+declare const LOGO_BOITES: {
+    readonly logomark: {
+        readonly l: 64;
+        readonly h: 64;
+    };
+    readonly wordmark: {
+        readonly l: 181.85;
+        readonly h: 64;
+    };
+    readonly verrou: {
+        readonly l: 269.85;
+        readonly h: 64;
+    };
+    readonly ai: {
+        readonly l: 64;
+        readonly h: 64;
+    };
+};
+/** L'écart entre l'isotype et le mot-symbole dans le verrou, en unités de dessin. */
+declare const LOGO_ECART = 24;
+declare const ZEST_LOGO: {
+    logomark: {
+        clair: string;
+        sombre: string;
+    };
+    wordmark: {
+        clair: string;
+        sombre: string;
+    };
+    verrou: {
+        clair: string;
+        sombre: string;
+    };
+    /** Une seule version : le dégradé tient sur clair comme sur sombre. */
+    ai: string;
+};
+
+/**
+ * Le logo de Zest, en composants.
+ *
+ * ⚠️  UN LOGO N'EST PAS UNE ICÔNE. Il ne suit pas la couleur du texte, il ne
+ * suit pas le thème, et il ne se redessine pas. Ses valeurs sont en dur — voir
+ * l'en-tête du catalogue, qui explique pourquoi elles le restent alors même
+ * qu'elles correspondent exactement à deux jetons.
+ *
+ * ⚠️  LA HAUTEUR PILOTE, PAS LA LARGEUR. Les trois formes n'ont pas le même
+ * rapport — 1:1 pour l'isotype, 2,84:1 pour le mot-symbole, 4,22:1 pour le
+ * verrou. Une prop `width` commune les déformerait ou les désalignerait ; une
+ * hauteur commune les aligne, ce qui est ce qu'on veut dans un en-tête.
+ */
+interface BaseProps extends Omit<SVGProps<SVGSVGElement>, "height" | "width"> {
+    /** La hauteur, en pixels. La largeur suit le rapport du dessin. */
+    height?: number;
+    /**
+     * Le nom accessible.
+     *
+     * Par défaut le logo est **décoratif** (`aria-hidden`) : dans un en-tête il
+     * est presque toujours dans un lien qui porte déjà « Accueil » ou « Zest ».
+     * Le passer ici en fait une image nommée.
+     */
+    titre?: string;
+}
+interface VarianteProps extends BaseProps {
+    /**
+     * `clair` pour poser sur un fond clair, `sombre` pour poser sur un fond sombre.
+     *
+     * ⚠️  CE N'EST PAS « LA VERSION SOMBRE DU LOGO ». La variante `sombre` a sa
+     * vague **découpée** : c'est le fond qui la dessine. Posée sur du blanc,
+     * elle disparaît. Voir l'en-tête du catalogue.
+     */
+    variant?: LogoVariante;
+}
+/**
+ * Le verrou complet : l'isotype et le mot-symbole.
+ *
+ * C'est la forme par défaut. Les deux autres existent pour les cas où elle ne
+ * tient pas — voir la page « Logo ».
+ */
+declare const ZestLogo: {
+    ({ variant, height, ...props }: VarianteProps): react.JSX.Element;
+    displayName: string;
+};
+/**
+ * L'isotype seul — le carré.
+ *
+ * Pour les places carrées et petites : une favicon, un avatar d'application,
+ * une barre latérale repliée. En dessous de 24 px, le mot-symbole n'est plus
+ * lisible et seul l'isotype garde du sens.
+ */
+declare const ZestLogomark: {
+    ({ variant, height, ...props }: VarianteProps): react.JSX.Element;
+    displayName: string;
+};
+/** Le mot-symbole seul. Rare : l'isotype porte la reconnaissance. */
+declare const ZestWordmark: {
+    ({ variant, height, ...props }: VarianteProps): react.JSX.Element;
+    displayName: string;
+};
+/**
+ * Le logo de Zest AI.
+ *
+ * Une seule version : son dégradé tient sur clair comme sur sombre, il n'a donc
+ * pas de variante.
+ *
+ * ⚠️  `overflow: visible` N'EST PAS DÉCORATIF. Son ombre portée sort de la boîte
+ * de 64 — l'export fait 68×68. Sans cette règle, le `<svg>` la coupe, et une
+ * ombre coupée ne se remarque qu'en comparant les deux côte à côte.
+ */
+declare const ZestAiLogo: {
+    ({ height, ...props }: BaseProps): react.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Le catalogue des icônes de Zest — LA source unique.
+ *
+ * ⚠️  GÉNÉRÉ depuis le Figma « ❖ Design System V2.0 », page « Icônes ». Ne pas
+ * corriger à la main : corriger le Figma, puis régénérer. Une retouche locale
+ * serait écrasée sans laisser de trace.
+ *
+ * Les composants de `index.tsx` sont construits À PARTIR d'ici, et la page de
+ * documentation lit le même catalogue. Un tracé n'est donc écrit qu'une fois :
+ * deux endroits qui affirmeraient le même dessin finiraient par ne plus être
+ * d'accord.
+ *
+ * ------------------------------------------------------------------------
+ * DEUX FAÇONS DE PEINDRE, ET ELLES NE SE MÉLANGENT PAS
+ * ------------------------------------------------------------------------
+ * Ces icônes viennent de deux générations de dessin, et le catalogue le dit
+ * plutôt que de l'aplatir :
+ *
+ *   · `contour` — un tracé de 2 px, bouts et angles arrondis. La graisse est
+ *     une propriété du RENDU : ces icônes gardent un trait de 2 px quelle que
+ *     soit leur taille d'affichage, donc un trait proportionnellement plus fin
+ *     quand on les agrandit ;
+ *
+ *   · `remplissage` — une silhouette, dessinée sous Illustrator contours
+ *     vectorisés. La graisse est dans le DESSIN, donc elle grossit avec
+ *     l'icône. Un dessin « en trait » y est une silhouette évidée, pas un
+ *     trait paramétrique.
+ *
+ * Conséquence à connaître : les deux familles ne vieillissent pas pareil quand
+ * on change de taille, et un écran qui les mélange à 48 px le montre.
+ */
+/** Un tracé du dessin. */
+interface ZestPath {
+    d: string;
+    /**
+     * La règle de remplissage, RELEVÉE dans le Figma et non supposée.
+     *
+     * `evenodd` évide les sous-tracés intérieurs — c'est ce qui rend une
+     * silhouette creuse. `nonzero` les remplit. Plusieurs icônes n'en déclarent
+     * aucune, donc elles sont en `nonzero` : leur imposer `evenodd` percerait
+     * des trous, et l'inverse les boucherait, sans que rien le signale.
+     *
+     * Absente sur les icônes au contour, où elle ne veut rien dire.
+     */
+    rule?: "evenodd" | "nonzero";
+}
+interface ZestIcon {
+    /** Le nom du Figma, tel quel — c'est la clé que les maquettes citent. */
+    name: string;
+    /** La catégorie du Figma. */
+    category: string;
+    /** Comment le dessin est peint. Voir l'en-tête du fichier. */
+    mode: "contour" | "remplissage";
+    /**
+     * Comment le dessin se LIT : trait ou plein.
+     *
+     * Une icône au contour est en trait par construction — un tracé de 2 px ne
+     * peut pas être une silhouette pleine. Pour les remplies, le style ne se lit
+     * nulle part dans le fichier : les deux sont des `fill`. Il a donc été
+     * RELEVÉ À L'ŒIL, sur deux planches rendues à 72 px.
+     *
+     * ⚠️  Il n'est PAS calculable. On a essayé, à la part de la boîte couverte :
+     * la distribution va de 14,8 % à 55,9 % sans aucun creux, le plus grand vide
+     * entre deux valeurs voisines faisant 7,5 points. Aucun seuil ne sépare les
+     * deux familles.
+     *
+     * ⚠️  Le suffixe ne suffit pas non plus. Le couple `-01`/`-02` = trait/plein
+     * se vérifie sur 14 familles sur 16 — et tombe sur `trash`, dont les deux
+     * variantes sont creuses. Ailleurs dans le Figma, `share-01`, `-02` et `-03`
+     * sont trois dessins différents. Et une icône sans variante n'est pas
+     * automatiquement en trait : `bell-01`, `bookmark-01`, `flag-01` et
+     * `tool-01` sont franchement pleines.
+     */
+    style: "trait" | "plein";
+    /** Les tracés, dans l'ordre du Figma. */
+    paths: ZestPath[];
+    /**
+     * Mots-clés de recherche, venus des descriptions Figma.
+     *
+     * Filtrés : une description dont aucun mot n'apparaît dans le nom a été
+     * recopiée d'une autre icône, et elle est écartée. Sans ce filtre, les six
+     * icônes d'alerte répondaient à « star » — elles décrivent toutes
+     * « star, favorite, favourite, save, galaxy ».
+     */
+    keywords?: string[];
+}
+declare const ZEST_ICONS: ZestIcon[];
+/**
+ * Les dessins ÉCARTÉS parce qu'un autre porte déjà leur nom.
+ *
+ * Ce ne sont pas des doublons : ce sont d'autres dessins, sous le même nom, et
+ * tous utilisables. Dans chaque cas une silhouette remplie affronte un tracé au
+ * contour — deux générations de dessin cohabitent dans le Figma.
+ *
+ * Ils ne sont pas publiés en composants, et c'est volontaire : un catalogue à
+ * clé dupliquée n'a plus de source unique. Mais ils sont ici, et la page
+ * « Icônes » les montre à côté de ceux qui gagnent, pour qu'on tranche en
+ * regardant. Inventer un nom pour les départager serait pire : un nom inventé
+ * n'existe dans aucune maquette, donc personne ne le citerait.
+ */
+declare const ZEST_ICONS_EN_CONFLIT: (ZestIcon & {
+    node: string;
+    raison: string;
+})[];
+/**
+ * Les icônes dont le style est DISCUTABLE, laissées en trait.
+ *
+ * Elles mélangent du solide et du creux et n'ont pas de variante qui
+ * trancherait. Les basculer en plein les sortirait de l'onglet où on les
+ * cherche ; les laisser en trait est un choix, pas une mesure. La page les
+ * liste pour qu'on puisse les déplacer en connaissance de cause.
+ */
+declare const STYLES_A_REVOIR: {
+    name: string;
+    pourquoi: string;
+}[];
+/** Retrouve une icône par son nom Figma. */
+declare const findIcon: (name: string) => ZestIcon | undefined;
+
+export { AlertCircle01, AlertCircle02, AlertTriangle01, AlertTriangle02, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowNarrowDown, ArrowNarrowDownLeft, ArrowNarrowDownRight, ArrowNarrowLeft, ArrowNarrowRight, ArrowNarrowUp, ArrowNarrowUpLeft, ArrowNarrowUpRight, ArrowRight, BarChartSquare02, Bell01, BellOff01, Bookmark01, Building07, Calendar, CalendarPlus01, Check, CheckCircle01, CheckCircle02, CheckDone01, ChevronDown, ChevronDownDouble, ChevronLeft, ChevronLeftDouble, ChevronRight, ChevronRightDouble, ChevronUp, ChevronUpDouble, Circle, Clock, DotsVertical, Download01, Edit01, Edit02, Eye01, Eye02, EyeOff, FeatureActionPlan, FeatureAlignmentMap, FeatureCheckin, FeatureCockpit, FeatureEngageo, FeatureFeedback, FeatureIdea, FeatureIntercom01, FeatureIntercom02, FeatureKeydriver, FeatureMood01, FeatureMood02, FeatureObjective, FeatureProject, FeatureResume, FeatureSkill, FeatureSurvey01, FeatureSurvey02, FileAudio, FileCsv, FileDoc, FileDocument, FileDocx, FileEmpty, FileEps, FileFolder, FileGif, FileIcon, type FileIconFamille, type FileIconProps, type FileIconVariante, FileImage, FileImg, FileJpeg, FileJpg, FilePdf, FilePdfSimple, FilePng, FilePpt, FilePptx, FileSpreadsheet, FileSvg, FileTiff, FileTxt, FileVideo01, FileVideo02, FileWebp, FileXls, FileXlsx, FilterFunnel01, FilterFunnel02, Flag01, Heart01, Heart02, HelpCircle01, HelpCircle02, Home01, Home02, Inbox01, InfoCircle01, InfoCircle02, LOGO_BOITES, LOGO_ECART, Link01, LinkBroken01, Lock01, Lock02, LockUnlocked01, LockUnlocked02, LogOut01, type LogoVariante, Mail01, Mail02, Menu01, MessageBubble01, MessageBubble02, MessageChatSquare, Minus, MinusCircle, ModuleLead, ModuleListen, ModulePerform, ModuleShare, Plus, PlusCircle01, PlusCircle02, RefreshCw01, STYLES_A_REVOIR, Search01, Send01, Settings01, Settings02, Share01, Share02, Share03, SlashCircle01, SlashDivider, SmartOrg, Star01, Target05, ThumbsDown, ThumbsUp, Tick, Tool01, Trash01, Trash02, Upload01, User01, Users01, XCircle, XClose, ZEST_FILE_ICONS, ZEST_ICONS, ZEST_ICONS_EN_CONFLIT, ZEST_LOGO, ZestAiLogo, type ZestFileIcon, type ZestIcon, ZestLogo, ZestLogomark, type ZestPath, ZestWordmark, findFileIcon, findIcon };