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

package/dist/components/Markdown/styles.css

@@ -0,0 +1,351 @@
+/*
+ * highlight.js theme — atom-one-light (default) + atom-one-dark (scoped).
+ *
+ * Bundled in-tree (rather than via `@import 'highlight.js/styles/...'`) so we
+ * can scope the dark variant under `[data-theme="dark"]` and keep theme
+ * switching synchronous — no FOUC on streamed code blocks.
+ *
+ * Source: highlight.js v11 atom-one-light / atom-one-dark themes.
+ */
+
+/* Layout (theme-agnostic) */
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+  /* Transparent so the parent container's background is the single source of truth */
+  background: transparent;
+}
+code.hljs {
+  padding: 3px 5px;
+}
+
+/* atom-one-light (default) */
+.hljs {
+  color: #383a42;
+  background: #fafafa;
+}
+.hljs-comment,
+.hljs-quote {
+  color: #707179;
+  font-style: italic;
+}
+.hljs-doctag,
+.hljs-formula,
+.hljs-keyword {
+  color: #a626a4;
+}
+.hljs-deletion,
+.hljs-name,
+.hljs-section,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #d72f20;
+}
+.hljs-literal {
+  color: #0179ac;
+}
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string,
+.hljs-regexp,
+.hljs-string {
+  color: #3f7f3e;
+}
+.hljs-attr,
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable {
+  color: #986801;
+}
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-symbol,
+.hljs-title {
+  color: #2867f0;
+}
+.hljs-built_in,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+  color: #986801;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: 700;
+}
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* atom-one-dark (scoped under data-theme="dark") */
+[data-theme='dark'] .hljs,
+.dark .hljs {
+  color: #abb2bf;
+  background: #1a1d24;
+}
+[data-theme='dark'] .hljs-comment,
+.dark .hljs-comment,
+[data-theme='dark'] .hljs-quote,
+.dark .hljs-quote {
+  color: #8e95a2;
+}
+[data-theme='dark'] .hljs-doctag,
+.dark .hljs-doctag,
+[data-theme='dark'] .hljs-formula,
+.dark .hljs-formula,
+[data-theme='dark'] .hljs-keyword,
+.dark .hljs-keyword {
+  color: #c678dd;
+}
+[data-theme='dark'] .hljs-deletion,
+.dark .hljs-deletion,
+[data-theme='dark'] .hljs-name,
+.dark .hljs-name,
+[data-theme='dark'] .hljs-section,
+.dark .hljs-section,
+[data-theme='dark'] .hljs-selector-tag,
+.dark .hljs-selector-tag,
+[data-theme='dark'] .hljs-subst,
+.dark .hljs-subst {
+  color: #e2747d;
+}
+[data-theme='dark'] .hljs-literal,
+.dark .hljs-literal {
+  color: #56b6c2;
+}
+[data-theme='dark'] .hljs-addition,
+.dark .hljs-addition,
+[data-theme='dark'] .hljs-attribute,
+.dark .hljs-attribute,
+[data-theme='dark'] .hljs-meta .hljs-string,
+.dark .hljs-meta .hljs-string,
+[data-theme='dark'] .hljs-regexp,
+.dark .hljs-regexp,
+[data-theme='dark'] .hljs-string,
+.dark .hljs-string {
+  color: #98c379;
+}
+[data-theme='dark'] .hljs-attr,
+.dark .hljs-attr,
+[data-theme='dark'] .hljs-number,
+.dark .hljs-number,
+[data-theme='dark'] .hljs-selector-attr,
+.dark .hljs-selector-attr,
+[data-theme='dark'] .hljs-selector-class,
+.dark .hljs-selector-class,
+[data-theme='dark'] .hljs-selector-pseudo,
+.dark .hljs-selector-pseudo,
+[data-theme='dark'] .hljs-template-variable,
+.dark .hljs-template-variable,
+[data-theme='dark'] .hljs-type,
+.dark .hljs-type,
+[data-theme='dark'] .hljs-variable,
+.dark .hljs-variable {
+  color: #d19a66;
+}
+[data-theme='dark'] .hljs-bullet,
+.dark .hljs-bullet,
+[data-theme='dark'] .hljs-link,
+.dark .hljs-link,
+[data-theme='dark'] .hljs-meta,
+.dark .hljs-meta,
+[data-theme='dark'] .hljs-selector-id,
+.dark .hljs-selector-id,
+[data-theme='dark'] .hljs-symbol,
+.dark .hljs-symbol,
+[data-theme='dark'] .hljs-title,
+.dark .hljs-title {
+  color: #61aeee;
+}
+[data-theme='dark'] .hljs-built_in,
+.dark .hljs-built_in,
+[data-theme='dark'] .hljs-class .hljs-title,
+.dark .hljs-class .hljs-title,
+[data-theme='dark'] .hljs-title.class_,
+.dark .hljs-title.class_ {
+  color: #e6c07b;
+}
+
+/* ============================================================
+ * Markdown prose typography — scoped to .md-prose.
+ * @tailwindcss/typography is not a dependency; these styles
+ * replicate the essential subset used by MarkdownRenderer.
+ * ============================================================ */
+.md-prose {
+  color: #374151;
+  line-height: 1.7;
+  font-size: 0.9375rem;
+}
+.md-prose h1,
+.md-prose h2,
+.md-prose h3,
+.md-prose h4,
+.md-prose h5,
+.md-prose h6 {
+  font-weight: 600;
+  line-height: 1.25;
+  color: #111827;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+}
+.md-prose h1 {
+  font-size: 1.75rem;
+  border-bottom: 1px solid #e5e7eb;
+  padding-bottom: 0.25em;
+}
+.md-prose h2 {
+  font-size: 1.375rem;
+  border-bottom: 1px solid #e5e7eb;
+  padding-bottom: 0.2em;
+}
+.md-prose h3 {
+  font-size: 1.125rem;
+}
+.md-prose h4 {
+  font-size: 1rem;
+}
+.md-prose p {
+  margin-top: 0;
+  margin-bottom: 0.75em;
+}
+.md-prose a {
+  color: #2563eb;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.md-prose a:hover {
+  color: #1d4ed8;
+}
+.md-prose strong {
+  font-weight: 600;
+}
+.md-prose em {
+  font-style: italic;
+}
+.md-prose del {
+  text-decoration: line-through;
+}
+/* Inline code — avoid overriding code inside pre (hljs blocks) */
+.md-prose :not(pre) > code {
+  font-size: 0.875em;
+  background: #f3f4f6;
+  border-radius: 0.25rem;
+  padding: 0.125em 0.375em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  color: #be185d;
+}
+.md-prose ul,
+.md-prose ol {
+  margin-top: 0;
+  margin-bottom: 0.75em;
+  padding-left: 1.75em;
+}
+.md-prose ul {
+  list-style-type: disc;
+}
+.md-prose ol {
+  list-style-type: decimal;
+}
+.md-prose li {
+  margin-bottom: 0.25em;
+}
+.md-prose hr {
+  border: none;
+  border-top: 1px solid #e5e7eb;
+  margin: 1.5em 0;
+}
+.md-prose blockquote {
+  border-left: 3px solid #d1d5db;
+  padding-left: 1em;
+  margin: 1em 0;
+  color: #6b7280;
+  font-style: italic;
+}
+/* Tables — full borders with vertical separators */
+.md-prose table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 0.875rem;
+  margin-bottom: 0.75em;
+}
+.md-prose th,
+.md-prose td {
+  border: 1px solid #e5e7eb;
+  padding: 0.5em 0.75em;
+  text-align: left;
+}
+.md-prose th {
+  font-weight: 600;
+  background: #f9fafb;
+}
+
+/* Dark overrides */
+[data-theme='dark'] .md-prose,
+.dark .md-prose {
+  color: #d1d5db;
+}
+[data-theme='dark'] .md-prose h1,
+.dark .md-prose h1,
+[data-theme='dark'] .md-prose h2,
+.dark .md-prose h2,
+[data-theme='dark'] .md-prose h3,
+.dark .md-prose h3,
+[data-theme='dark'] .md-prose h4,
+.dark .md-prose h4 {
+  color: #f9fafb;
+  border-color: #374151;
+}
+[data-theme='dark'] .md-prose a,
+.dark .md-prose a {
+  color: #60a5fa;
+}
+[data-theme='dark'] .md-prose a:hover,
+.dark .md-prose a:hover {
+  color: #93c5fd;
+}
+[data-theme='dark'] .md-prose :not(pre) > code,
+.dark .md-prose :not(pre) > code {
+  background: #1f2937;
+  color: #f9a8d4;
+}
+[data-theme='dark'] .md-prose hr,
+.dark .md-prose hr {
+  border-color: #374151;
+}
+[data-theme='dark'] .md-prose blockquote,
+.dark .md-prose blockquote {
+  border-color: #4b5563;
+  color: #9ca3af;
+}
+[data-theme='dark'] .md-prose th,
+.dark .md-prose th,
+[data-theme='dark'] .md-prose td,
+.dark .md-prose td {
+  border-color: #374151;
+}
+[data-theme='dark'] .md-prose th,
+.dark .md-prose th {
+  background: #1f2937;
+}
+
+/* Mermaid — improve edge / arrowhead visibility in dark mode */
+[data-theme='dark'] .mermaid-svg svg .edgePath path,
+.dark .mermaid-svg svg .edgePath path,
+[data-theme='dark'] .mermaid-svg svg .flowchart-link,
+.dark .mermaid-svg svg .flowchart-link {
+  stroke: #9ca3af;
+  stroke-width: 1.5px;
+}
+[data-theme='dark'] .mermaid-svg svg marker path,
+.dark .mermaid-svg svg marker path {
+  fill: #9ca3af;
+  stroke: #9ca3af;
+}

