@mieweb/ui 0.6.1-dev.133 → 0.6.1-dev.135

package/dist/chunk-VO3NWSCQ.cjs

@@ -0,0 +1,184 @@
+'use strict';
+
+var chunkUL3PQ7HL_cjs = require('./chunk-UL3PQ7HL.cjs');
+var chunkA2QVQF54_cjs = require('./chunk-A2QVQF54.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var papaPromise = null;
+function loadPapa() {
+  if (!papaPromise) {
+    papaPromise = import(
+      /* @vite-ignore */
+      'papaparse'
+    ).then((mod) => {
+      const api = mod.default ?? mod;
+      if (!api?.parse) throw new Error("papaparse export not found");
+      return api;
+    }).catch((err) => {
+      papaPromise = null;
+      throw err;
+    });
+  }
+  return papaPromise;
+}
+var CsvBlock = ({ code, id }) => {
+  const [sortConfig, setSortConfig] = react.useState(null);
+  const [papa, setPapa] = react.useState(null);
+  const [loadError, setLoadError] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    loadPapa().then((api) => {
+      if (!cancelled) setPapa(api);
+    }).catch(() => {
+      if (!cancelled)
+        setLoadError(
+          "CSV preview requires the `papaparse` package. Install it with `npm install papaparse`."
+        );
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const parsed = react.useMemo(() => {
+    if (!papa) return { headers: [], rows: [], error: null };
+    try {
+      const result = papa.parse(code, {
+        header: true,
+        dynamicTyping: true,
+        skipEmptyLines: "greedy"
+      });
+      if (result.errors?.length) {
+        return {
+          headers: result.meta.fields ?? [],
+          rows: result.data,
+          error: result.errors.map((e) => e.message).join("; ")
+        };
+      }
+      return {
+        headers: result.meta.fields ?? [],
+        rows: result.data,
+        error: null
+      };
+    } catch (err) {
+      return { headers: [], rows: [], error: err.message };
+    }
+  }, [code, papa]);
+  const sortedRows = react.useMemo(() => {
+    if (!sortConfig || parsed.error) return parsed.rows;
+    return [...parsed.rows].sort((a, b) => {
+      const aVal = a[sortConfig.column];
+      const bVal = b[sortConfig.column];
+      if (aVal == null && bVal == null) return 0;
+      if (aVal == null) return 1;
+      if (bVal == null) return -1;
+      const cmp = typeof aVal === "number" && typeof bVal === "number" ? aVal - bVal : String(aVal).localeCompare(String(bVal));
+      return sortConfig.direction === "asc" ? cmp : -cmp;
+    });
+  }, [parsed.rows, sortConfig, parsed.error]);
+  const handleSort = react.useCallback((column) => {
+    setSortConfig((prev) => {
+      if (prev?.column === column) {
+        return prev.direction === "asc" ? { column, direction: "desc" } : null;
+      }
+      return { column, direction: "asc" };
+    });
+  }, []);
+  const handleExportCsv = react.useCallback(() => {
+    if (!papa) return;
+    const csvContent = papa.unparse(sortedRows);
+    const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `data-${id}.csv`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    setTimeout(() => URL.revokeObjectURL(url), 100);
+  }, [sortedRows, id, papa]);
+  if (loadError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUL3PQ7HL_cjs.FenceBlock, { code, language: "csv", error: loadError, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
+  }
+  if (!papa) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUL3PQ7HL_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading CSV parser\u2026" }) });
+  }
+  if (parsed.error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUL3PQ7HL_cjs.FenceBlock, { code, language: "csv", error: parsed.error, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUL3PQ7HL_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
+        sortedRows.length,
+        " row",
+        sortedRows.length !== 1 ? "s" : "",
+        " \xD7",
+        " ",
+        parsed.headers.length,
+        " column",
+        parsed.headers.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkA2QVQF54_cjs.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: handleExportCsv,
+          "aria-label": "Export CSV",
+          className: "h-7 gap-1 px-2 text-xs",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-3 w-3" }),
+            "Export"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-96 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "sticky top-0 bg-neutral-100 dark:bg-neutral-800", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: parsed.headers.map((header) => {
+        const isSorted = sortConfig?.column === header;
+        const ariaSort = isSorted ? sortConfig.direction === "asc" ? "ascending" : "descending" : "none";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "th",
+          {
+            scope: "col",
+            "aria-sort": ariaSort,
+            className: "px-3 py-2 text-left text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSort(header),
+                className: "flex w-full cursor-pointer items-center gap-1 text-left font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200",
+                children: [
+                  header,
+                  isSorted && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: sortConfig.direction === "asc" ? "\u2191" : "\u2193" })
+                ]
+              }
+            )
+          },
+          header
+        );
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-neutral-200 dark:divide-neutral-700", children: sortedRows.map((row, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "tr",
+        {
+          className: "hover:bg-neutral-50 dark:hover:bg-neutral-800/50",
+          children: parsed.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: "px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300",
+              children: row[header] != null ? String(row[header]) : ""
+            },
+            header
+          ))
+        },
+        i
+      )) })
+    ] }) })
+  ] }) });
+};
+
+exports.CsvBlock = CsvBlock;
+//# sourceMappingURL=chunk-VO3NWSCQ.cjs.map
+//# sourceMappingURL=chunk-VO3NWSCQ.cjs.map

