@dnax/ui 0.0.73 → 0.0.75

package/components/QBtnDropdown.vue

@@ -31,6 +31,7 @@ export interface DropdownItem {
 import { computed } from "vue"
 import type { StyleValue } from "vue"
 import QBtnActions, { type DropdownPosition } from "./QBtnActions.vue"
+import { useRadius } from "../lib/useComponentProps"
 import type { RadiusProp } from "../lib/useComponentProps"
 
 interface Props {
@@ -115,6 +116,12 @@ const mappedActions = computed(() =>
 )
 
 const onSelectAction = (value: any) => emit("select", value)
+
+// radius : prop explicite > composantProps.QBtnDropdown > composantProps.default.
+// On transmet la valeur **résolue** (et non la prop brute) pour que
+// `componentProps.QBtnDropdown.radius` ne soit pas ignoré au profit de celui du
+// moteur QBtnActions.
+const effectiveRadius = useRadius("QBtnDropdown", () => props.radius)
 </script>
 
 <template>
@@ -134,7 +141,7 @@ const onSelectAction = (value: any) => emit("select", value)
     :color="color"
     :text-color="textColor"
     :size="size"
-    :radius="radius"
+    :radius="effectiveRadius"
     :flat="flat"
     :outline="outline"
     :unelevated="unelevated"

package/components/QCard.vue

@@ -3,7 +3,7 @@
 // Pas d'ombre par défaut ; elevated l'ajoute, flat la retire explicitement.
 // Slots : default, media (zone image en haut), actions (zone actions en bas)
 import { computed } from "vue"
-import { radiusStyle, useRadius } from "../lib/useComponentProps"
+import { radiusStyleNative, useRadius } from "../lib/useComponentProps"
 import type { RadiusProp } from "../lib/useComponentProps"
 
 interface Props {
@@ -35,9 +35,9 @@ const props = withDefaults(defineProps<Props>(), {
   hover: false,
 })
 
-// radius : prop explicite > composantProps.QCard.radius ; échelle → --q-radius
+// radius : prop explicite > composantProps.QCard.radius ; échelle → --q-radius (true = md)
 const effectiveRadius = useRadius("QCard", () => props.radius)
-const roundedStyle = computed(() => radiusStyle(effectiveRadius.value))
+const roundedStyle = computed(() => radiusStyleNative(effectiveRadius.value))
 </script>
 
 <template>

package/components/QDialog.vue

@@ -14,7 +14,7 @@ export const qDialogKey: InjectionKey<DialogContext> = Symbol("q-dialog")
 import { computed, onBeforeUnmount, onMounted, provide, watch } from "vue"
 import type { StyleValue } from "vue"
 import { cn } from "../lib/utils"
-import { radiusStyle, useRadius } from "../lib/useComponentProps"
+import { radiusStyleNative, useRadius } from "../lib/useComponentProps"
 import type { RadiusProp } from "../lib/useComponentProps"
 import { useOverlayBack } from "../lib/overlayBack"
 import { markOverlayClose } from "../lib/closeOverlay"
@@ -150,7 +150,7 @@ const overlayClasses = computed(() => cn("q-dialog__overlay", `q-dialog__overlay
 
 // radius : prop explicite > composantProps.QDialog.radius ; échelle → --q-radius
 const effectiveRadius = useRadius("QDialog", () => props.radius)
-const roundedStyle = computed(() => radiusStyle(effectiveRadius.value))
+const roundedStyle = computed(() => radiusStyleNative(effectiveRadius.value))
 
 const contentClasses = computed(() =>
   cn(

package/components/QGridItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-// QGridItem — cellule de la grille style Vant : <q-grid-item icon="lucide:photo" text="Photos" badge="3" />
+// QGridItem — cellule de la grille style Vant : <q-grid-item icon="lucide:image" text="Photos" badge="3" />
 // À utiliser dans <q-grid :column-num="…">. Affiche une icône (ou un slot) + un
 // texte, avec badge / point de notification, effet cliquable et navigation (href).
 import { computed } from "vue"

package/components/QImg.vue

@@ -77,8 +77,10 @@ const imageClasses = computed(() =>
 )
 
 // radius : prop explicite > composantProps.QImg > composantProps.default → --q-radius
+// `true` = pilule (forme native documentée) → classe dédiée, pas un `--q-radius`
 const effectiveRadius = useRadius("QImg", () => props.radius)
 const roundedStyle = computed(() => radiusStyle(effectiveRadius.value))
+const roundedClass = computed(() => (effectiveRadius.value === true ? "q-img--rounded" : undefined))
 
 const imageStyle = computed(() => `${props.imgStyle}; object-position: ${props.position}`)
 
@@ -101,7 +103,7 @@ const showLoading = computed(() => props.loading || imgLoading.value)
 </script>
 
 <template>
-  <div class="q-img" :style="[containerStyle, roundedStyle]">
+  <div class="q-img" :class="roundedClass" :style="[containerStyle, roundedStyle]">
     <!-- Placeholder basse résolution pendant le chargement -->
     <img
       v-if="placeholderSrc && imgLoading && !imgError"

package/components/QInputOtp.vue

@@ -190,6 +190,8 @@ const rootClasses = computed(() =>
     props.dense && "q-field--dense",
     props.error && "q-field--error",
     props.disable && "q-field--disabled",
+    // `radius: true` = pilule (forme native documentée)
+    effectiveRadius.value === true && "q-input-otp--rounded",
   ),
 )
 

package/components/QSyntax.vue

@@ -8,7 +8,7 @@ import { createHighlighter, type Highlighter } from "shiki"
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript"
 import { Icon } from "@iconify/vue"
 import { icons } from "../lib/icons"
-import { radiusStyle, useRadius } from "../lib/useComponentProps"
+import { radiusStyleNative, useRadius } from "../lib/useComponentProps"
 import type { RadiusProp } from "../lib/useComponentProps"
 
 const DEFAULT_THEME = "github-dark-default"
@@ -44,7 +44,7 @@ const props = withDefaults(defineProps<Props>(), {
 
 // radius : prop explicite > composantProps.QSyntax.radius > composantProps.default.radius
 const effectiveRadius = useRadius("QSyntax", () => props.radius)
-const roundedStyle = computed(() => radiusStyle(effectiveRadius.value))
+const roundedStyle = computed(() => radiusStyleNative(effectiveRadius.value))
 
 const slots = useSlots()
 

package/components/QTable.vue

@@ -33,7 +33,7 @@ import { computed, getCurrentInstance, onBeforeUnmount, onMounted, ref, watch }
 import { Icon } from "@iconify/vue"
 import { icons } from "../lib/icons"
 import { cn } from "../lib/utils"
-import { radiusStyle, useRadius } from "../lib/useComponentProps"
+import { radiusStyleNative, useRadius } from "../lib/useComponentProps"
 import type { RadiusProp } from "../lib/useComponentProps"
 import QSelect from "./QSelect.vue"
 
@@ -437,7 +437,7 @@ const tableClasses = computed(() =>
 
 // radius : prop explicite > composantProps.QTable.radius > composantProps.default.radius
 const effectiveRadius = useRadius("QTable", () => props.radius)
-const roundedStyle = computed(() => radiusStyle(effectiveRadius.value))
+const roundedStyle = computed(() => radiusStyleNative(effectiveRadius.value))
 
 const sortThClass = computed(() => "q-table__sort")
 

package/index.ts

@@ -208,6 +208,10 @@ export { textareaCap, textareaMetrics, textareaSizing } from "./lib/textarea"
 export type { TextareaMetrics, TextareaSizing, TextareaComputedStyle } from "./lib/textarea"
 export { useTextareaAutosize } from "./lib/useTextareaAutosize"
 export type { TextareaAutosize, UseTextareaAutosizeOptions } from "./lib/useTextareaAutosize"
+export { iconsRegistered, registerIconSet, registerIcons } from "./lib/registerIcons"
+export { lucideIconSet } from "./lib/iconSet"
+export { icons } from "./lib/icons"
+export type { IconSetJson } from "./lib/icons"
 export { chartToECharts, channelValue, pickFromEvent, tableCsv, tableModel, textValue, tokenCss } from "./lib/chart"
 export type {
   QChartAxis,

package/lib/iconSet.test.ts

@@ -0,0 +1,61 @@
+// Icônes embarquées — garde-fou contre la dérive du fichier généré.
+//
+// `lib/iconSet.ts` est produit par `bun scripts/gen-icon-set.ts`. Si quelqu'un ajoute
+// un `lucide:…` dans un composant sans relancer le script, l'icône repasse
+// silencieusement par l'API Iconify (donc : absente du SSR et du mode hors ligne).
+// Ces tests échouent dans ce cas, sans navigateur ni réseau.
+import { readdirSync, readFileSync } from "node:fs"
+import { join } from "node:path"
+import { describe, expect, it } from "bun:test"
+import { icons } from "./icons"
+import { lucideIconSet } from "./iconSet"
+
+const ICON_NAME_RE = /\blucide:[a-z0-9]+(?:-[a-z0-9]+)*/g
+const componentsDir = join(import.meta.dir, "..", "components")
+
+const has = (name: string): boolean =>
+  name in lucideIconSet.icons || Boolean(lucideIconSet.aliases && name in lucideIconSet.aliases)
+
+const strip = (value: string): string => value.slice("lucide:".length)
+
+describe("lucideIconSet (généré)", () => {
+  it("est une collection lucide valide", () => {
+    expect(lucideIconSet.prefix).toBe("lucide")
+    expect(lucideIconSet.width).toBe(24)
+    expect(lucideIconSet.height).toBe(24)
+    expect(Object.keys(lucideIconSet.icons).length).toBeGreaterThan(0)
+    for (const [name, icon] of Object.entries(lucideIconSet.icons)) {
+      expect(name).not.toContain(":")
+      expect(icon.body.length).toBeGreaterThan(0)
+    }
+  })
+
+  it("contient toutes les icônes de `lib/icons.ts`", () => {
+    const missing = Object.values(icons)
+      .map(strip)
+      .filter((name) => !has(name))
+    expect(missing).toEqual([])
+  })
+
+  it("contient tous les `lucide:…` référencés dans les composants", () => {
+    const files = readdirSync(componentsDir, { recursive: true })
+      .map(String)
+      .filter((path) => path.endsWith(".vue"))
+      .map((path) => join(componentsDir, path))
+
+    const missing = new Set<string>()
+    for (const file of files) {
+      for (const match of readFileSync(file, "utf8").matchAll(ICON_NAME_RE)) {
+        const name = strip(match[0])
+        if (!has(name)) missing.add(name)
+      }
+    }
+    expect([...missing]).toEqual([])
+  })
+
+  it("embarque la parente de chaque alias", () => {
+    for (const alias of Object.values(lucideIconSet.aliases ?? {})) {
+      expect(alias.parent in lucideIconSet.icons).toBe(true)
+    }
+  })
+})

package/lib/iconSet.ts

@@ -0,0 +1,91 @@
+// ⚠️ FICHIER GÉNÉRÉ — ne pas éditer à la main.
+// Commande : bun scripts/gen-icon-set.ts --out ./lib/iconSet.ts --src ./components --src ./lib
+//
+// Sous-ensemble de la collection `lucide` : 68 icônes + 4 alias, relevées dans
+// `./components`, `./lib`. Embarqué dans le bundle, il est enregistré auprès d'Iconify par
+// `registerIcons()` (ou par le module Nuxt `@dnax/ui`) via `addCollection()` :
+// ces icônes ne déclenchent **aucune** requête vers l'API Iconify et sont rendues
+// dès le SSR. Les noms absents de ce fichier continuent de passer par l'API.
+import type { IconSetJson } from "./icons"
+
+export const lucideIconSet: IconSetJson = {
+  prefix: "lucide",
+  width: 24,
+  height: 24,
+  icons: {
+    "align-left": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12H3m14 6H3M21 6H3\"/>" },
+    "arrow-down": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m7-7l-7 7l-7-7\"/>" },
+    "arrow-down-a-z": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 16l4 4l4-4m-4 4V4m13 4h-5m0 2V6.5a2.5 2.5 0 0 1 5 0V10m-5 4h5l-5 6h5\"/>" },
+    "arrow-down-wide-narrow": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 16l4 4l4-4m-4 4V4m4 0h10M11 8h7m-7 4h4\"/>" },
+    "arrow-up": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l7-7l7 7m-7 7V5\"/>" },
+    "arrow-up-a-z": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 8l4-4l4 4M7 4v16M20 8h-5m0 2V6.5a2.5 2.5 0 0 1 5 0V10m-5 4h5l-5 6h5\"/>" },
+    "arrow-up-down": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 16l-4 4l-4-4m4 4V4M3 8l4-4l4 4M7 4v16\"/>" },
+    "arrow-up-narrow-wide": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 8l4-4l4 4M7 4v16m4-8h4m-4 4h7m-7 4h10\"/>" },
+    "calendar-days": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M8 2v3m8-3v3\"/><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M3 9h18M8 13h.01M12 13h.01M16 13h.01M8 17h.01M12 17h.01M16 17h.01\"/></g>" },
+    "check": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"/>" },
+    "chevron-down": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/>" },
+    "chevron-left": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 18l-6-6l6-6\"/>" },
+    "chevron-right": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"/>" },
+    "chevron-up": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 15l-6-6l-6 6\"/>" },
+    "chevrons-left": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m11 17l-5-5l5-5m7 10l-5-5l5-5\"/>" },
+    "chevrons-right": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 17l5-5l-5-5m7 10l5-5l-5-5\"/>" },
+    "clipboard-paste": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M11 14h10M16 4h2a2 2 0 0 1 2 2v1.344M17 18l4-4l-4-4\"/><path d=\"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113\"/><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\"/></g>" },
+    "clock": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\"/></g>" },
+    "columns-3": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18m6-18v18\"/></g>" },
+    "copy": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></g>" },
+    "delete": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm2 4l6 6m0-6l-6 6\"/>" },
+    "download": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10l5 5l5-5\"/></g>" },
+    "ellipsis": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"19\" cy=\"12\" r=\"1\"/><circle cx=\"5\" cy=\"12\" r=\"1\"/></g>" },
+    "ellipsis-vertical": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"/><circle cx=\"12\" cy=\"5\" r=\"1\"/><circle cx=\"12\" cy=\"19\" r=\"1\"/></g>" },
+    "eraser": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21m-7.752-9.91l8.828 8.828\"/>" },
+    "eye": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g>" },
+    "eye-off": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242\"/><path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20\"/></g>" },
+    "file": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/></g>" },
+    "file-archive": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M8 12v-1m0 7v-2m0-9V6\"/><circle cx=\"8\" cy=\"20\" r=\"2\"/></g>" },
+    "file-audio": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3\"/><path d=\"M14 2v4a2 2 0 0 0 2 2h4M2 19a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0v-4a6 6 0 0 1 12 0v4a2 2 0 1 1-4 0v-1a2 2 0 1 1 4 0\"/></g>" },
+    "file-code": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5m-10 4.5L8 15l2 2.5m4-5l2 2.5l-2 2.5\"/></g>" },
+    "file-image": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/><circle cx=\"10\" cy=\"12\" r=\"2\"/><path d=\"m20 17l-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22\"/></g>" },
+    "file-play": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5m-4.967 5.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56v-4.704a.645.645 0 0 1 .967-.56z\"/></g>" },
+    "file-plus": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M9 15h6m-3 3v-6\"/></g>" },
+    "file-spreadsheet": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M8 13h2m4 0h2m-8 4h2m4 0h2\"/></g>" },
+    "file-text": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"/></g>" },
+    "filter": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22 3H2l8 9.46V19l4 2v-8.54z\"/>" },
+    "globe": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2a14.5 14.5 0 0 0 0 20a14.5 14.5 0 0 0 0-20M2 12h20\"/></g>" },
+    "grip-vertical": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"9\" cy=\"12\" r=\"1\"/><circle cx=\"9\" cy=\"5\" r=\"1\"/><circle cx=\"9\" cy=\"19\" r=\"1\"/><circle cx=\"15\" cy=\"12\" r=\"1\"/><circle cx=\"15\" cy=\"5\" r=\"1\"/><circle cx=\"15\" cy=\"19\" r=\"1\"/></g>" },
+    "highlighter": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m9 11l-6 6v3h9l3-3\"/><path d=\"m22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\"/></g>" },
+    "house": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"/><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></g>" },
+    "image": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/><path d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"/></g>" },
+    "image-plus": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M16 5h6m-3-3v6m2 3.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5\"/><path d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/></g>" },
+    "info": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></g>" },
+    "italic": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 4h-9m4 16H5M15 4L9 20\"/>" },
+    "letter-b": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8\"/>" },
+    "loader-circle": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 1 1-6.219-8.56\"/>" },
+    "menu": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"/>" },
+    "minus": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14\"/>" },
+    "paperclip": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 6l-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551\"/>" },
+    "pencil": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"/>" },
+    "plus": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7v14\"/>" },
+    "redo-2": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m15 14l5-5l-5-5\"/><path d=\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\"/></g>" },
+    "refresh-cw": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M8 16H3v5\"/></g>" },
+    "rows-3": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M21 9H3m18 6H3\"/></g>" },
+    "scissors": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><path d=\"M8.12 8.12L12 12m8-8L8.12 15.88\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><path d=\"M14.8 14.8L20 20\"/></g>" },
+    "search": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m21 21l-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></g>" },
+    "send": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939\"/>" },
+    "settings": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g>" },
+    "share": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 2v13m4-9l-4-4l-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/>" },
+    "square-minus": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M8 12h8\"/></g>" },
+    "square-plus": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M8 12h8m-4-4v8\"/></g>" },
+    "star": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z\"/>" },
+    "table-cells-merge": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 21v-6m0-6V3M3 15h18M3 9h18\"/><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/></g>" },
+    "trash": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/>" },
+    "undo-2": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M9 14L4 9l5-5\"/><path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\"/></g>" },
+    "user": { body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></g>" },
+    "x": { body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/>" },
+  },
+  aliases: {
+    "bold": { parent: "letter-b" },
+    "file-video": { parent: "file-play" },
+    "home": { parent: "house" },
+    "trash-2": { parent: "trash" },
+  },
+}

package/lib/iconSetScrape.ts

@@ -0,0 +1,139 @@
+// Extraction d'icônes pour l'embarquement — **Node uniquement (build)**.
+//
+// Utilisé par :
+//   - `module.ts` (module Nuxt) : scanne les sources de l'app hôte au build ;
+//   - `scripts/gen-icon-set.ts` : produit `lib/iconSet.ts` (sous-ensemble figé) ;
+//   - `lib/iconSet.test.ts` : garde-fou contre la dérive du fichier généré.
+//
+// ⚠️ Ne pas réexporter depuis `index.ts` : ce fichier importe `node:fs`, il n'a rien à
+// faire dans un bundle client.
+import { readdirSync, readFileSync } from "node:fs"
+import { join } from "node:path"
+import type { IconSetJson } from "./icons"
+
+/** `lucide:arrow-down`, `lucide:table-cells-merge`… */
+export const ICON_NAME_RE = /\blucide:[a-z0-9]+(?:-[a-z0-9]+)*/g
+
+const PREFIX = "lucide:"
+
+const TEXT_FILE_RE = /\.(vue|ts|js|mjs|md|mdx)$/
+
+/** Dossiers techniques jamais scannés (le reste de l'arbre est parcouru). */
+export const SKIP_DIRS = new Set([
+  "node_modules",
+  ".nuxt",
+  ".output",
+  ".data",
+  ".git",
+  "dist",
+  "coverage",
+  "public",
+])
+
+/** Noms d'icônes cités dans un texte, **sans** le préfixe (`arrow-down`). */
+export const iconNamesIn = (text: string): string[] =>
+  [...text.matchAll(ICON_NAME_RE)].map((match) => match[0].slice(PREFIX.length))
+
+/** Sous-ensemble de `IconifyJSON` (collection officielle) dont on a besoin. */
+export interface IconifySourceCollection {
+  prefix: string
+  width?: number
+  height?: number
+  icons: Record<string, { body: string; [key: string]: unknown }>
+  aliases?: Record<string, { parent: string; [key: string]: unknown }>
+}
+
+export interface ScrapeOptions {
+  /** Dossiers supplémentaires à ignorer (noms de base, pas des chemins) */
+  skipDirs?: Iterable<string>
+}
+
+/** Fichiers texte (`.vue`, `.ts`, `.js`, `.mjs`, `.md`…) sous `dir`, récursivement. */
+export const textFilesUnder = (dir: string, options: ScrapeOptions = {}): string[] => {
+  const skip = new Set([...SKIP_DIRS, ...(options.skipDirs ?? [])])
+  const found: string[] = []
+
+  const walk = (current: string): void => {
+    let entries
+    try {
+      entries = readdirSync(current, { withFileTypes: true })
+    } catch {
+      return // dossier absent ou illisible : on ignore
+    }
+    for (const entry of entries) {
+      const path = join(current, entry.name)
+      if (entry.isDirectory()) {
+        if (!skip.has(entry.name)) walk(path)
+        continue
+      }
+      // Les tests citent des noms d'icônes pour vérifier : rien à embarquer.
+      if (!TEXT_FILE_RE.test(entry.name) || entry.name.endsWith(".test.ts")) continue
+      found.push(path)
+    }
+  }
+
+  walk(dir)
+  return found
+}
+
+/** Noms d'icônes relevés dans un ensemble de dossiers (dédupliqués, triés). */
+export const scrapeIconNames = (dirs: string[], options: ScrapeOptions = {}): string[] => {
+  const names = new Set<string>()
+  for (const dir of dirs) {
+    for (const file of textFilesUnder(dir, options)) {
+      for (const name of iconNamesIn(readFileSync(file, "utf8"))) names.add(name)
+    }
+  }
+  return [...names].sort()
+}
+
+/** Construit une collection (alias résolus, parente incluse) à partir de noms nus. */
+export const buildIconSet = (
+  source: IconifySourceCollection,
+  names: Iterable<string>,
+): { set: IconSetJson; missing: string[] } => {
+  const icons: IconSetJson["icons"] = {}
+  const aliases: NonNullable<IconSetJson["aliases"]> = {}
+  const missing: string[] = []
+
+  const add = (name: string): void => {
+    if (name in icons || name in aliases) return
+    const icon = source.icons[name]
+    if (icon) {
+      icons[name] = { body: icon.body }
+      return
+    }
+    const alias = source.aliases?.[name]
+    if (alias) {
+      aliases[name] = { parent: alias.parent }
+      // Un alias ne rend rien sans sa parente : on l'embarque aussi.
+      add(alias.parent)
+      return
+    }
+    missing.push(name)
+  }
+
+  for (const name of [...names].sort()) add(name)
+
+  const set: IconSetJson = {
+    prefix: source.prefix,
+    width: source.width ?? 24,
+    height: source.height ?? 24,
+    icons,
+  }
+  if (Object.keys(aliases).length) set.aliases = aliases
+  return { set, missing }
+}
+
+/** Fusionne deux collections (les entrées de `extra` complètent `base`). */
+export const mergeIconSets = (base: IconSetJson, extra: IconSetJson): IconSetJson => {
+  const aliases = { ...base.aliases, ...extra.aliases }
+  const merged: IconSetJson = {
+    prefix: base.prefix,
+    width: base.width ?? extra.width,
+    height: base.height ?? extra.height,
+    icons: { ...base.icons, ...extra.icons },
+  }
+  if (Object.keys(aliases).length) merged.aliases = aliases
+  return merged
+}

package/lib/icons.ts

@@ -64,3 +64,19 @@ export const icons = {
   highlighter: "lucide:highlighter",
   tableCellsMerge: "lucide:table-cells-merge",
 } as const
+
+/**
+ * Collection Iconify minimale : le sous-ensemble d'une collection officielle
+ * (`lucide` ici) que l'on peut **embarquer dans le bundle** pour éviter l'appel
+ * réseau de `@iconify/vue`. Voir `lib/iconSet.ts` (généré) et `lib/registerIcons.ts`.
+ */
+export interface IconSetJson {
+  /** Préfixe de collection, sans `:` — ex. `"lucide"` */
+  prefix: string
+  width?: number
+  height?: number
+  /** Icônes : nom (sans préfixe) → corps SVG */
+  icons: Record<string, { body: string }>
+  /** Alias (lucide en a quelques-uns : `activity-square` → `square-activity`) */
+  aliases?: Record<string, { parent: string }>
+}

package/lib/registerIcons.ts

@@ -0,0 +1,37 @@
+// registerIcons — embarque les icônes du design system dans le bundle.
+//
+// Par défaut, `@iconify/vue` va chercher chaque icône **à la demande** sur
+// `api.iconify.design`. En SSR cela ne rend que la coquille
+// `<svg class="iconify iconify--lucide">` (les `<path>` arrivent après le fetch
+// client) et, sans réseau, **aucune** icône n'apparaît. Enregistrer une collection
+// locale (`addCollection`) supprime la requête pour toutes les icônes de
+// `lib/iconSet.ts` (fichier généré par `scripts/gen-icon-set.ts`).
+//
+// - Appelé automatiquement par le module Nuxt `@dnax/ui` (option `icons`, défaut `true`).
+// - À appeler soi-même quand le module n'est pas utilisé (Vite/Nuxt manuel).
+// - Idempotent, et `addCollection` **fusionne** avec une collection déjà enregistrée
+//   sous le même préfixe : plusieurs appels (design system + extras d'une app) sont
+//   sans danger.
+import { addCollection } from "@iconify/vue"
+import { lucideIconSet } from "./iconSet"
+import type { IconSetJson } from "./icons"
+
+let registered = false
+
+/** Enregistre les icônes du design system auprès d'Iconify (idempotent). */
+export const registerIcons = (): void => {
+  if (registered) return
+  registered = true
+  addCollection(lucideIconSet)
+}
+
+/** `true` si `registerIcons()` a déjà été appelé. */
+export const iconsRegistered = (): boolean => registered
+
+/**
+ * Enregistre une collection Iconify **supplémentaire** (icônes propres à une app, à un
+ * site de docs…). Fusionne avec la collection déjà chargée — même préfixe compris.
+ */
+export const registerIconSet = (set: IconSetJson): void => {
+  addCollection(set)
+}

package/lib/useComponentProps.test.ts

@@ -1,6 +1,18 @@
 // Tests unitaires de la résolution du radius (échelle + style CSS).
+//
+// Ajout (2026-11-01) : `radius: true` était documenté « true = md » sur QCard / QDialog /
+// QSyntax / QTable sans poser le moindre style → surface carrée, silencieusement.
+// `radiusStyleNative` comble ce trou ; `radiusStyle` reste volontairement inchangé
+// (`true` → undefined) pour ne pas injecter un `--q-radius` global qui fuirait aux
+// enfants des champs/boutons (cf. `.memory/decisions.md`).
 import { describe, expect, it } from "bun:test"
-import { RADIUS_VALUES, radiusStyle, radiusValue } from "./useComponentProps"
+import {
+  RADIUS_VALUES,
+  isRadiusScale,
+  radiusStyle,
+  radiusStyleNative,
+  radiusValue,
+} from "./useComponentProps"
 
 describe("radiusValue", () => {
   it("traduit chaque barreau de l'échelle", () => {
@@ -33,4 +45,46 @@ describe("radiusStyle", () => {
     expect(radiusStyle(true)).toBeUndefined()
     expect(radiusStyle(undefined)).toBeUndefined()
   })
+
+  it("gère aussi none (carre) et l'échelle basse", () => {
+    expect(radiusStyle("none")).toEqual({ "--q-radius": "0px" })
+    expect(radiusStyle("sm")).toEqual({ "--q-radius": "4px" })
+  })
+})
+
+describe("isRadiusScale", () => {
+  it("reconnaît les échelles et rejette le reste", () => {
+    expect(isRadiusScale("md")).toBe(true)
+    expect(isRadiusScale("none")).toBe(true)
+    expect(isRadiusScale("12px")).toBe(false)
+    expect(isRadiusScale(true)).toBe(false)
+    expect(isRadiusScale(undefined)).toBe(false)
+  })
+})
+
+describe("RADIUS_VALUES", () => {
+  it("couvre toute l'échelle, croissante", () => {
+    expect(Object.keys(RADIUS_VALUES)).toEqual(["none", "xs", "sm", "md", "lg"])
+    expect(RADIUS_VALUES.none).toBe("0px")
+    expect(RADIUS_VALUES.lg).toBe("16px")
+  })
+})
+
+describe("radiusStyleNative (composants « true = échelle »)", () => {
+  it("convertit `true` en md par défaut", () => {
+    expect(radiusStyleNative(true)).toEqual({ "--q-radius": "8px" })
+  })
+
+  it("accepte une autre échelle par défaut", () => {
+    expect(radiusStyleNative(true, "lg")).toEqual({ "--q-radius": "16px" })
+  })
+
+  it("transmet une échelle telle quelle", () => {
+    expect(radiusStyleNative("sm")).toEqual({ "--q-radius": "4px" })
+    expect(radiusStyleNative("none")).toEqual({ "--q-radius": "0px" })
+  })
+
+  it("laisse undefined inchangé", () => {
+    expect(radiusStyleNative(undefined)).toBeUndefined()
+  })
 })

package/lib/useComponentProps.ts

@@ -65,3 +65,18 @@ export function radiusStyle(radius: RadiusProp | undefined): Record<string, stri
   const value = radiusValue(radius)
   return value ? { "--q-radius": value } : undefined
 }
+
+/**
+ * Style `--q-radius` des composants dont le booléen `radius` vaut une **échelle fixe**
+ * (documenté « true = md ») : `true` → `scale`.
+ *
+ * Les composants à forme native « pilule » (champs, boutons) ne passent **pas** par ici :
+ * ils posent leur propre classe (`.q-field--rounded`, `.q-btn--rounded`) — pour eux,
+ * `true` ne doit surtout pas devenir un `--q-radius` global qui fuirait aux enfants.
+ */
+export function radiusStyleNative(
+  radius: RadiusProp | undefined,
+  scale: RadiusScale = "md",
+): Record<string, string> | undefined {
+  return radiusStyle(radius === true ? scale : radius)
+}

package/module.ts

@@ -4,12 +4,39 @@
  *
  * - Auto-importe les composants Q* (balises kebab-case : <q-btn>, <q-header>…)
  * - Ajoute styles/main.css (safe-area, tokens, styles de tous les composants)
+ * - **Embarque les icônes** : enregistre un sous-ensemble `lucide` auprès d'Iconify
+ *   (`addCollection`) — design system + (par défaut) les icônes `lucide:…` trouvées
+ *   dans les sources de l'app. Aucune requête vers l'API Iconify pour ces noms, et les
+ *   `<path>` sont présents dès le SSR.
  *
  * Options (clé `dnaxUi`) :
- *   components: false  — désactive l'auto-import des composants
- *   css: false         — désactive l'ajout de styles/main.css
+ *   components: false            — désactive l'auto-import des composants
+ *   css: false                   — désactive l'ajout de styles/main.css
+ *   icons: false                 — n'embarque aucune icône (API Iconify à la demande)
+ *   icons: { scan: false }       — n'embarque que le design system
+ *   icons: { dirs: ["app"] }     — limite le scan (chemins relatifs à rootDir)
  */
-import { addComponentsDir, addPluginTemplate, createResolver, defineNuxtModule } from "@nuxt/kit"
+import { addComponentsDir, addPluginTemplate, createResolver, defineNuxtModule, updateTemplates } from "@nuxt/kit"
+import { readFileSync } from "node:fs"
+import { createRequire } from "node:module"
+import { join, resolve } from "node:path"
+import { lucideIconSet } from "./lib/iconSet"
+import {
+  buildIconSet,
+  mergeIconSets,
+  scrapeIconNames,
+  type IconifySourceCollection,
+} from "./lib/iconSetScrape"
+
+export interface DnaxUiIconsOptions {
+  /**
+   * Scanne les sources de l'app au build pour embarquer aussi **ses** icônes
+   * `lucide:` (défaut : true)
+   */
+  scan?: boolean
+  /** Dossiers à scanner, résolus depuis `rootDir` (défaut : tout `rootDir`) */
+  dirs?: string[]
+}
 
 export interface DnaxUiModuleOptions {
   /** Auto-importe les composants Q* (défaut : true) */
@@ -18,6 +45,33 @@ export interface DnaxUiModuleOptions {
   css?: boolean
   /** Installe le handler « retour » : ferme l'overlay ouvert au lieu de naviguer (défaut : true) */
   overlayBack?: boolean
+  /**
+   * Icônes : `false` = rien d'embarqué (API Iconify à la demande) ; objet = réglages
+   * du scan. Par défaut : sous-ensemble du design system **+** scan des sources.
+   */
+  icons?: boolean | DnaxUiIconsOptions
+}
+
+/** Collection Iconify lue pour résoudre les noms (`@iconify-json/lucide`). */
+const LUCIDE_COLLECTION = "@iconify-json/lucide/icons.json"
+
+/**
+ * Charge la collection `lucide`. Elle vit dans les dépendances de `@dnax/ui` ; on tente
+ * la résolution depuis ce module, puis depuis l'app hôte (hoisting).
+ */
+const loadLucideCollection = (rootDir: string): IconifySourceCollection | null => {
+  const resolvers = [
+    () => createRequire(import.meta.url).resolve(LUCIDE_COLLECTION),
+    () => createRequire(join(rootDir, "package.json")).resolve(LUCIDE_COLLECTION),
+  ]
+  for (const resolveSpec of resolvers) {
+    try {
+      return JSON.parse(readFileSync(resolveSpec(), "utf8")) as IconifySourceCollection
+    } catch {
+      // on passe au résolveur suivant
+    }
+  }
+  return null
 }
 
 export default defineNuxtModule<DnaxUiModuleOptions>({
@@ -30,12 +84,13 @@ export default defineNuxtModule<DnaxUiModuleOptions>({
     components: true,
     css: true,
     overlayBack: true,
+    icons: { scan: true },
   },
   setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url)
+    const { resolve: resolvePath } = createResolver(import.meta.url)
 
     if (options.css) {
-      const cssPath = resolve("./styles/main.css")
+      const cssPath = resolvePath("./styles/main.css")
       if (!nuxt.options.css.includes(cssPath)) {
         nuxt.options.css.push(cssPath)
       }
@@ -43,13 +98,76 @@ export default defineNuxtModule<DnaxUiModuleOptions>({
 
     if (options.components) {
       addComponentsDir({
-        path: resolve("./components"),
+        path: resolvePath("./components"),
         prefix: "", // pas de préfixe : QBtn.vue → <q-btn>
         pathPrefix: false, // pas de préfixe par sous-dossier
         ignore: ["**/internal/**"], // composants internes : non auto-importés
       })
     }
 
+    // — Icônes embarquées ---------------------------------------------------------
+    // Plugin **universel** : côté serveur aussi, sinon le SSR ne rend que des coquilles
+    // `<svg class="iconify">`, les `<path>` n'arrivant qu'après le fetch client (et
+    // jamais sans réseau). `addCollection` est purement local et **fusionne**.
+    if (options.icons !== false) {
+      const iconsOptions: DnaxUiIconsOptions =
+        typeof options.icons === "object" ? options.icons : {}
+      const scan = iconsOptions.scan !== false
+
+      const dirs = iconsOptions.dirs?.length
+        ? iconsOptions.dirs.map((dir) => resolve(nuxt.options.rootDir, dir))
+        : [nuxt.options.rootDir]
+
+      const collection = scan ? loadLucideCollection(nuxt.options.rootDir) : null
+      if (scan && !collection) {
+        console.warn(
+          "[@dnax/ui] `@iconify-json/lucide` introuvable : seules les icônes du design system sont embarquées. " +
+            "Installez-le (`bun add -D @iconify-json/lucide`) pour scanner votre app.",
+        )
+      }
+
+      addPluginTemplate({
+        filename: "dnax-ui-icons.mjs",
+        getContents: () => {
+          let set = lucideIconSet
+          let scanned = false
+          if (collection) {
+            const { set: appSet, missing } = buildIconSet(collection, scrapeIconNames(dirs))
+            set = mergeIconSets(lucideIconSet, appSet)
+            scanned = true
+            if (nuxt.options.dev && missing.length) {
+              console.warn(
+                `[@dnax/ui] icône(s) \`lucide:\` absente(s) de la collection (faute de frappe ?) : ${missing.join(", ")}`,
+              )
+            }
+          }
+          return `
+import { defineNuxtPlugin } from "#imports"
+import { registerIconSet } from "@dnax/ui/runtime"
+
+// Sous-ensemble \`lucide\` embarqué (${Object.keys(set.icons).length} icônes) :
+// design system${scanned ? " + sources de l'app" : ""}. Aucune requête vers l'API Iconify
+// pour ces noms ; les autres retombent dessus (progressive enhancement).
+const ICON_SET = ${JSON.stringify(set)}
+
+export default defineNuxtPlugin(() => {
+  registerIconSet(ICON_SET)
+})
+`
+        },
+      })
+
+      // Dev : une icône ajoutée dans les sources régénère le module virtuel — sans ça
+      // il faudrait redémarrer le serveur pour l'embarquer (en attendant, l'icône
+      // s'affiche via l'API : dégradation, pas rupture).
+      if (scan) {
+        nuxt.hook("builder:watch", async (_event, watchedPath) => {
+          if (!/\.(vue|ts|js|mjs|md|mdx)$/.test(String(watchedPath).replace(/\\/g, "/"))) return
+          await updateTemplates({ filter: (template) => template.filename === "dnax-ui-icons.mjs" })
+        })
+      }
+    }
+
     // Dépendances CJS sans export ESM `default` explicite : esbuild doit les pré-bundler
     // (interop) sinon, servies brutes, le navigateur échoue sur « does not provide an
     // export named 'default' ». `leaflet` (lib/mapLeaflet.ts) est dans ce cas ; le code

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnax/ui",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "module": "index.ts",
   "description": "UI design System",
   "type": "module",