package/dist/index.cjs

@@ -1,16 +1,18 @@
 'use strict';
 
+var chunkDLNJLCNO_cjs = require('./chunk-DLNJLCNO.cjs');
 var chunkZJCPW6MS_cjs = require('./chunk-ZJCPW6MS.cjs');
-var chunkZ6NRP4Z5_cjs = require('./chunk-Z6NRP4Z5.cjs');
+var chunkSNEQXSC5_cjs = require('./chunk-SNEQXSC5.cjs');
+var chunkU7VQUOLS_cjs = require('./chunk-U7VQUOLS.cjs');
+var chunkX7S76WB7_cjs = require('./chunk-X7S76WB7.cjs');
 var chunkP52GA3GJ_cjs = require('./chunk-P52GA3GJ.cjs');
 var chunkLCQGAOAZ_cjs = require('./chunk-LCQGAOAZ.cjs');
 var chunkZ5J4NTPL_cjs = require('./chunk-Z5J4NTPL.cjs');
-var chunkU7VQUOLS_cjs = require('./chunk-U7VQUOLS.cjs');
 var chunkJ644FU54_cjs = require('./chunk-J644FU54.cjs');
 var chunkWNJRS7Y7_cjs = require('./chunk-WNJRS7Y7.cjs');
 var chunkUCGUA3QV_cjs = require('./chunk-UCGUA3QV.cjs');
 var chunkRR2MJBGV_cjs = require('./chunk-RR2MJBGV.cjs');
