@projectcor/maia-components 2.11.9-9 → 2.11.10-0

package/lib/index.css

@@ -1,27 +1,309 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Streamdown classes are included via tailwind.config.js content */
+
+@layer base {
+  /* Prevent Tailwind from resetting link styles */
+  a {
+    color: revert;
+    text-decoration: revert;
+  }
+  
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
 body {
   font-family: 'Work-Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+}
+
+/* Code blocks - github-light theme, fondo transparente */
+[data-streamdown="code-block"] {
+  position: relative;
+  margin: 1rem 0;
+  background: transparent !important;
+  border: none !important;
+  border-radius: 0.75rem;
+  overflow: hidden;
+}
+
+[data-streamdown="code-block"] > div {
+  border: none !important;
+  background: transparent !important;
+}
+
+[data-streamdown="code-block"] pre,
+[data-streamdown="code-block"] pre.shiki,
+.shiki {
+  background-color: transparent !important;
+  border-radius: 0 !important;
+  padding: 1rem 1.25rem 1.25rem !important;
+  border: none !important;
+  margin: 0 !important;
+}
+
+/* Números de línea: 13px -> 12px */
+[data-streamdown="code-block"] pre code > span::before,
+[data-streamdown="code-block-body"] pre code > span::before {
+  font-size: 12px !important;
+}
+
+/* Language label inside the block */
+[data-streamdown="code-block-language"] {
+  display: block !important;
+  color: #6e7681 !important;
+  font-size: 0.75rem;
+  font-weight: 500;
+  padding: 0.75rem 1.25rem 0;
+  text-transform: lowercase;
+  letter-spacing: 0.02em;
+  background: transparent !important;
+  border: none !important;
+}
+
+/* Tables - scroll container: solo la tabla hace scroll horizontal, no todo el contenedor */
+[data-streamdown="table-wrapper"] {
+  width: 100%;
+  max-width: 100%;
+  margin: 1rem 0;
+  overflow-x: auto;
+  overflow-y: visible;
+  border-radius: 0.75rem;
+  border: none !important;
+  -webkit-overflow-scrolling: touch;
+}
+
+[data-streamdown="table-wrapper"] > div {
+  border: none !important;
+}
+
+/* Tables - estilos claros con líneas horizontales */
+[data-streamdown="table"] {
+  width: max-content;
+  min-width: 100%;
+  margin: 0 0 0.75rem 0;
+  border-collapse: collapse;
+  border-spacing: 0;
+  background: transparent;
+  overflow: hidden;
+  border: none !important;
+}
+
+[data-streamdown="table"] thead {
+  background: transparent;
+  border-bottom: 1px solid #BFBFBF;
+}
+
+[data-streamdown="table"] th {
+  color: #000;
+  font-family: "Work Sans", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 26px;
+  text-align: left;
+  padding: 1rem 1.25rem;
+}
+
+[data-streamdown="table"] td {
+  color: #000;
+  font-family: "Work Sans", sans-serif;
+  font-size: 16px;
+  font-style: normal;
   font-weight: 400;
-  font-size: 14px;
-  line-height: 1.42857143;
-  -webkit-text-size-adjust: 100%;
+  line-height: 26px;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid #D9D9D9;
+}
+
+[data-streamdown="table"] tbody tr:last-child td {
+  border-bottom: none;
+}
+
+/* Mermaid diagrams */
+[data-streamdown="mermaid"] {
+  margin: 1rem 0;
+  overflow: visible;
+  max-width: 100%;
+  min-height: 500px;
+}
+
+[data-streamdown="mermaid"] svg {
+  overflow: visible !important;
+  min-height: 500px;
+  max-width: 100%;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul {
-  margin: 0;
-  padding: 0;
+[data-streamdown="mermaid"] .node rect,
+[data-streamdown="mermaid"] .node polygon {
+  rx: 8px;
+  ry: 8px;
 }
 
-ul {
-  list-style: none;
+/* Edge labels (text on arrows) - prevent clipping */
+[data-streamdown="mermaid"] .edgeLabel {
+  background-color: transparent !important;
 }
+
+[data-streamdown="mermaid"] .edgeLabel .label {
+  background-color: #fce7f3 !important;
+  padding: 2px 4px;
+}
+
+
+/* Dropdowns de copy/download (tablas, mermaid) - fondo blanco */
+[data-streamdown="table-wrapper"] div[class*="absolute"][class*="top-full"],
+[data-streamdown="mermaid-block"] div[class*="absolute"][class*="top-full"] {
+  background: #fff !important;
+}
+
+/* Barra de acciones (code-block, mermaid) - fondo blanco */
+[data-streamdown="code-block-actions"],
+[data-streamdown="mermaid-block-actions"] {
+  background: transparent !important;
+  border-color: transparent !important;
+}
+
+/* Link Safety Modal - dark theme */
+/* Backdrop overlay */
+[data-streamdown="link-safety-modal"] {
+  background: rgba(0, 0, 0, 0.7) !important;
+}
+
+/* Modal container */
+[data-streamdown="link-safety-modal"] > div {
+  background: #1e1e2e !important;
+  border: 1px solid #3d3d4d !important;
+  border-radius: 0.75rem !important;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
+  padding: 1.5rem !important;
+  position: relative !important;
+}
+
+/* Botón de cerrar (X) - posicionarlo correctamente */
+[data-streamdown="link-safety-modal"] > div > button:first-child {
+  position: absolute !important;
+  top: 0.75rem !important;
+  right: 0.75rem !important;
+  color: #9ca3af !important;
+  background: transparent !important;
+  border: none !important;
+  padding: 0.25rem !important;
+  line-height: 1 !important;
+}
+
+[data-streamdown="link-safety-modal"] > div > button:first-child:hover {
+  color: #ffffff !important;
+}
+[data-streamdown="link-safety-modal"] h2,
+[data-streamdown="link-safety-modal"] h3,
+[data-streamdown="link-safety-modal"] p,
+[data-streamdown="link-safety-modal"] span,
+[data-streamdown="link-safety-modal"] label {
+  color: #e0e0e0 !important;
+}
+
+/* Título */
+[data-streamdown="link-safety-modal"] h2,
+[data-streamdown="link-safety-modal"] h3 {
+  color: #ffffff !important;
+  font-weight: 600 !important;
+}
+
+/* URL link */
+[data-streamdown="link-safety-modal"] a {
+  color: #58a6ff !important;
+  word-break: break-all;
+}
+
+/* Botón de cerrar (X) */
+[data-streamdown="link-safety-modal"] button[aria-label="Close"],
+[data-streamdown="link-safety-modal"] > div > button:first-child {
+  color: #9ca3af !important;
+}
+
+[data-streamdown="link-safety-modal"] button[aria-label="Close"]:hover,
+[data-streamdown="link-safety-modal"] > div > button:first-child:hover {
+  color: #ffffff !important;
+}
+
+/* Container de botones */
+[data-streamdown="link-safety-modal"] > div > div:last-child {
+  display: flex;
+  gap: 0.75rem;
+  margin-top: 1rem;
+}
+
+/* Botón secundario (Copy link) */
+[data-streamdown="link-safety-modal"] > div > div:last-child button:first-of-type {
+  background: #2d2d3d !important;
+  color: #e0e0e0 !important;
+  border: 1px solid #3d3d4d !important;
+  border-radius: 0.5rem !important;
+  padding: 0.5rem 1rem !important;
+}
+
+[data-streamdown="link-safety-modal"] > div > div:last-child button:first-of-type:hover {
+  background: #3d3d4d !important;
+}
+
+/* Botón primario (Open link) */
+[data-streamdown="link-safety-modal"] > div > div:last-child button:last-of-type {
+  background: #2563eb !important;
+  color: #ffffff !important;
+  border: none !important;
+  border-radius: 0.5rem !important;
+  padding: 0.5rem 1rem !important;
+}
+
+[data-streamdown="link-safety-modal"] > div > div:last-child button:last-of-type:hover {
+  background: #1d4ed8 !important;
+}

package/lib/streamdownStyles.js

@@ -0,0 +1,6 @@
+/**
+ * Estilos para Streamdown (tablas, code blocks, mermaid, etc.)
+ * Se inyectan en runtime para que funcionen en cualquier app consumidora sin config adicional.
+ */
+export var STREAMDOWN_STYLES = "\n/* Code blocks */\n[data-streamdown=\"code-block\"] {\n  position: relative;\n  margin: 1rem 0;\n  background: transparent !important;\n  border: none !important;\n  border-radius: 0.75rem;\n  overflow: hidden;\n}\n[data-streamdown=\"code-block\"] > div {\n  border: none !important;\n  background: transparent !important;\n}\n[data-streamdown=\"code-block\"] pre,\n[data-streamdown=\"code-block\"] pre.shiki,\n.shiki {\n  background-color: transparent !important;\n  border-radius: 0 !important;\n  padding: 1rem 1.25rem 1.25rem !important;\n  border: none !important;\n  margin: 0 !important;\n}\n[data-streamdown=\"code-block\"] pre code > span::before,\n[data-streamdown=\"code-block-body\"] pre code > span::before {\n  font-size: 12px !important;\n}\n[data-streamdown=\"code-block-language\"] {\n  display: block !important;\n  color: #6e7681 !important;\n  font-size: 0.75rem;\n  font-weight: 500;\n  padding: 0.75rem 1.25rem 0;\n  text-transform: lowercase;\n  letter-spacing: 0.02em;\n  background: transparent !important;\n  border: none !important;\n}\n\n/* Tables */\n[data-streamdown=\"table-wrapper\"] {\n  width: 100%;\n  max-width: 100%;\n  margin: 1rem 0;\n  overflow-x: auto;\n  overflow-y: visible;\n  border-radius: 0.75rem;\n  border: none !important;\n  -webkit-overflow-scrolling: touch;\n}\n[data-streamdown=\"table-wrapper\"] > div {\n  border: none !important;\n}\n[data-streamdown=\"table\"] {\n  width: max-content;\n  min-width: 100%;\n  margin: 0 0 0.75rem 0;\n  border-collapse: collapse;\n  border-spacing: 0;\n  background: transparent;\n  overflow: hidden;\n  border: none !important;\n}\n[data-streamdown=\"table\"] thead {\n  background: transparent;\n  border-bottom: 1px solid #BFBFBF;\n}\n[data-streamdown=\"table\"] th {\n  color: #000;\n  font-family: \"Work Sans\", sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 26px;\n  text-align: left;\n  padding: 1rem 1.25rem;\n}\n[data-streamdown=\"table\"] td {\n  color: #000;\n  font-family: \"Work Sans\", sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 26px;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid #D9D9D9;\n}\n[data-streamdown=\"table\"] tbody tr:last-child td {\n  border-bottom: none;\n}\n\n/* Mermaid */\n[data-streamdown=\"mermaid\"] {\n  margin: 1rem 0;\n  overflow: visible;\n  max-width: 100%;\n  min-height: 500px;\n}\n[data-streamdown=\"mermaid\"] svg {\n  overflow: visible !important;\n  min-height: 500px;\n  max-width: 100%;\n}\n[data-streamdown=\"mermaid\"] .node rect,\n[data-streamdown=\"mermaid\"] .node polygon {\n  rx: 8px;\n  ry: 8px;\n}\n[data-streamdown=\"mermaid\"] .edgeLabel {\n  background-color: transparent !important;\n}\n[data-streamdown=\"mermaid\"] .edgeLabel .label {\n  background-color: #fce7f3 !important;\n  padding: 2px 4px;\n}\n\n/* Dropdowns */\n[data-streamdown=\"table-wrapper\"] div[class*=\"absolute\"][class*=\"top-full\"],\n[data-streamdown=\"mermaid-block\"] div[class*=\"absolute\"][class*=\"top-full\"] {\n  background: #fff !important;\n}\n[data-streamdown=\"code-block-actions\"],\n[data-streamdown=\"mermaid-block-actions\"] {\n  background: transparent !important;\n  border-color: transparent !important;\n}\n\n/* Link Safety Modal */\n[data-streamdown=\"link-safety-modal\"] {\n  background: rgba(0, 0, 0, 0.7) !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div {\n  background: #1e1e2e !important;\n  border: 1px solid #3d3d4d !important;\n  border-radius: 0.75rem !important;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;\n  padding: 1.5rem !important;\n  position: relative !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > button:first-child {\n  position: absolute !important;\n  top: 0.75rem !important;\n  right: 0.75rem !important;\n  color: #9ca3af !important;\n  background: transparent !important;\n  border: none !important;\n  padding: 0.25rem !important;\n  line-height: 1 !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > button:first-child:hover {\n  color: #ffffff !important;\n}\n[data-streamdown=\"link-safety-modal\"] h2,\n[data-streamdown=\"link-safety-modal\"] h3,\n[data-streamdown=\"link-safety-modal\"] p,\n[data-streamdown=\"link-safety-modal\"] span,\n[data-streamdown=\"link-safety-modal\"] label {\n  color: #e0e0e0 !important;\n}\n[data-streamdown=\"link-safety-modal\"] h2,\n[data-streamdown=\"link-safety-modal\"] h3 {\n  color: #ffffff !important;\n  font-weight: 600 !important;\n}\n[data-streamdown=\"link-safety-modal\"] a {\n  color: #58a6ff !important;\n  word-break: break-all;\n}\n[data-streamdown=\"link-safety-modal\"] button[aria-label=\"Close\"],\n[data-streamdown=\"link-safety-modal\"] > div > button:first-child {\n  color: #9ca3af !important;\n}\n[data-streamdown=\"link-safety-modal\"] button[aria-label=\"Close\"]:hover,\n[data-streamdown=\"link-safety-modal\"] > div > button:first-child:hover {\n  color: #ffffff !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > div:last-child {\n  display: flex;\n  gap: 0.75rem;\n  margin-top: 1rem;\n}\n[data-streamdown=\"link-safety-modal\"] > div > div:last-child button:first-of-type {\n  background: #2d2d3d !important;\n  color: #e0e0e0 !important;\n  border: 1px solid #3d3d4d !important;\n  border-radius: 0.5rem !important;\n  padding: 0.5rem 1rem !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > div:last-child button:first-of-type:hover {\n  background: #3d3d4d !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > div:last-child button:last-of-type {\n  background: #2563eb !important;\n  color: #ffffff !important;\n  border: none !important;\n  border-radius: 0.5rem !important;\n  padding: 0.5rem 1rem !important;\n}\n[data-streamdown=\"link-safety-modal\"] > div > div:last-child button:last-of-type:hover {\n  background: #1d4ed8 !important;\n}\n";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTVFJFQU1ET1dOX1NUWUxFUyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHJlYW1kb3duU3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXN0aWxvcyBwYXJhIFN0cmVhbWRvd24gKHRhYmxhcywgY29kZSBibG9ja3MsIG1lcm1haWQsIGV0Yy4pXG4gKiBTZSBpbnllY3RhbiBlbiBydW50aW1lIHBhcmEgcXVlIGZ1bmNpb25lbiBlbiBjdWFscXVpZXIgYXBwIGNvbnN1bWlkb3JhIHNpbiBjb25maWcgYWRpY2lvbmFsLlxuICovXG5leHBvcnQgY29uc3QgU1RSRUFNRE9XTl9TVFlMRVMgPSBgXG4vKiBDb2RlIGJsb2NrcyAqL1xuW2RhdGEtc3RyZWFtZG93bj1cImNvZGUtYmxvY2tcIl0ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogMXJlbSAwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgYm9yZGVyLXJhZGl1czogMC43NXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJjb2RlLWJsb2NrXCJdID4gZGl2IHtcbiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwiY29kZS1ibG9ja1wiXSBwcmUsXG5bZGF0YS1zdHJlYW1kb3duPVwiY29kZS1ibG9ja1wiXSBwcmUuc2hpa2ksXG4uc2hpa2kge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDFyZW0gMS4yNXJlbSAxLjI1cmVtICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJjb2RlLWJsb2NrXCJdIHByZSBjb2RlID4gc3Bhbjo6YmVmb3JlLFxuW2RhdGEtc3RyZWFtZG93bj1cImNvZGUtYmxvY2stYm9keVwiXSBwcmUgY29kZSA+IHNwYW46OmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xufVxuW2RhdGEtc3RyZWFtZG93bj1cImNvZGUtYmxvY2stbGFuZ3VhZ2VcIl0ge1xuICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICBjb2xvcjogIzZlNzY4MSAhaW1wb3J0YW50O1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHBhZGRpbmc6IDAuNzVyZW0gMS4yNXJlbSAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbG93ZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wMmVtO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLyogVGFibGVzICovXG5bZGF0YS1zdHJlYW1kb3duPVwidGFibGUtd3JhcHBlclwiXSB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMXJlbSAwO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBvdmVyZmxvdy15OiB2aXNpYmxlO1xuICBib3JkZXItcmFkaXVzOiAwLjc1cmVtO1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xufVxuW2RhdGEtc3RyZWFtZG93bj1cInRhYmxlLXdyYXBwZXJcIl0gPiBkaXYge1xuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJ0YWJsZVwiXSB7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDAgMCAwLjc1cmVtIDA7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwidGFibGVcIl0gdGhlYWQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNCRkJGQkY7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwidGFibGVcIl0gdGgge1xuICBjb2xvcjogIzAwMDtcbiAgZm9udC1mYW1pbHk6IFwiV29yayBTYW5zXCIsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMjZweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgcGFkZGluZzogMXJlbSAxLjI1cmVtO1xufVxuW2RhdGEtc3RyZWFtZG93bj1cInRhYmxlXCJdIHRkIHtcbiAgY29sb3I6ICMwMDA7XG4gIGZvbnQtZmFtaWx5OiBcIldvcmsgU2Fuc1wiLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGluZS1oZWlnaHQ6IDI2cHg7XG4gIHBhZGRpbmc6IDFyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNEOUQ5RDk7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwidGFibGVcIl0gdGJvZHkgdHI6bGFzdC1jaGlsZCB0ZCB7XG4gIGJvcmRlci1ib3R0b206IG5vbmU7XG59XG5cbi8qIE1lcm1haWQgKi9cbltkYXRhLXN0cmVhbWRvd249XCJtZXJtYWlkXCJdIHtcbiAgbWFyZ2luOiAxcmVtIDA7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDUwMHB4O1xufVxuW2RhdGEtc3RyZWFtZG93bj1cIm1lcm1haWRcIl0gc3ZnIHtcbiAgb3ZlcmZsb3c6IHZpc2libGUgIWltcG9ydGFudDtcbiAgbWluLWhlaWdodDogNTAwcHg7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJtZXJtYWlkXCJdIC5ub2RlIHJlY3QsXG5bZGF0YS1zdHJlYW1kb3duPVwibWVybWFpZFwiXSAubm9kZSBwb2x5Z29uIHtcbiAgcng6IDhweDtcbiAgcnk6IDhweDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJtZXJtYWlkXCJdIC5lZGdlTGFiZWwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xufVxuW2RhdGEtc3RyZWFtZG93bj1cIm1lcm1haWRcIl0gLmVkZ2VMYWJlbCAubGFiZWwge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmNlN2YzICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDJweCA0cHg7XG59XG5cbi8qIERyb3Bkb3ducyAqL1xuW2RhdGEtc3RyZWFtZG93bj1cInRhYmxlLXdyYXBwZXJcIl0gZGl2W2NsYXNzKj1cImFic29sdXRlXCJdW2NsYXNzKj1cInRvcC1mdWxsXCJdLFxuW2RhdGEtc3RyZWFtZG93bj1cIm1lcm1haWQtYmxvY2tcIl0gZGl2W2NsYXNzKj1cImFic29sdXRlXCJdW2NsYXNzKj1cInRvcC1mdWxsXCJdIHtcbiAgYmFja2dyb3VuZDogI2ZmZiAhaW1wb3J0YW50O1xufVxuW2RhdGEtc3RyZWFtZG93bj1cImNvZGUtYmxvY2stYWN0aW9uc1wiXSxcbltkYXRhLXN0cmVhbWRvd249XCJtZXJtYWlkLWJsb2NrLWFjdGlvbnNcIl0ge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG59XG5cbi8qIExpbmsgU2FmZXR5IE1vZGFsICovXG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0ge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNykgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSA+IGRpdiB7XG4gIGJhY2tncm91bmQ6ICMxZTFlMmUgIWltcG9ydGFudDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzNkM2Q0ZCAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwLjc1cmVtICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IDAgMjVweCA1MHB4IC0xMnB4IHJnYmEoMCwgMCwgMCwgMC41KSAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAxLjVyZW0gIWltcG9ydGFudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gPiBkaXYgPiBidXR0b246Zmlyc3QtY2hpbGQge1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgdG9wOiAwLjc1cmVtICFpbXBvcnRhbnQ7XG4gIHJpZ2h0OiAwLjc1cmVtICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjOWNhM2FmICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwLjI1cmVtICFpbXBvcnRhbnQ7XG4gIGxpbmUtaGVpZ2h0OiAxICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gPiBkaXYgPiBidXR0b246Zmlyc3QtY2hpbGQ6aG92ZXIge1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xufVxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdIGgyLFxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdIGgzLFxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdIHAsXG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gc3BhbixcbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSBsYWJlbCB7XG4gIGNvbG9yOiAjZTBlMGUwICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gaDIsXG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gaDMge1xuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogNjAwICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gYSB7XG4gIGNvbG9yOiAjNThhNmZmICFpbXBvcnRhbnQ7XG4gIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSBidXR0b25bYXJpYS1sYWJlbD1cIkNsb3NlXCJdLFxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdID4gZGl2ID4gYnV0dG9uOmZpcnN0LWNoaWxkIHtcbiAgY29sb3I6ICM5Y2EzYWYgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSBidXR0b25bYXJpYS1sYWJlbD1cIkNsb3NlXCJdOmhvdmVyLFxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdID4gZGl2ID4gYnV0dG9uOmZpcnN0LWNoaWxkOmhvdmVyIHtcbiAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSA+IGRpdiA+IGRpdjpsYXN0LWNoaWxkIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjc1cmVtO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuW2RhdGEtc3RyZWFtZG93bj1cImxpbmstc2FmZXR5LW1vZGFsXCJdID4gZGl2ID4gZGl2Omxhc3QtY2hpbGQgYnV0dG9uOmZpcnN0LW9mLXR5cGUge1xuICBiYWNrZ3JvdW5kOiAjMmQyZDNkICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZTBlMGUwICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICMzZDNkNGQgIWltcG9ydGFudDtcbiAgYm9yZGVyLXJhZGl1czogMC41cmVtICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDAuNXJlbSAxcmVtICFpbXBvcnRhbnQ7XG59XG5bZGF0YS1zdHJlYW1kb3duPVwibGluay1zYWZldHktbW9kYWxcIl0gPiBkaXYgPiBkaXY6bGFzdC1jaGlsZCBidXR0b246Zmlyc3Qtb2YtdHlwZTpob3ZlciB7XG4gIGJhY2tncm91bmQ6ICMzZDNkNGQgIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSA+IGRpdiA+IGRpdjpsYXN0LWNoaWxkIGJ1dHRvbjpsYXN0LW9mLXR5cGUge1xuICBiYWNrZ3JvdW5kOiAjMjU2M2ViICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW0gIWltcG9ydGFudDtcbiAgcGFkZGluZzogMC41cmVtIDFyZW0gIWltcG9ydGFudDtcbn1cbltkYXRhLXN0cmVhbWRvd249XCJsaW5rLXNhZmV0eS1tb2RhbFwiXSA+IGRpdiA+IGRpdjpsYXN0LWNoaWxkIGJ1dHRvbjpsYXN0LW9mLXR5cGU6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjMWQ0ZWQ4ICFpbXBvcnRhbnQ7XG59XG5gXG4iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxJQUFNQSxpQkFBaUIsOHdMQXlNN0IiLCJpZ25vcmVMaXN0IjpbXX0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcor/maia-components",
-  "version": "2.11.9-9",
+  "version": "2.11.10-0",
   "description": "",
   "keywords": [],
   "repository": {
@@ -36,16 +36,15 @@
     ]
   },
   "dependencies": {
-    "framer-motion": "^12.7.2",
+    "@streamdown/code": "^1.0.1",
     "react-file-viewer": "^1.2.1",
-    "react-markdown": "^10.1.0",
-    "remark-gfm": "^4.0.1",
+    "streamdown": "^2.1.0",
     "xlsx": "^0.18.5",
-    "zustand": "^5.0.11"
+    "zustand": "^4.* || ^5.*"
   },
   "devDependencies": {
+    "postcss-loader": "^8.2.0",
     "@apollo/client": "3.8.0",
-    "ajv": "^8.12.0",
     "@babel/cli": "^7.25.6",
     "@babel/core": "^7.25.2",
     "@babel/eslint-parser": "^7.25.1",
@@ -70,12 +69,12 @@
     "@projectcor/cor-commons": "3.0.31",
     "@projectcor/emoji-reaction": "1.0.9-1",
     "@projectcor/icons": "^2.0.1",
+    "@projectcor/input": "2.0.2",
+    "@projectcor/selector": "2.0.0",
     "@projectcor/snackbar": "2.0.0",
     "@projectcor/theme": "^2.0.0",
     "@projectcor/tooltipv2": "^2.0.1",
     "@projectcor/user-avatar": "2.0.2",
-    "@projectcor/input": "2.0.2",
-    "@projectcor/selector": "2.0.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "^12.8.3",
@@ -86,16 +85,20 @@
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
+    "ajv": "^8.12.0",
+    "autoprefixer": "^10.4.24",
     "babel-loader": "^9.1.3",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-preset-minify": "^0.5.2",
     "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
     "chroma-js": "^2.6.0",
     "css-loader": "^6.11.0",
     "dotenv": "^16.4.5",
     "dotenv-webpack": "^8.1.0",
     "emoji-mart": "^5.6.0",
     "eslint": "^8.57.0",
+    "framer-motion": "^12.0.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.3",
@@ -109,15 +112,17 @@
     "html-webpack-plugin": "^5.6.0",
     "husky": "^8.0.3",
     "i18next": "19.9.2",
-    "intersection-observer": "^0.11.0",
+    "intersection-observer": "^0.12.0",
     "jest": "^29.7.0",
     "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.2.0",
+    "lottie-react": "^2.4.0",
     "mini-css-extract-plugin": "^2.9.1",
     "moment": "2.29.1",
     "np": "^6.5.0",
     "path-browserify": "^1.0.1",
+    "postcss": "^8.5.6",
     "prettier": "^3.3.3",
     "process": "0.11.10",
     "react": "18.2.0",
@@ -130,6 +135,7 @@
     "style-loader": "^3.3.4",
     "styled-components": "^5.3.11",
     "svg-url-loader": "^8.0.0",
+    "tailwindcss": "^3.4.0",
     "terser-webpack-plugin": "^5.3.10",
     "ts-jest": "^29.2.5",
     "ts-loader": "^9.5.1",
@@ -138,24 +144,22 @@
     "webpack": "^5.94.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.2",
-    "lottie-react": "^2.4.0"
+    "webpack-dev-server": "^4.15.2"
   },
   "peerDependencies": {
-    "zustand": "^4.* || ^5.*",
     "@apollo/client": "^3.*",
+    "@projectcor/breadcrumb": "^2.*",
     "@projectcor/button": "^3.*",
     "@projectcor/cor-apollo-provider": "^2.*",
     "@projectcor/cor-commons": "^3.*",
+    "@projectcor/emoji-reaction": "^1.*",
     "@projectcor/icons": "^2.*",
+    "@projectcor/input": "^2.*",
+    "@projectcor/selector": "^2.*",
+    "@projectcor/snackbar": "^2.*",
     "@projectcor/theme": "^2.*",
-    "@projectcor/breadcrumb": "^2.*",
     "@projectcor/tooltipv2": "^2.*",
-    "@projectcor/snackbar": "^2.*",
     "@projectcor/user-avatar": "^2.*",
-    "@projectcor/input": "^2.*",
-    "@projectcor/emoji-reaction": "^1.*",
-    "@projectcor/selector": "^2.*",
     "graphql": "^15.*",
     "i18next": "^19.*",
     "moment": "^2.*",
@@ -165,6 +169,7 @@
     "react-router-dom": "6.8.0",
     "react-tracked": "^1.*",
     "styled-components": "^5.*",
+    "framer-motion": "^2.* || ^12.*",
     "uuid": "^8.*"
   },
   "engines": {