{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "message",
  "title": "Message",
  "description": "Encart d'information dismissible (info / succès / avertissement / erreur).",
  "registryDependencies": [
    "@valraiso/icon"
  ],
  "files": [
    {
      "path": "registry/valraiso/message/message.astro",
      "content": "---\nimport Icon from \"../icon/icon.astro\";\nimport styles from \"./message.module.css\";\n\n/**\n * Message — encart d'information dismissible (info / succès / avertissement / erreur).\n *\n * Personnalisation :\n *  - `class` : classe(s) ajoutée(s) au conteneur racine.\n *  - variables CSS : --ads-message-bg, --ads-message-color, --ads-message-radius,\n *    --ads-message-padding, et par variante --ads-message-<type>-bg / -color.\n */\ntype MessageType = \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\ninterface Props {\n  type?: MessageType;\n  icon?: string;\n  class?: string;\n}\n\nconst DEFAULT_ICONS: Record<MessageType, string> = {\n  default: \"information\",\n  info: \"information\",\n  success: \"check-circle\",\n  warning: \"alert-triangle\",\n  error: \"alert-circle\",\n};\n\nconst { type = \"default\", icon, class: className } = Astro.props;\n\nconst iconCode = icon ?? DEFAULT_ICONS[type];\n---\n\n<div\n  class:list={[styles.message, type !== \"default\" && styles[type], className]}\n  data-message\n>\n  <Icon code={iconCode} class={styles.icon} width={22} height={22} />\n  <div class={styles.content}><slot /></div>\n  <button\n    class={styles.close}\n    type=\"button\"\n    aria-label=\"Fermer\"\n    data-message-close\n  >\n    <Icon code=\"cross\" />\n  </button>\n</div>\n\n<script>\n  document\n    .querySelectorAll<HTMLButtonElement>(\"[data-message-close]\")\n    .forEach((btn) =>\n      btn.addEventListener(\"click\", (e) => {\n        const message = (e.currentTarget as HTMLElement).closest(\n          \"[data-message]\",\n        );\n        if (message instanceof HTMLElement) message.style.display = \"none\";\n      }),\n    );\n</script>\n",
      "type": "registry:file",
      "target": "src/components/valraiso/message/message.astro"
    },
    {
      "path": "registry/valraiso/message/message.module.css",
      "content": ".message {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: var(--ads-message-padding, 12px 14px);\n  border-radius: var(--ads-message-radius, var(--ads-radius-300, 12px));\n  background: var(--ads-message-bg, var(--ads-grey-100, #f7f1f1));\n  color: var(--ads-message-color, var(--ads-black, #262626));\n  font-family: var(--ads-sans-serif-font, inherit);\n  font-size: var(--ads-message-font-size, 14px);\n  line-height: 1.45;\n}\n\n.info {\n  background: var(--ads-message-info-bg, #eaf3ff);\n  color: var(--ads-message-info-color, #14467a);\n}\n\n.success {\n  background: var(--ads-message-success-bg, #e7f9f0);\n  color: var(--ads-message-success-color, #0c6b43);\n}\n\n.warning {\n  background: var(--ads-message-warning-bg, #fff6e6);\n  color: var(--ads-message-warning-color, #8a5a00);\n}\n\n.error {\n  background: var(--ads-message-error-bg, #fdeaea);\n  color: var(--ads-message-error-color, #9a1f1f);\n}\n\n.icon {\n  flex: 0 0 auto;\n  margin-top: 1px;\n  color: currentColor;\n}\n\n.content {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.close {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: none;\n  color: currentColor;\n  cursor: pointer;\n  opacity: 0.6;\n  transition: opacity 160ms var(--ads-transition-easing, ease);\n}\n\n.close:hover {\n  opacity: 1;\n}\n",
      "type": "registry:file",
      "target": "src/components/valraiso/message/message.module.css"
    }
  ],
  "type": "registry:component"
}