-var chunkX7S76WB7_cjs = require('./chunk-X7S76WB7.cjs');
+var chunkGOKC4CCZ_cjs = require('./chunk-GOKC4CCZ.cjs');
 var chunkDEZ7XSTG_cjs = require('./chunk-DEZ7XSTG.cjs');
 var chunkNVHAQOHH_cjs = require('./chunk-NVHAQOHH.cjs');
 var chunkTN33E2VN_cjs = require('./chunk-TN33E2VN.cjs');
@@ -19,7 +21,7 @@ var chunkPJAQDAMZ_cjs = require('./chunk-PJAQDAMZ.cjs');
 var chunkU3ABLVYH_cjs = require('./chunk-U3ABLVYH.cjs');
 var chunkJHPFOG2N_cjs = require('./chunk-JHPFOG2N.cjs');
 var chunkRH43XBNV_cjs = require('./chunk-RH43XBNV.cjs');
-var chunkDLNJLCNO_cjs = require('./chunk-DLNJLCNO.cjs');
+var chunkK7IGBNZA_cjs = require('./chunk-K7IGBNZA.cjs');
 var chunkMARLXJQO_cjs = require('./chunk-MARLXJQO.cjs');
 var chunkQ2EWNXIB_cjs = require('./chunk-Q2EWNXIB.cjs');
 var chunkAFKKJEV5_cjs = require('./chunk-AFKKJEV5.cjs');
@@ -27,14 +29,18 @@ var chunkFRT6RQND_cjs = require('./chunk-FRT6RQND.cjs');
 var chunkOXYFTCRW_cjs = require('./chunk-OXYFTCRW.cjs');
 var chunkKJ5BSGEO_cjs = require('./chunk-KJ5BSGEO.cjs');
 var chunk3GGET5LK_cjs = require('./chunk-3GGET5LK.cjs');
-var chunkGOKC4CCZ_cjs = require('./chunk-GOKC4CCZ.cjs');
 var chunkUOOH356R_cjs = require('./chunk-UOOH356R.cjs');