package/dist/chunk-VO3NWSCQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":["useState","useEffect","useMemo","useCallback","jsx","FenceBlock","jsxs","Button","Download"],"mappings":"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","file":"chunk-VO3NWSCQ.cjs","sourcesContent":["/** CSV data rendered as a sortable table. Requires `papaparse`. */\nimport { Download } from 'lucide-react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface CsvBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SortConfig {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\ntype CsvRow = Record<string, unknown>;\n// Minimal surface of papaparse we actually use, avoiding overload conflicts.\ninterface PapaApi {\n  parse(\n    input: string,\n    config?: Record<string, unknown>\n  ): {\n    meta: { fields?: string[] };\n    data: CsvRow[];\n    errors: Array<{ message: string }>;\n  };\n  unparse(data: unknown): string;\n}\n\nlet papaPromise: Promise<PapaApi> | null = null;\nfunction loadPapa() {\n  if (!papaPromise) {\n    papaPromise = import(/* @vite-ignore */ 'papaparse')\n      .then((mod: { default?: PapaApi } & Partial<PapaApi>) => {\n        const api: PapaApi = (mod.default ?? mod) as PapaApi;\n        if (!api?.parse) throw new Error('papaparse export not found');\n        return api;\n      })\n      .catch((err) => {\n        papaPromise = null;\n        throw err as Error;\n      });\n  }\n  return papaPromise;\n}\n\ninterface ParsedCsv {\n  headers: string[];\n  rows: CsvRow[];\n  error: string | null;\n}\n\nexport const CsvBlock: React.FC<CsvBlockProps> = ({ code, id }) => {\n  const [sortConfig, setSortConfig] = useState<SortConfig | null>(null);\n  const [papa, setPapa] = useState<PapaApi | null>(null);\n  const [loadError, setLoadError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadPapa()\n      .then((api) => {\n        if (!cancelled) setPapa(api);\n      })\n      .catch(() => {\n        if (!cancelled)\n          setLoadError(\n            'CSV preview requires the `papaparse` package. Install it with `npm install papaparse`.'\n          );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const parsed = useMemo<ParsedCsv>(() => {\n    if (!papa) return { headers: [], rows: [], error: null };\n    try {\n      const result = papa.parse(code, {\n        header: true,\n        dynamicTyping: true,\n        skipEmptyLines: 'greedy',\n      });\n      if (result.errors?.length) {\n        return {\n          headers: result.meta.fields ?? [],\n          rows: result.data,\n          error: result.errors.map((e) => e.message).join('; '),\n        };\n      }\n      return {\n        headers: result.meta.fields ?? [],\n        rows: result.data,\n        error: null,\n      };\n    } catch (err) {\n      return { headers: [], rows: [], error: (err as Error).message };\n    }\n  }, [code, papa]);\n\n  const sortedRows = useMemo(() => {\n    if (!sortConfig || parsed.error) return parsed.rows;\n    return [...parsed.rows].sort((a, b) => {\n      const aVal = a[sortConfig.column];\n      const bVal = b[sortConfig.column];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp =\n        typeof aVal === 'number' && typeof bVal === 'number'\n          ? aVal - bVal\n          : String(aVal).localeCompare(String(bVal));\n      return sortConfig.direction === 'asc' ? cmp : -cmp;\n    });\n  }, [parsed.rows, sortConfig, parsed.error]);\n\n  const handleSort = useCallback((column: string) => {\n    setSortConfig((prev) => {\n      if (prev?.column === column) {\n        return prev.direction === 'asc' ? { column, direction: 'desc' } : null;\n      }\n      return { column, direction: 'asc' };\n    });\n  }, []);\n\n  const handleExportCsv = useCallback(() => {\n    if (!papa) return;\n    const csvContent = papa.unparse(sortedRows);\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = `data-${id}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    setTimeout(() => URL.revokeObjectURL(url), 100);\n  }, [sortedRows, id, papa]);\n\n  if (loadError) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={loadError}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  if (!papa) {\n    return (\n      <FenceBlock code={code} language=\"csv\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading CSV parser…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  if (parsed.error) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={parsed.error}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  return (\n    <FenceBlock code={code} language=\"csv\" supportsRawView>\n      <div className=\"relative\">\n        <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700\">\n          <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n            {sortedRows.length} row{sortedRows.length !== 1 ? 's' : ''} ×{' '}\n            {parsed.headers.length} column\n            {parsed.headers.length !== 1 ? 's' : ''}\n          </span>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleExportCsv}\n            aria-label=\"Export CSV\"\n            className=\"h-7 gap-1 px-2 text-xs\"\n          >\n            <Download className=\"h-3 w-3\" />\n            Export\n          </Button>\n        </div>\n\n        <div className=\"max-h-96 overflow-auto\">\n          <table className=\"min-w-full text-sm\">\n            <thead className=\"sticky top-0 bg-neutral-100 dark:bg-neutral-800\">\n              <tr>\n                {parsed.headers.map((header) => {\n                  const isSorted = sortConfig?.column === header;\n                  const ariaSort = isSorted\n                    ? sortConfig.direction === 'asc'\n                      ? 'ascending'\n                      : 'descending'\n                    : 'none';\n                  return (\n                    <th\n                      key={header}\n                      scope=\"col\"\n                      aria-sort={ariaSort}\n                      className=\"px-3 py-2 text-left text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSort(header)}\n                        className=\"flex w-full cursor-pointer items-center gap-1 text-left font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200\"\n                      >\n                        {header}\n                        {isSorted && (\n                          <span aria-hidden=\"true\">\n                            {sortConfig.direction === 'asc' ? '↑' : '↓'}\n                          </span>\n                        )}\n                      </button>\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-neutral-200 dark:divide-neutral-700\">\n              {sortedRows.map((row, i) => (\n                <tr\n                  key={i}\n                  className=\"hover:bg-neutral-50 dark:hover:bg-neutral-800/50\"\n                >\n                  {parsed.headers.map((header) => (\n                    <td\n                      key={header}\n                      className=\"px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300\"\n                    >\n                      {row[header] != null ? String(row[header]) : ''}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/chunk-WGC3KOP7.js