@@ -12,7 +12,8 @@
     "./styles/main.css": "./styles/main.css"
   },
   "scripts": {
-    "generate": "bun scripts/generate-exports.ts"
+    "generate": "bun scripts/generate-exports.ts",
+    "gen:icons": "bun scripts/gen-icon-set.ts --out ./lib/iconSet.ts --src ./components --src ./lib"
   },
   "private": false,
   "devDependencies": {
@@ -23,6 +24,7 @@
     "vue": "^3.5.41"
   },
   "dependencies": {
+    "@iconify-json/lucide": "^1.2.150",
     "@iconify/vue": "^5.0.1",
     "@maptiler/sdk": "^4.1.0",
     "@nuxt/kit": "4.5.2",

package/runtime.ts

@@ -46,6 +46,11 @@ export type { QNetwork, NetworkOptions } from "./lib/network"
 // `$q.wakeLock` (écran allumé) — Screen Wake Lock API.
 export { wakeLock, createWakeLock } from "./lib/wakeLock"
 export type { QWakeLock, WakeLockOptions } from "./lib/wakeLock"
+// Icônes du design system embarquées dans le bundle (`lib/iconSet.ts`, généré) :
+// appelé par le module Nuxt, à appeler soi-même sans module. Évite l'appel runtime
+// à l'API Iconify et rend les icônes dès le SSR.
+export { registerIcons, iconsRegistered } from "./lib/registerIcons"
+export { registerIconSet } from "./lib/registerIcons"
 
 // — Providers de `$q` (montés au boot par l'app hôte) —
 export { default as QDialogProvider } from "./components/QDialogProvider.vue"

package/scripts/gen-icon-set.ts

@@ -0,0 +1,110 @@
+/**
+ * Génère un **sous-ensemble** de la collection `lucide` contenant uniquement les
+ * icônes réellement référencées dans le code, sous forme d'un module TS prêt à être
+ * embarqué dans le bundle.
+ *
+ * C'est ce qui produit `lib/iconSet.ts` (icônes du design system, figées et testées).
+ * Le module Nuxt fait la même chose **à la volée** pour les sources de l'app hôte
+ * (option `icons.scan`) ; ce script sert quand on veut un fichier committé, ou sans Nuxt.
+ *
+ * Usage :
+ *   # design system (composants + lib) → packages/ui/lib/iconSet.ts
+ *   bun scripts/gen-icon-set.ts --out ./lib/iconSet.ts --src ./components --src ./lib
+ *
+ *   # app / site de docs → ./app/iconSet.ts
+ *   bun scripts/gen-icon-set.ts --out ./app/iconSet.ts --src ./app --src ./content \
+ *     --type-import @dnax/ui
+ *
+ * `--src` est récursif (`.vue`, `.ts`, `.js`, `.mjs`, `.md`), les dossiers
+ * `node_modules` / `.nuxt` / `.output` / `dist` / `public` sont ignorés. Un nom absent
+ * de la collection est signalé (faute de frappe le plus souvent).
+ */
+import { mkdir, readFile, writeFile } from "node:fs/promises"
+import { dirname, resolve } from "node:path"
+import {
+  buildIconSet,
+  scrapeIconNames,
+  type IconifySourceCollection,
+} from "../lib/iconSetScrape"
+
+// — Arguments ------------------------------------------------------------------
+let outFile = ""
+let typeImport = "./icons"
+const sources: string[] = []
+
+const args = process.argv.slice(2)
+for (let i = 0; i < args.length; i++) {
+  const arg = args[i]!
+  if (arg === "--out") outFile = args[++i] ?? ""
+  else if (arg === "--src") sources.push(args[++i] ?? "")
+  else if (arg === "--type-import") typeImport = args[++i] ?? "./icons"
+  else {
+    console.error(`Argument inconnu : ${arg}`)
+    process.exit(1)
+  }
+}
+
+if (!outFile || sources.length === 0) {
+  console.error(
+    "Usage : bun scripts/gen-icon-set.ts --out <fichier.ts> --src <dossier> [--src <dossier>…] [--type-import <specifier>]",
+  )
+  process.exit(1)
+}
+
+// — Relevé + résolution --------------------------------------------------------
+const resolvedSources = sources.map((src) => resolve(process.cwd(), src))
+const names = scrapeIconNames(resolvedSources)
+
+if (names.length === 0) {
+  console.error("Aucune icône `lucide:` trouvée dans les sources fournies.")
+  process.exit(1)
+}
+
+const collectionUrl = import.meta.resolve("@iconify-json/lucide/icons.json")
+const collection = JSON.parse(await readFile(new URL(collectionUrl), "utf8")) as IconifySourceCollection
+const { set, missing } = buildIconSet(collection, names)
+
+// — Écriture -------------------------------------------------------------------
+const iconNames = Object.keys(set.icons).sort()
+const aliasNames = Object.keys(set.aliases ?? {}).sort()
+
+const iconLines = iconNames
+  .map((name) => `    ${JSON.stringify(name)}: { body: ${JSON.stringify(set.icons[name]!.body)} },`)
+  .join("\n")
+const aliasLines = aliasNames
+  .map(
+    (name) =>
+      `    ${JSON.stringify(name)}: { parent: ${JSON.stringify(set.aliases![name]!.parent)} },`,
+  )
+  .join("\n")
+
+const sourceLabel = sources.map((src) => `\`${src}\``).join(", ")
+const header = `// ⚠️ FICHIER GÉNÉRÉ — ne pas éditer à la main.
+// Commande : bun scripts/gen-icon-set.ts --out ${outFile} --src ${sources.join(" --src ")}${typeImport === "./icons" ? "" : ` --type-import ${typeImport}`}
+//
+// Sous-ensemble de la collection \`lucide\` : ${iconNames.length} icônes${aliasNames.length ? ` + ${aliasNames.length} alias` : ""}, relevées dans
+// ${sourceLabel}. Embarqué dans le bundle, il est enregistré auprès d'Iconify par
+// \`registerIcons()\` (ou par le module Nuxt \`@dnax/ui\`) via \`addCollection()\` :
+// ces icônes ne déclenchent **aucune** requête vers l'API Iconify et sont rendues
+// dès le SSR. Les noms absents de ce fichier continuent de passer par l'API.
+import type { IconSetJson } from "${typeImport}"
+
+export const lucideIconSet: IconSetJson = {
+  prefix: "lucide",
+  width: ${set.width ?? 24},
+  height: ${set.height ?? 24},
+  icons: {
+${iconLines}
+  },
+${aliasLines ? `  aliases: {\n${aliasLines}\n  },\n` : ""}}
+`
+
+const outPath = resolve(process.cwd(), outFile)
+await mkdir(dirname(outPath), { recursive: true })
+await writeFile(outPath, header)
+
+const kb = (Buffer.byteLength(header) / 1024).toFixed(1)
+console.log(`✓ ${iconNames.length} icône(s) + ${aliasNames.length} alias → ${outFile} (${kb} Ko)`)
+if (missing.length) {
+  console.warn(`⚠️  ${missing.length} nom(s) introuvable(s) dans lucide : ${missing.join(", ")}`)
+}

package/scripts/generate-exports.ts

@@ -1,12 +1,23 @@
 /**
- * Regenerates `index.ts` with one explicit export per component.
+ * Regénère `index.ts` : une ligne d'export par composant, puis le **bloc manuel**
+ * (composables, helpers, types de `lib/`) recopié **tel quel**.
  * Run with: bun scripts/generate-exports.ts
+ *
+ * ⚠️ Ne jamais figer le bloc manuel dans ce script. Une version précédente le
+ * contenait en dur ; il avait pris du retard sur `index.ts` et une exécution a
+ * silencieusement supprimé `network`, `wakeLock`, `chartFormat`, `chartStats`,
+ * `chartTable`… (cf. `.memory/warnings.md`). Ici le bloc manuel est **relu** depuis
+ * `index.ts` : tout ce qui suit le dernier export de composant est conservé, donc le
+ * script est idempotent et ne peut plus rien perdre.
  */
-import { readdir } from "node:fs/promises"
+import { readdir, readFile } from "node:fs/promises"
 
 const componentsDir = new URL("../components/", import.meta.url)
 const indexFile = new URL("../index.ts", import.meta.url)
 
+/** Ligne produite pour un composant : `export { default as QX } from "./components/QX.vue"` */
+const COMPONENT_EXPORT_LINE = /^export \{ default as [\w$]+ \} from "\.\/components\/[\w$]+\.vue"$/
+
 const toPascalCase = (name: string) =>
   name
     .split(/[-_]/)
@@ -17,78 +28,44 @@ const files = (await readdir(componentsDir))
   .filter((file) => file.endsWith(".vue") && !file.startsWith("_"))
   .sort()
 
-const exports = files
+const componentExports = files
   .map(
     (file) =>
       `export { default as ${toPascalCase(file.replace(/\.vue$/, ""))} } from "./components/${file}"`,
   )
   .join("\n")
 
-// Exports manuels (composables / helpers) — conservés à chaque régénération
-const manualExports = `
-export { $q, usePlugin, useQ, QPlugin, dialogStack, closeDialog, bottomSheetStack, closeBottomSheet, useDialogPluginComponent, useBottomSheetPluginComponent } from "./lib/q"
-export type {
-  DialogOptions,
-  DialogController,
-  BottomSheetOptions,
-  BottomSheetController,
-  BottomSheetPluginContext,
-  NotifyOptions,
-  NotifyController,
-} from "./lib/q"
-export { platform, qBreakpoints } from "./lib/platform"
-export type { QPlatform } from "./lib/platform"
-export { screen } from "./lib/screen"
-export type { QScreen } from "./lib/screen"
-export { loading } from "./lib/loading"
-export type { LoadingOptions, QLoadingPlugin } from "./lib/loading"
-export { localStorage, sessionStorage } from "./lib/storage"
-export type { QWebStorage } from "./lib/storage"
-export {
-  registerOverlay,
-  unregisterOverlay,
-  hasOpenOverlays,
-  closeTopmostOverlay,
-  useOverlayBack,
-  installOverlayBackHandler,
-} from "./lib/overlayBack"
-export type { OverlayHandle } from "./lib/overlayBack"
-export { markOverlayClose, closeParentOverlay, vClose } from "./lib/closeOverlay"
-export { placePopover } from "./lib/datePicker"
-export type {
-  PlacePopoverOptions,
-  PopoverAnchor,
-  PopoverPlacement,
-  PopoverViewport,
-} from "./lib/datePicker"
-export { DEFAULT_LAYOUT_VIEW, parseView, qLayoutKey } from "./lib/layout"
-export type { LayoutView, LayoutZone, LayoutZonePlacement, QLayoutContext } from "./lib/layout"
-export { vRipple } from "./lib/ripple"
-export type { RippleOptions, RippleValue } from "./lib/ripple"
-export { chartToECharts, channelValue, pickFromEvent, tableModel, textValue } from "./lib/chart"
-export type {
-  QChartAxis,
-  QChartChannel,
-  QChartColumn,
-  QChartConfig,
-  QChartLegend,
-  QChartMark,
-  QChartMarkType,
-  QChartOrientation,
-  QChartTable,
-  QChartPick,
-} from "./lib/chart"
-export { vTouchPan } from "./lib/touchPan"
-export type { PanDetails, TouchPanHandler, PanDirection } from "./lib/touchPan"
-export { vTouchHold } from "./lib/touchHold"
-export type { TouchHoldDetails, TouchHoldHandler } from "./lib/touchHold"
-export { vTouchSwipe } from "./lib/touchSwipe"
-export type { TouchSwipeDetails, TouchSwipeHandler, SwipeDirection } from "./lib/touchSwipe"
-export { vTouchRepeat } from "./lib/touchRepeat"
-export type { TouchRepeatDetails, TouchRepeatHandler } from "./lib/touchRepeat"
-export { vIntersection } from "./lib/intersection"
-export type { IntersectionValue } from "./lib/intersection"
-`
+// — Bloc manuel : relu dans l'`index.ts` courant -------------------------------
+let current = ""
+try {
+  current = await readFile(indexFile, "utf8")
+} catch {
+  throw new Error(
+    "packages/ui/index.ts est introuvable : le bloc manuel (exports de `lib/`) ne peut pas être conservé. " +
+      "Recréez le fichier avec ses exports manuels avant de lancer ce script.",
+  )
+}
+
+const lines = current.split("\n")
+let lastComponentLine = -1
+lines.forEach((line, i) => {
+  if (COMPONENT_EXPORT_LINE.test(line)) lastComponentLine = i
+})
+
+// Fichier sans aucun export de composant (création manuelle) : tout est conservé.
+const manualExports = (lastComponentLine === -1 ? current : lines.slice(lastComponentLine + 1).join("\n"))
+  .trim()
+
+if (lastComponentLine === -1 && /\bexport\b/.test(manualExports)) {
+  console.warn(
+    "⚠️  Aucun export de composant reconnu dans index.ts : tout son contenu est traité comme bloc manuel.",
+  )
+}
+
+const output = manualExports ? `${componentExports}\n\n${manualExports}\n` : `${componentExports}\n`
+
+await Bun.write(indexFile, output)
 
-await Bun.write(indexFile, `${exports}\n${manualExports}`)
+const kept = manualExports ? manualExports.split("\n").length : 0
 console.log(`✓ ${files.length} composant(s) exporté(s) dans index.ts`)
+console.log(`✓ ${kept} ligne(s) d'exports manuels conservées (bloc relu depuis index.ts)`)

package/styles/main.css

@@ -2972,6 +2972,11 @@ html.dark body {
   border-radius: var(--q-radius);
 }
 
+/* `radius` (booléen) : forme pilule, cf. JSDoc de la prop. */
+.q-img--rounded {
+  border-radius: 9999px;
+}
+
 .q-img__image {
   position: absolute;
   inset: 0;
@@ -9254,6 +9259,13 @@ a.q-breadcrumbs__el:hover {
 .q-input-otp__box--error {
   border-color: var(--negative);
 }
+
+/* `radius` (booléen) : forme pilule — même intention que `.q-field--rounded` (20px).
+   Les cases font 48px : 20px les rend nettement arrondies sans les transformer en
+   cercles, ce qui laisserait des trous entre les caractères. */
+.q-input-otp--rounded .q-input-otp__box {
+  border-radius: 20px;
+}
 .q-input-otp__box--error:focus {
   border-color: var(--negative);
   box-shadow: 0 0 0 1px var(--negative);