+var chunkY65SK5Y2_cjs = require('./chunk-Y65SK5Y2.cjs');
+var chunkVO3NWSCQ_cjs = require('./chunk-VO3NWSCQ.cjs');
+var chunk74NOFB34_cjs = require('./chunk-74NOFB34.cjs');
+var chunkFZQAF3WA_cjs = require('./chunk-FZQAF3WA.cjs');
+var chunk6RV7HQ4U_cjs = require('./chunk-6RV7HQ4U.cjs');
+var chunkUL3PQ7HL_cjs = require('./chunk-UL3PQ7HL.cjs');
 var chunkNIEIRA5A_cjs = require('./chunk-NIEIRA5A.cjs');
 var chunk5MAGWW5X_cjs = require('./chunk-5MAGWW5X.cjs');
 var chunkZNZZCB2M_cjs = require('./chunk-ZNZZCB2M.cjs');
 var chunkKQAXXJ4G_cjs = require('./chunk-KQAXXJ4G.cjs');
 var chunkXP6HELVG_cjs = require('./chunk-XP6HELVG.cjs');
-var chunkK7IGBNZA_cjs = require('./chunk-K7IGBNZA.cjs');
 var chunk3M4P2KMG_cjs = require('./chunk-3M4P2KMG.cjs');
 var chunkDFCZPVG4_cjs = require('./chunk-DFCZPVG4.cjs');
 var chunkBT3ZQJGT_cjs = require('./chunk-BT3ZQJGT.cjs');
@@ -64,7 +70,7 @@ var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
 var chunkCW75IKA6_cjs = require('./chunk-CW75IKA6.cjs');
 var chunkSCV7C55E_cjs = require('./chunk-SCV7C55E.cjs');