@@ -0,0 +1,148 @@
+import { FenceBlock } from './chunk-MHJMUKLA.js';
+import DOMPurify from 'dompurify';
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var mermaidInstance = null;
+var mermaidReady = null;
+var mermaidTheme = "default";
+function currentTheme() {
+  return document.documentElement.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "default";
+}
+function buildConfig(theme) {
+  const base = {
+    startOnLoad: false,
+    theme,
+    securityLevel: "strict"
+  };
+  if (theme === "dark") {
+    base.themeVariables = {
+      nodeBorder: "#6b7280",
+      mainBkg: "#4a4a4a",
+      nodeTextColor: "#ffffff",
+      clusterBkg: "#374151",
+      titleColor: "#ffffff",
+      edgeLabelBackground: "#374151",
+      lineColor: "#9ca3af"
+    };
+  }
+  return base;
+}
+async function getMermaid() {
+  const theme = currentTheme();
+  if (mermaidInstance) {
+    if (theme !== mermaidTheme) {
+      mermaidTheme = theme;
+      mermaidInstance.initialize(buildConfig(theme));
+    }
+    return mermaidInstance;
+  }
+  if (!mermaidReady) {
+    mermaidReady = import(
+      /* @vite-ignore */
+      'mermaid'
+    ).then((mod) => {
+      const m = mod.default;
+      mermaidTheme = currentTheme();
+      m.initialize(buildConfig(mermaidTheme));
+      mermaidInstance = m;
+      return m;
+    });
+  }
+  return mermaidReady;
+}
+function sanitiseSvg(svg) {
+  return DOMPurify.sanitize(svg, {
+    USE_PROFILES: { svg: true, svgFilters: true },
+    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>
+    // so node label text renders (mermaid escapes its content in strict mode).
+    ADD_TAGS: ["style", "foreignObject"],
+    ADD_ATTR: [
+      "style",
+      "class",
+      "dominant-baseline",
+      "text-anchor",
+      "font-size",
+      "font-family",
+      "marker-end",
+      "marker-start",
+      "marker-mid",
+      "stroke-dasharray",
+      "stroke-width"
+    ],
+    FORBID_TAGS: ["script"],
+    FORBID_ATTR: ["onload", "onerror", "onclick", "onmouseover"]
+  });
+}
+var MermaidBlock = ({ code, id }) => {
+  const [svg, setSvg] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(true);
+  const diagramLabel = useMemo(() => {
+    const firstWord = code.trim().split(/[\s\n]/)[0]?.toLowerCase() ?? "";
+    const typeMap = {
+      graph: "Flowchart",
+      flowchart: "Flowchart",
+      sequencediagram: "Sequence diagram",
+      classdiagram: "Class diagram",
+      statediagram: "State diagram",
+      "statediagram-v2": "State diagram",
+      erdiagram: "Entity relationship diagram",
+      gantt: "Gantt chart",
+      pie: "Pie chart",
+      journey: "User journey diagram",
+      gitgraph: "Git graph",
+      mindmap: "Mind map",
+      timeline: "Timeline",
+      quadrantchart: "Quadrant chart"
+    };
+    return `${typeMap[firstWord] ?? "Mermaid"} diagram`;
+  }, [code]);
+  const render = useCallback(async () => {
+    setLoading(true);
+    setError("");
+    try {
+      const mermaid = await getMermaid();
+      await mermaid.parse(code);
+      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);
+      setSvg(sanitiseSvg(rendered));
+    } catch (err) {
+      setError(err.message ?? "Failed to render diagram");
+    } finally {
+      setLoading(false);
+    }
+  }, [code, id]);
+  useEffect(() => {
+    void render();
+  }, [render]);
+  useEffect(() => {
+    const observer = new MutationObserver(() => void render());
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    return () => observer.disconnect();
+  }, [render]);
+  return /* @__PURE__ */ jsx(
+    FenceBlock,
+    {
+      code,
+      language: "mermaid",
+      supportsRawView: true,
+      error: error || void 0,
+      children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx("div", { className: "border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" }) }) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "mermaid-svg flex justify-center p-4",
+          role: "img",
+          "aria-label": diagramLabel,
+          dangerouslySetInnerHTML: { __html: svg }
+        }
+      )
+    }
+  );
+};
+
+export { MermaidBlock };
+//# sourceMappingURL=chunk-WGC3KOP7.js.map
+//# sourceMappingURL=chunk-WGC3KOP7.js.map

package/dist/chunk-WGC3KOP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":[],"mappings":"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","file":"chunk-WGC3KOP7.js","sourcesContent":["/**\n * MermaidBlock — Renders Mermaid diagrams.\n * Requires `mermaid` to be installed by the consumer (optional peer dependency).\n */\nimport DOMPurify from 'dompurify';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface MermaidBlockProps {\n  code: string;\n  id: string;\n}\n\ntype MermaidApi = {\n  initialize: (config: Record<string, unknown>) => void;\n  parse: (text: string) => Promise<unknown>;\n  render: (id: string, text: string) => Promise<{ svg: string }>;\n};\n\nlet mermaidInstance: MermaidApi | null = null;\nlet mermaidReady: Promise<MermaidApi> | null = null;\nlet mermaidTheme: 'dark' | 'default' = 'default';\n\nfunction currentTheme(): 'dark' | 'default' {\n  return document.documentElement.classList.contains('dark') ||\n    document.documentElement.getAttribute('data-theme') === 'dark'\n    ? 'dark'\n    : 'default';\n}\n\nfunction buildConfig(theme: 'dark' | 'default'): Record<string, unknown> {\n  const base: Record<string, unknown> = {\n    startOnLoad: false,\n    theme,\n    securityLevel: 'strict',\n  };\n  if (theme === 'dark') {\n    base.themeVariables = {\n      nodeBorder: '#6b7280',\n      mainBkg: '#4a4a4a',\n      nodeTextColor: '#ffffff',\n      clusterBkg: '#374151',\n      titleColor: '#ffffff',\n      edgeLabelBackground: '#374151',\n      lineColor: '#9ca3af',\n    };\n  }\n  return base;\n}\n\nasync function getMermaid(): Promise<MermaidApi> {\n  const theme = currentTheme();\n  if (mermaidInstance) {\n    if (theme !== mermaidTheme) {\n      mermaidTheme = theme;\n      mermaidInstance.initialize(buildConfig(theme));\n    }\n    return mermaidInstance;\n  }\n  if (!mermaidReady) {\n    mermaidReady = import(/* @vite-ignore */ 'mermaid').then((mod) => {\n      const m = (mod as { default: MermaidApi }).default;\n      mermaidTheme = currentTheme();\n      m.initialize(buildConfig(mermaidTheme));\n      mermaidInstance = m;\n      return m;\n    });\n  }\n  return mermaidReady;\n}\n\nfunction sanitiseSvg(svg: string): string {\n  return DOMPurify.sanitize(svg, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>\n    // so node label text renders (mermaid escapes its content in strict mode).\n    ADD_TAGS: ['style', 'foreignObject'],\n    ADD_ATTR: [\n      'style',\n      'class',\n      'dominant-baseline',\n      'text-anchor',\n      'font-size',\n      'font-family',\n      'marker-end',\n      'marker-start',\n      'marker-mid',\n      'stroke-dasharray',\n      'stroke-width',\n    ],\n    FORBID_TAGS: ['script'],\n    FORBID_ATTR: ['onload', 'onerror', 'onclick', 'onmouseover'],\n  }) as string;\n}\n\nexport const MermaidBlock: React.FC<MermaidBlockProps> = ({ code, id }) => {\n  const [svg, setSvg] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n\n  // Derive an accessible label from the diagram's declared type (first keyword).\n  const diagramLabel = useMemo(() => {\n    const firstWord =\n      code\n        .trim()\n        .split(/[\\s\\n]/)[0]\n        ?.toLowerCase() ?? '';\n    const typeMap: Record<string, string> = {\n      graph: 'Flowchart',\n      flowchart: 'Flowchart',\n      sequencediagram: 'Sequence diagram',\n      classdiagram: 'Class diagram',\n      statediagram: 'State diagram',\n      'statediagram-v2': 'State diagram',\n      erdiagram: 'Entity relationship diagram',\n      gantt: 'Gantt chart',\n      pie: 'Pie chart',\n      journey: 'User journey diagram',\n      gitgraph: 'Git graph',\n      mindmap: 'Mind map',\n      timeline: 'Timeline',\n      quadrantchart: 'Quadrant chart',\n    };\n    return `${typeMap[firstWord] ?? 'Mermaid'} diagram`;\n  }, [code]);\n\n  const render = useCallback(async () => {\n    setLoading(true);\n    setError('');\n    try {\n      const mermaid = await getMermaid();\n      await mermaid.parse(code);\n      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);\n      setSvg(sanitiseSvg(rendered));\n    } catch (err) {\n      setError((err as Error).message ?? 'Failed to render diagram');\n    } finally {\n      setLoading(false);\n    }\n  }, [code, id]);\n\n  useEffect(() => {\n    void render();\n  }, [render]);\n\n  // Re-render when the page theme changes (dark ↔ light)\n  useEffect(() => {\n    const observer = new MutationObserver(() => void render());\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, [render]);\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"mermaid\"\n      supportsRawView\n      error={error || undefined}\n    >\n      {loading ? (\n        <div className=\"flex items-center justify-center p-8\">\n          <div className=\"border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent\" />\n        </div>\n      ) : (\n        <div\n          className=\"mermaid-svg flex justify-center p-4\"\n          role=\"img\"\n          aria-label={diagramLabel}\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      )}\n    </FenceBlock>\n  );\n};\n"]}

package/dist/{chunk-3CFB4TVQ.cjs → chunk-WHUD3XHR.cjs}

@@ -43,6 +43,8 @@ var miewebUISafelist = [
   "opacity-0",
   "group-hover:opacity-100",
   "focus:opacity-100",
+  // Markdown SurveyBlock
+  "accent-primary-500",
   // Opacity-modifier variants for semantic colors used by components
   "bg-background/60",
   "bg-background/80",
@@ -501,5 +503,5 @@ var tailwind_preset_default = miewebUIPreset;
 exports.miewebUIPreset = miewebUIPreset;
 exports.miewebUISafelist = miewebUISafelist;
 exports.tailwind_preset_default = tailwind_preset_default;
-//# sourceMappingURL=chunk-3CFB4TVQ.cjs.map
-//# sourceMappingURL=chunk-3CFB4TVQ.cjs.map
+//# sourceMappingURL=chunk-WHUD3XHR.cjs.map
+//# sourceMappingURL=chunk-WHUD3XHR.cjs.map

package/dist/chunk-WHUD3XHR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":";;;AAwCO,IAAM,gBAAA,GAAmB;AAAA;AAAA,EAE9B,eAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,qBAAA;AAAA,EACA,4BAAA;AAAA,EACA,iCAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,cAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,6BAAA;AAAA,EACA,WAAA;AAAA,EACA,sBAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA,EACA,WAAA;AAAA,EACA,yBAAA;AAAA,EACA,mBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,gBAAA;AAAA,EACA,4BAAA;AAAA,EACA,4BAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,wBAAA;AAAA,EACA,kCAAA;AAAA,EACA,2BAAA;AAAA,EACA,uBAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,iBAAA;AAAA,EACA,4BAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA;AAAA;AAAA,EAGA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,2BAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,uBAAA;AAAA,EACA,4BAAA;AAAA;AAAA,EAEA,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,wBAAA;AAAA,EACA,wBAAA;AAAA,EACA,yBAAA;AAAA,EACA,yBAAA;AAAA,EACA,2BAAA;AAAA,EACA,2BAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,uBAAA;AAAA,EACA,uBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA;AAAA,EAEA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,uBAAA;AAAA;AAAA,EAEA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA;AAAA,EAEA,iBAAA;AAAA,EACA,iBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,oBAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,wBAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,wBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF;AAUO,IAAM,cAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,CAAC,OAAA,EAAS,qBAAqB,CAAA;AAAA,EACzC,QAAA,EAAU,gBAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,2DAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,sCAAA;AAAA,UACT,EAAA,EAAI,qCAAA;AAAA,UACJ,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,GAAA,EAAK,sCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK;AAAA,SACP;AAAA;AAAA,QAEA,MAAA,EAAQ,8CAAA;AAAA,QACR,KAAA,EAAO,6CAAA;AAAA,QACP,IAAA,EAAM,4CAAA;AAAA,QACN,UAAA,EAAY,0CAAA;AAAA,QACZ,UAAA,EAAY,+CAAA;AAAA;AAAA,QAEZ,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,oCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,yCAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,WAAA,EAAa;AAAA,UACX,OAAA,EACE,mEAAA;AAAA,UACF,EAAA,EAAI,uCAAA;AAAA,UACJ,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,GAAA,EAAK,wCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,oCAAA;AAAA,UACT,EAAA,EAAI,mCAAA;AAAA,UACJ,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,GAAA,EAAK,oCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,iCAAA;AAAA,UACT,EAAA,EAAI,gCAAA;AAAA,UACJ,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,GAAA,EAAK,iCAAA;AAAA,UACL,UAAA,EAAY;AAAA,SACd;AAAA;AAAA,QAEA,KAAA,EAAO;AAAA,UACL,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG,gCAAA;AAAA,UACH,CAAA,EAAG;AAAA;AACL,OACF;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,wCAAA;AAAA,UACA,WAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,KAAA,EAAO,gCAAA;AAAA,QACP,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,iCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,mBAAA,EAAqB;AAAA,UACnB,IAAA,EAAM,EAAE,SAAA,EAAW,qBAAA,EAAuB,SAAS,GAAA,EAAI;AAAA,UACvD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,sBAAA,EAAwB;AAAA,UACtB,IAAA,EAAM,EAAE,SAAA,EAAW,oBAAA,EAAsB,SAAS,GAAA,EAAI;AAAA,UACtD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,SAAA,EAAW,kBAAA,EAAoB,SAAS,GAAA,EAAI;AAAA,UACpD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAqB,SAAS,GAAA,EAAI;AAAA,UACrD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,UAAA,EAAY;AAAA,UACV,IAAA,EAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,GAAA,EAAI;AAAA,UAC/C,MAAA,EAAQ,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAA;AAAI;AAChD,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,wBAAA;AAAA,QACX,UAAA,EAAY,wBAAA;AAAA,QACZ,mBAAA,EAAqB,kCAAA;AAAA,QACrB,sBAAA,EAAwB,qCAAA;AAAA,QACxB,gBAAA,EAAkB,+BAAA;AAAA,QAClB,eAAA,EAAiB,8BAAA;AAAA,QACjB,UAAA,EAAY;AAAA;AACd;AACF;AAEJ;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-WHUD3XHR.cjs","sourcesContent":["/**\n * @mieweb/ui Tailwind CSS Preset\n *\n * This preset provides the default theme configuration for @mieweb/ui components.\n * Consumers can extend or override these values in their own tailwind.config.js\n *\n * Usage:\n * ```js\n * // tailwind.config.js\n * module.exports = {\n *   presets: [require('@mieweb/ui/tailwind-preset')],\n *   theme: {\n *     extend: {\n *       colors: {\n *         primary: {\n *           500: '#your-brand-color',\n *         },\n *       },\n *     },\n *   },\n * };\n * ```\n */\n\n/**\n * Safelist of classes used by @mieweb/ui components.\n *\n * **Tailwind CSS 3**: These must be safelisted because Tailwind may not detect\n * them when components are imported from node_modules.\n *\n * **Tailwind CSS 4**: The safelist is NOT needed if you add the `@source`\n * directive to your CSS. Add this line to your main CSS file:\n *\n *   @source \"../node_modules/@mieweb/ui/dist\";\n *\n * This tells Tailwind 4 to scan @mieweb/ui's dist folder for class names,\n * replacing the need for a manual safelist.\n *\n * @deprecated For Tailwind CSS 4 users — use the `@source` directive instead.\n */\nexport const miewebUISafelist = [\n  // Semantic colors\n  'border-border',\n  'border-input',\n  'ring-ring',\n  'bg-background',\n  'bg-card',\n  'bg-muted',\n  'bg-primary',\n  'bg-primary-800',\n  'dark:bg-primary-500',\n  'checked:border-primary-500',\n  'dark:checked:border-primary-800',\n  'bg-success',\n  'bg-warning',\n  'bg-destructive',\n  'bg-info',\n  'text-foreground',\n  'text-card-foreground',\n  'text-muted-foreground',\n  'text-primary',\n  'text-primary-foreground',\n  'text-success',\n  'text-success-foreground',\n  'text-warning',\n  'text-warning-foreground',\n  'text-destructive',\n  'text-destructive-foreground',\n  'text-info',\n  'text-info-foreground',\n  'focus:ring-ring',\n  'focus:ring-primary',\n  'focus:border-transparent',\n  'focus:ring-destructive',\n  'border-primary',\n  'border-destructive',\n  'border-success',\n  'focus:ring-success/20',\n  'focus:ring-destructive/20',\n  'opacity-0',\n  'group-hover:opacity-100',\n  'focus:opacity-100',\n  // Markdown SurveyBlock\n  'accent-primary-500',\n  // Opacity-modifier variants for semantic colors used by components\n  'bg-background/60',\n  'bg-background/80',\n  'bg-background/90',\n  'bg-background/95',\n  'bg-card/80',\n  'bg-destructive/5',\n  'bg-destructive/10',\n  'bg-foreground/50',\n  'bg-info/10',\n  'bg-muted/10',\n  'bg-muted/30',\n  'bg-muted/50',\n  'bg-primary/5',\n  'bg-primary/10',\n  'bg-success/10',\n  'bg-warning/10',\n  'border-border/80',\n  'border-destructive/20',\n  'border-destructive/30',\n  'border-destructive/50',\n  'border-info/30',\n  'border-muted-foreground/25',\n  'border-muted-foreground/40',\n  'border-primary/30',\n  'border-primary/50',\n  'border-success/30',\n  'border-success/50',\n  'border-warning/30',\n  'hover:bg-destructive/10',\n  'hover:bg-muted/10',\n  'hover:bg-muted/20',\n  'hover:bg-muted/50',\n  'hover:bg-muted/80',\n  'hover:bg-primary/5',\n  'hover:bg-primary/10',\n  'hover:bg-primary/20',\n  'hover:bg-primary/90',\n  'hover:border-border/80',\n  'hover:border-muted-foreground/50',\n  'hover:text-destructive/80',\n  'hover:text-primary/80',\n  'text-muted-foreground/30',\n  'text-muted-foreground/40',\n  'text-muted-foreground/50',\n  'text-muted-foreground/60',\n  'text-muted-foreground/70',\n  'text-primary/80',\n  'text-primary-foreground/90',\n  'ring-primary',\n  'ring-2',\n  'ring-offset-2',\n  // Grid classes for QuickAction and responsive layouts\n  'grid-cols-1',\n  'grid-cols-2',\n  'grid-cols-3',\n  'grid-cols-4',\n  'grid-cols-6',\n  'sm:grid-cols-1',\n  'sm:grid-cols-2',\n  'sm:grid-cols-3',\n  'sm:grid-cols-4',\n  'sm:grid-cols-6',\n  'md:grid-cols-2',\n  'md:grid-cols-3',\n  'md:grid-cols-4',\n  'lg:grid-cols-2',\n  'lg:grid-cols-3',\n  'lg:grid-cols-4',\n  // ── Expanded Color Scales ────────────────────────────────────────\n  // Secondary scale\n  'bg-secondary',\n  'bg-secondary-50',\n  'bg-secondary-100',\n  'bg-secondary-500',\n  'bg-secondary-600',\n  'text-secondary',\n  'text-secondary-500',\n  'text-secondary-600',\n  'text-secondary-700',\n  'text-secondary-foreground',\n  'border-secondary',\n  'border-secondary-200',\n  // Neutral scale\n  'bg-neutral-50',\n  'bg-neutral-100',\n  'bg-neutral-200',\n  'bg-neutral-300',\n  'bg-neutral-800',\n  'bg-neutral-900',\n  'text-neutral-500',\n  'text-neutral-600',\n  'text-neutral-700',\n  'text-neutral-400',\n  'border-neutral-200',\n  'border-neutral-300',\n  'dark:bg-neutral-700',\n  'dark:bg-neutral-800',\n  'dark:text-neutral-300',\n  'dark:text-neutral-400',\n  'dark:border-neutral-600',\n  'dark:border-neutral-700',\n  // Indigo (StripeBadge)\n  'bg-indigo-500/10',\n  'dark:bg-indigo-400/20',\n  'text-indigo-700',\n  'dark:text-indigo-300',\n  'border-indigo-500/30',\n  'hover:text-indigo-700',\n  'dark:hover:text-indigo-300',\n  // Destructive scale\n  'bg-destructive-50',\n  'bg-destructive-100',\n  'bg-destructive-500',\n  'bg-destructive-600',\n  'bg-destructive-700',\n  'hover:bg-destructive-800',\n  'text-destructive-500',\n  'text-destructive-600',\n  'text-destructive-700',\n  'text-destructive-800',\n  'text-destructive-900',\n  'border-destructive-200',\n  'border-destructive-300',\n  'dark:bg-destructive-900',\n  'dark:bg-destructive-950',\n  'dark:text-destructive-300',\n  'dark:text-destructive-400',\n  // Success scale\n  'bg-success-50',\n  'bg-success-100',\n  'bg-success-500',\n  'bg-success-600',\n  'bg-success-700',\n  'hover:bg-success-800',\n  'text-success-500',\n  'text-success-600',\n  'text-success-700',\n  'text-success-800',\n  'text-success-900',\n  'border-success-200',\n  'border-success-300',\n  'dark:bg-success-900',\n  'dark:bg-success-950',\n  'dark:text-success-300',\n  'dark:text-success-400',\n  // Warning scale\n  'bg-warning-50',\n  'bg-warning-100',\n  'bg-warning-500',\n  'bg-warning-600',\n  'bg-warning-700',\n  'text-warning-900',\n  'text-warning-500',\n  'text-warning-600',\n  'text-warning-700',\n  'text-warning-800',\n  'text-warning-900',\n  'border-warning-200',\n  'border-warning-300',\n  'dark:bg-warning-900',\n  'dark:bg-warning-950',\n  'dark:text-warning-300',\n  'dark:text-warning-400',\n  // Info scale\n  'bg-info-50',\n  'bg-info-100',\n  'bg-info-500',\n  'bg-info-600',\n  'text-info-500',\n  'text-info-600',\n  'text-info-700',\n  'text-info-800',\n  'text-info-900',\n  'border-info-200',\n  'border-info-300',\n  'dark:bg-info-900',\n  'dark:bg-info-950',\n  'dark:text-info-300',\n  'dark:text-info-400',\n  // Chart colors\n  'bg-chart-1',\n  'bg-chart-2',\n  'bg-chart-3',\n  'bg-chart-4',\n  'bg-chart-5',\n  'text-chart-1',\n  'text-chart-2',\n  'text-chart-3',\n  'text-chart-4',\n  'text-chart-5',\n  'border-chart-1',\n  'border-chart-2',\n  'border-chart-3',\n  'border-chart-4',\n  'border-chart-5',\n  // Switch component\n  'bg-primary-500',\n  // Primary scale (a11y contrast)\n  'text-primary-800',\n  'dark:text-primary-300',\n  // Text decoration\n  'underline',\n  'h-5',\n  'w-9',\n  'h-6',\n  'w-11',\n  'h-7',\n  'w-14',\n  'h-4',\n  'w-4',\n  'w-5',\n  'w-6',\n  'translate-x-0.5',\n  'translate-x-4',\n  'translate-x-5',\n  'translate-x-7',\n  // SchedulePicker / overflow handling\n  'overflow-x-auto',\n  'overflow-hidden',\n  // Select component\n  'truncate',\n  // AIReconciliationPanel\n  'ring-primary-200',\n  'dark:ring-primary-900',\n  'border-primary-300',\n  'dark:border-primary-700',\n  'bg-primary-50/60',\n  'dark:bg-primary-950/30',\n  'text-primary-700',\n  'dark:text-primary-400',\n  'border-border/60',\n  'bg-muted/40',\n  'bg-muted/60',\n  'divide-border',\n  'max-h-[60vh]',\n  'bg-success-100',\n  'dark:bg-success-900/30',\n  'bg-amber-100',\n  'bg-amber-200',\n  'text-amber-700',\n  'text-amber-800',\n  'text-amber-200',\n  'text-amber-300',\n  'dark:bg-amber-900/30',\n  'dark:bg-amber-900/40',\n  'dark:text-amber-200',\n  'dark:text-amber-300',\n  'ring-1',\n  'last:border-b-0',\n  'border-dashed',\n  'text-[11px]',\n];\n\nexport interface MiewebUIPreset {\n  darkMode: ['class', '[data-theme=\"dark\"]'];\n  safelist: string[];\n  theme: {\n    extend: Record<string, unknown>;\n  };\n}\n\nexport const miewebUIPreset: MiewebUIPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'],\n  safelist: miewebUISafelist,\n  theme: {\n    extend: {\n      colors: {\n        // Primary color scale - easily overridable by consumers\n        primary: {\n          DEFAULT: 'var(--mieweb-primary, var(--mieweb-primary-500, #27aae1))',\n          50: 'var(--mieweb-primary-50, #e6f7fc)',\n          100: 'var(--mieweb-primary-100, #b3e6f6)',\n          200: 'var(--mieweb-primary-200, #80d5f0)',\n          300: 'var(--mieweb-primary-300, #4dc4ea)',\n          400: 'var(--mieweb-primary-400, #27aae1)',\n          500: 'var(--mieweb-primary-500, #27aae1)',\n          600: 'var(--mieweb-primary-600, #1f98ca)',\n          700: 'var(--mieweb-primary-700, #1786b3)',\n          800: 'var(--mieweb-primary-800, #0f749c)',\n          900: 'var(--mieweb-primary-900, #086285)',\n          950: 'var(--mieweb-primary-950, #00506e)',\n          foreground: 'var(--mieweb-primary-foreground, hsl(210 40% 98%))',\n        },\n        // Secondary color scale\n        secondary: {\n          DEFAULT: 'var(--mieweb-secondary-500, #6366f1)',\n          50: 'var(--mieweb-secondary-50, #eef2ff)',\n          100: 'var(--mieweb-secondary-100, #e0e7ff)',\n          200: 'var(--mieweb-secondary-200, #c7d2fe)',\n          300: 'var(--mieweb-secondary-300, #a5b4fc)',\n          400: 'var(--mieweb-secondary-400, #818cf8)',\n          500: 'var(--mieweb-secondary-500, #6366f1)',\n          600: 'var(--mieweb-secondary-600, #4f46e5)',\n          700: 'var(--mieweb-secondary-700, #4338ca)',\n          800: 'var(--mieweb-secondary-800, #3730a3)',\n          900: 'var(--mieweb-secondary-900, #312e81)',\n          950: 'var(--mieweb-secondary-950, #1e1b4b)',\n          foreground: 'var(--mieweb-secondary-foreground, #ffffff)',\n        },\n        // Neutral / gray scale\n        neutral: {\n          DEFAULT: 'var(--mieweb-neutral-500, #737373)',\n          50: 'var(--mieweb-neutral-50, #fafafa)',\n          100: 'var(--mieweb-neutral-100, #f5f5f5)',\n          200: 'var(--mieweb-neutral-200, #e5e5e5)',\n          300: 'var(--mieweb-neutral-300, #d4d4d4)',\n          400: 'var(--mieweb-neutral-400, #a3a3a3)',\n          500: 'var(--mieweb-neutral-500, #737373)',\n          600: 'var(--mieweb-neutral-600, #525252)',\n          700: 'var(--mieweb-neutral-700, #404040)',\n          800: 'var(--mieweb-neutral-800, #262626)',\n          900: 'var(--mieweb-neutral-900, #171717)',\n          950: 'var(--mieweb-neutral-950, #0a0a0a)',\n        },\n        // Semantic colors using CSS variables for theming\n        border: 'var(--mieweb-border, hsl(214.3 31.8% 91.4%))',\n        input: 'var(--mieweb-input, hsl(214.3 31.8% 91.4%))',\n        ring: 'var(--mieweb-ring, hsl(221.2 83.2% 53.3%))',\n        background: 'var(--mieweb-background, hsl(0 0% 100%))',\n        foreground: 'var(--mieweb-foreground, hsl(222.2 84% 4.9%))',\n        // Component-specific semantic colors\n        card: {\n          DEFAULT: 'var(--mieweb-card, hsl(0 0% 100%))',\n          foreground: 'var(--mieweb-card-foreground, hsl(222.2 84% 4.9%))',\n        },\n        muted: {\n          DEFAULT: 'var(--mieweb-muted, hsl(210 40% 96.1%))',\n          foreground: 'var(--mieweb-muted-foreground, hsl(215.4 16.3% 46.9%))',\n        },\n        // Destructive / error scale\n        destructive: {\n          DEFAULT:\n            'var(--mieweb-destructive, var(--mieweb-destructive-500, #dc2626))',\n          50: 'var(--mieweb-destructive-50, #fef2f2)',\n          100: 'var(--mieweb-destructive-100, #fee2e2)',\n          200: 'var(--mieweb-destructive-200, #fecaca)',\n          300: 'var(--mieweb-destructive-300, #fca5a5)',\n          400: 'var(--mieweb-destructive-400, #f87171)',\n          500: 'var(--mieweb-destructive-500, #dc2626)',\n          600: 'var(--mieweb-destructive-600, #dc2626)',\n          700: 'var(--mieweb-destructive-700, #b91c1c)',\n          800: 'var(--mieweb-destructive-800, #991b1b)',\n          900: 'var(--mieweb-destructive-900, #7f1d1d)',\n          950: 'var(--mieweb-destructive-950, #450a0a)',\n          foreground: 'var(--mieweb-destructive-foreground, hsl(210 40% 98%))',\n        },\n        // Success scale\n        success: {\n          DEFAULT: 'var(--mieweb-success-500, #22c55e)',\n          50: 'var(--mieweb-success-50, #f0fdf4)',\n          100: 'var(--mieweb-success-100, #dcfce7)',\n          200: 'var(--mieweb-success-200, #bbf7d0)',\n          300: 'var(--mieweb-success-300, #86efac)',\n          400: 'var(--mieweb-success-400, #4ade80)',\n          500: 'var(--mieweb-success-500, #22c55e)',\n          600: 'var(--mieweb-success-600, #16a34a)',\n          700: 'var(--mieweb-success-700, #15803d)',\n          800: 'var(--mieweb-success-800, #166534)',\n          900: 'var(--mieweb-success-900, #14532d)',\n          950: 'var(--mieweb-success-950, #052e16)',\n          foreground: 'var(--mieweb-success-foreground, hsl(355.7 100% 97.3%))',\n        },\n        // Warning scale\n        warning: {\n          DEFAULT: 'var(--mieweb-warning-500, #f59e0b)',\n          50: 'var(--mieweb-warning-50, #fffbeb)',\n          100: 'var(--mieweb-warning-100, #fef3c7)',\n          200: 'var(--mieweb-warning-200, #fde68a)',\n          300: 'var(--mieweb-warning-300, #fcd34d)',\n          400: 'var(--mieweb-warning-400, #fbbf24)',\n          500: 'var(--mieweb-warning-500, #f59e0b)',\n          600: 'var(--mieweb-warning-600, #d97706)',\n          700: 'var(--mieweb-warning-700, #b45309)',\n          800: 'var(--mieweb-warning-800, #92400e)',\n          900: 'var(--mieweb-warning-900, #78350f)',\n          950: 'var(--mieweb-warning-950, #451a03)',\n          foreground: 'var(--mieweb-warning-foreground, hsl(26 83.3% 14.1%))',\n        },\n        // Info scale\n        info: {\n          DEFAULT: 'var(--mieweb-info-500, #0ea5e9)',\n          50: 'var(--mieweb-info-50, #f0f9ff)',\n          100: 'var(--mieweb-info-100, #e0f2fe)',\n          200: 'var(--mieweb-info-200, #bae6fd)',\n          300: 'var(--mieweb-info-300, #7dd3fc)',\n          400: 'var(--mieweb-info-400, #38bdf8)',\n          500: 'var(--mieweb-info-500, #0ea5e9)',\n          600: 'var(--mieweb-info-600, #0284c7)',\n          700: 'var(--mieweb-info-700, #0369a1)',\n          800: 'var(--mieweb-info-800, #075985)',\n          900: 'var(--mieweb-info-900, #0c4a6e)',\n          950: 'var(--mieweb-info-950, #082f49)',\n          foreground: 'var(--mieweb-info-foreground, #ffffff)',\n        },\n        // Chart / data visualization\n        chart: {\n          1: 'var(--mieweb-chart-1, #27aae1)',\n          2: 'var(--mieweb-chart-2, #22c55e)',\n          3: 'var(--mieweb-chart-3, #f59e0b)',\n          4: 'var(--mieweb-chart-4, #ef4444)',\n          5: 'var(--mieweb-chart-5, #6366f1)',\n        },\n      },\n      fontFamily: {\n        sans: [\n          'var(--mieweb-font-sans, ui-sans-serif)',\n          'system-ui',\n          'sans-serif',\n        ],\n      },\n      borderRadius: {\n        '2xl': 'var(--mieweb-radius-2xl, 1rem)',\n        lg: 'var(--mieweb-radius-lg, 0.75rem)',\n        md: 'var(--mieweb-radius-md, 0.5rem)',\n        sm: 'var(--mieweb-radius-sm, 0.25rem)',\n        xl: 'var(--mieweb-radius-xl, 1rem)',\n      },\n      boxShadow: {\n        card: 'var(--mieweb-shadow-card, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))',\n      },\n      keyframes: {\n        'fade-in': {\n          '0%': { opacity: '0' },\n          '100%': { opacity: '1' },\n        },\n        'fade-out': {\n          '0%': { opacity: '1' },\n          '100%': { opacity: '0' },\n        },\n        'slide-in-from-top': {\n          '0%': { transform: 'translateY(-0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-from-bottom': {\n          '0%': { transform: 'translateY(0.5rem)', opacity: '0' },\n          '100%': { transform: 'translateY(0)', opacity: '1' },\n        },\n        'slide-in-right': {\n          '0%': { transform: 'translateX(100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'slide-in-left': {\n          '0%': { transform: 'translateX(-100%)', opacity: '0' },\n          '100%': { transform: 'translateX(0)', opacity: '1' },\n        },\n        'scale-in': {\n          '0%': { transform: 'scale(0.95)', opacity: '0' },\n          '100%': { transform: 'scale(1)', opacity: '1' },\n        },\n      },\n      animation: {\n        'fade-in': 'fade-in 150ms ease-out',\n        'fade-out': 'fade-out 150ms ease-in',\n        'slide-in-from-top': 'slide-in-from-top 150ms ease-out',\n        'slide-in-from-bottom': 'slide-in-from-bottom 150ms ease-out',\n        'slide-in-right': 'slide-in-right 300ms ease-out',\n        'slide-in-left': 'slide-in-left 300ms ease-out',\n        'scale-in': 'scale-in 150ms ease-out',\n      },\n    },\n  },\n};\n\nexport default miewebUIPreset;\n"]}