-var chunk3CFB4TVQ_cjs = require('./chunk-3CFB4TVQ.cjs');
+var chunkWHUD3XHR_cjs = require('./chunk-WHUD3XHR.cjs');
 var chunkWGPMTW36_cjs = require('./chunk-WGPMTW36.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React49 = require('react');
@@ -40069,13 +40075,29 @@ function WebsiteInputGroup({
 }
 WebsiteInputGroup.displayName = "WebsiteInputGroup";
 
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkDLNJLCNO_cjs.Toggle; }
+});
+Object.defineProperty(exports, "toggleVariants", {
+  enumerable: true,
+  get: function () { return chunkDLNJLCNO_cjs.toggleVariants; }
+});
 Object.defineProperty(exports, "VisuallyHidden", {
   enumerable: true,
   get: function () { return chunkZJCPW6MS_cjs.VisuallyHidden; }
 });
 Object.defineProperty(exports, "brands", {
   enumerable: true,
-  get: function () { return chunkZ6NRP4Z5_cjs.brands; }
+  get: function () { return chunkSNEQXSC5_cjs.brands; }
+});
+Object.defineProperty(exports, "webchartBrand", {
+  enumerable: true,
+  get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
+});
+Object.defineProperty(exports, "defaultBrand", {
+  enumerable: true,
+  get: function () { return chunkX7S76WB7_cjs.defaultBrand; }
 });
 Object.defineProperty(exports, "enterpriseHealthBrand", {
   enumerable: true,
@@ -40089,10 +40111,6 @@ Object.defineProperty(exports, "wagglelineBrand", {
   enumerable: true,
   get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
 });
-Object.defineProperty(exports, "webchartBrand", {
-  enumerable: true,
-  get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
-});
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
   get: function () { return chunkJ644FU54_cjs.createBrandPreset; }
@@ -40117,9 +40135,21 @@ Object.defineProperty(exports, "ozwellBrand", {
   enumerable: true,
   get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
 });
-Object.defineProperty(exports, "defaultBrand", {
+Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkX7S76WB7_cjs.defaultBrand; }
+  get: function () { return chunkGOKC4CCZ_cjs.Slider; }
+});
+Object.defineProperty(exports, "sliderRangeVariants", {
+  enumerable: true,
+  get: function () { return chunkGOKC4CCZ_cjs.sliderRangeVariants; }
+});
+Object.defineProperty(exports, "sliderThumbVariants", {
+  enumerable: true,
+  get: function () { return chunkGOKC4CCZ_cjs.sliderThumbVariants; }
+});
+Object.defineProperty(exports, "sliderTrackVariants", {
+  enumerable: true,
+  get: function () { return chunkGOKC4CCZ_cjs.sliderTrackVariants; }
 });
 Object.defineProperty(exports, "FullPageSpinner", {
   enumerable: true,
@@ -40253,13 +40283,17 @@ Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () { return chunkRH43XBNV_cjs.Tooltip; }
 });
-Object.defineProperty(exports, "Toggle", {
+Object.defineProperty(exports, "RecordButton", {
   enumerable: true,
-  get: function () { return chunkDLNJLCNO_cjs.Toggle; }
+  get: function () { return chunkK7IGBNZA_cjs.RecordButton; }
 });
-Object.defineProperty(exports, "toggleVariants", {
+Object.defineProperty(exports, "formatDuration", {
   enumerable: true,
-  get: function () { return chunkDLNJLCNO_cjs.toggleVariants; }
+  get: function () { return chunkK7IGBNZA_cjs.formatDuration; }
+});
+Object.defineProperty(exports, "recordButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkK7IGBNZA_cjs.recordButtonVariants; }
 });
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
@@ -40389,29 +40423,49 @@ Object.defineProperty(exports, "skeletonVariants", {
   enumerable: true,
   get: function () { return chunk3GGET5LK_cjs.skeletonVariants; }
 });
-Object.defineProperty(exports, "Slider", {
+Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function () { return chunkGOKC4CCZ_cjs.Slider; }
+  get: function () { return chunkUOOH356R_cjs.Label; }
 });
-Object.defineProperty(exports, "sliderRangeVariants", {
+Object.defineProperty(exports, "labelVariants", {
   enumerable: true,
-  get: function () { return chunkGOKC4CCZ_cjs.sliderRangeVariants; }
+  get: function () { return chunkUOOH356R_cjs.labelVariants; }
 });
-Object.defineProperty(exports, "sliderThumbVariants", {
+Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunkGOKC4CCZ_cjs.sliderThumbVariants; }
+  get: function () { return chunkY65SK5Y2_cjs.CodeBlock; }
 });
-Object.defineProperty(exports, "sliderTrackVariants", {
+Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkGOKC4CCZ_cjs.sliderTrackVariants; }
+  get: function () { return chunkY65SK5Y2_cjs.MarkdownRenderer; }
 });
-Object.defineProperty(exports, "Label", {
+Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunkUOOH356R_cjs.Label; }
+  get: function () { return chunkY65SK5Y2_cjs.highlightCode; }
 });
-Object.defineProperty(exports, "labelVariants", {
+Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunkUOOH356R_cjs.labelVariants; }
+  get: function () { return chunkY65SK5Y2_cjs.useMarkdown; }
+});
+Object.defineProperty(exports, "CsvBlock", {
+  enumerable: true,
+  get: function () { return chunkVO3NWSCQ_cjs.CsvBlock; }
+});
+Object.defineProperty(exports, "HtmlPreviewBlock", {
+  enumerable: true,
+  get: function () { return chunk74NOFB34_cjs.HtmlPreviewBlock; }
+});
+Object.defineProperty(exports, "MermaidBlock", {
+  enumerable: true,
+  get: function () { return chunkFZQAF3WA_cjs.MermaidBlock; }
+});
+Object.defineProperty(exports, "SurveyBlock", {
+  enumerable: true,
+  get: function () { return chunk6RV7HQ4U_cjs.SurveyBlock; }
+});
+Object.defineProperty(exports, "FenceBlock", {
+  enumerable: true,
+  get: function () { return chunkUL3PQ7HL_cjs.FenceBlock; }
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
@@ -40485,18 +40539,6 @@ Object.defineProperty(exports, "radioVariants", {
   enumerable: true,
   get: function () { return chunkXP6HELVG_cjs.radioVariants; }
 });
-Object.defineProperty(exports, "RecordButton", {
-  enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.RecordButton; }
-});
-Object.defineProperty(exports, "formatDuration", {
-  enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.formatDuration; }
-});
-Object.defineProperty(exports, "recordButtonVariants", {
-  enumerable: true,
-  get: function () { return chunkK7IGBNZA_cjs.recordButtonVariants; }
-});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () { return chunk3M4P2KMG_cjs.Card; }
@@ -40883,11 +40925,11 @@ Object.defineProperty(exports, "isStorybookDocsMode", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunk3CFB4TVQ_cjs.miewebUIPreset; }
+  get: function () { return chunkWHUD3XHR_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunk3CFB4TVQ_cjs.miewebUISafelist; }
+  get: function () { return chunkWHUD3XHR_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,