@elevasis/ui 2.67.0 → 2.69.0

package/dist/charts/index.css

@@ -66,214 +66,6 @@
   color: var(--color-text-dimmed);
 }
 
-/* src/theme/custom.css */
-.mantine-Button-root[data-variant=default] {
-  background-color: var(--color-surface);
-  backdrop-filter: var(--glass-blur);
-  -webkit-backdrop-filter: var(--glass-blur);
-  border: 1px solid var(--color-border);
-  color: var(--color-text);
-}
-.mantine-Button-root[data-variant=default]:hover {
-  background-color: var(--color-surface-hover);
-}
-.lead-gen-build-action-button:disabled,
-.lead-gen-build-action-button[data-disabled] {
-  background-color: var(--surface-primary-muted) !important;
-  border-color: var(--border-primary-subtle) !important;
-  color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
-  opacity: 0.78;
-}
-.lead-gen-build-action-button:disabled:hover,
-.lead-gen-build-action-button[data-disabled]:hover {
-  background-color: var(--surface-primary-muted) !important;
-}
-.mantine-Accordion-control:hover {
-  background-color: var(--color-surface-hover);
-}
-[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
-  --item-filled-color: var(--color-surface);
-  --item-border-color: var(--color-border);
-}
-[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
-  background-color: var(--color-surface);
-  border-color: var(--color-border);
-}
-.mantine-Menu-item:hover:not([data-disabled]) {
-  background-color: var(--color-surface-hover);
-}
-.mantine-Select-option:hover,
-.mantine-MultiSelect-option:hover,
-.mantine-TagsInput-option:hover,
-.mantine-Combobox-option:hover {
-  background-color: var(--surface-primary-muted) !important;
-}
-.mantine-Select-option[data-combobox-selected],
-.mantine-MultiSelect-option[data-combobox-selected],
-.mantine-TagsInput-option[data-combobox-selected],
-.mantine-Combobox-option[data-combobox-selected] {
-  background-color: var(--surface-primary-subtle) !important;
-  color: var(--color-text);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root {
-  --tab-border-color: var(--color-border);
-  --tab-hover-color: var(--color-surface-hover);
-  --tabs-radius: var(--mantine-radius-xs);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab {
-  color: var(--color-text);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab:hover {
-  background-color: var(--color-surface-hover);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab[data-active] {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-primary);
-  color: var(--color-text);
-}
-.mantine-Pagination-control:not([data-active]) {
-  background: var(--color-surface);
-}
-::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border));
-  border-radius: 4px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-text-subtle);
-}
-[data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
-  background-color: var(--color-surface);
-  border-color: var(--color-border);
-}
-[data-mantine-color-scheme] .mantine-Checkbox-input:checked,
-[data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.mantine-Switch-root:has(input:not(:checked)) .mantine-Switch-track {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-border);
-}
-.mantine-Timeline-root {
-  --tl-color: var(--color-primary);
-}
-.mantine-Timeline-item {
-  --item-border-color: var(--color-border);
-}
-.mantine-Timeline-itemBullet {
-  border-color: var(--color-border);
-}
-.mantine-Timeline-itemBullet:where([data-with-child]) {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.mantine-Tree-node:focus-visible > [data-value] {
-  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
-  outline-offset: 2px;
-}
-.mantine-Tree-label[data-hovered] {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-border);
-}
-.mantine-Tree-label[data-selected] {
-  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
-  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
-  color: var(--color-primary);
-}
-[data-knowledge-article] pre {
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-x: auto;
-  max-width: 100%;
-  padding: var(--mantine-spacing-sm);
-  background-color: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: var(--mantine-radius-sm);
-}
-[data-knowledge-article] pre code {
-  background: transparent;
-  border: none;
-  padding: 0;
-  white-space: inherit;
-  word-break: inherit;
-}
-.recharts-surface:focus {
-  outline: none;
-}
-.hide-scrollbar {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.hide-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-[data-mantine-color-scheme=light] .chevron {
-  filter: none;
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-[data-mantine-color-scheme=light] .chevron {
-  animation-name: chevronPulseLight;
-}
-@keyframes chevronPulseLight {
-  0%, 100% {
-    opacity: 0.2;
-  }
-  40%, 60% {
-    opacity: 1;
-  }
-}
-
 /* src/graph/Graph.globals.css */
 .elevasis-graph-root .react-flow__node.selected,
 .elevasis-graph-root .react-flow__node:focus,
@@ -657,3 +449,211 @@
     transform: none;
   }
 }
+
+/* src/theme/custom.css */
+.mantine-Button-root[data-variant=default] {
+  background-color: var(--color-surface);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+.mantine-Button-root[data-variant=default]:hover {
+  background-color: var(--color-surface-hover);
+}
+.lead-gen-build-action-button:disabled,
+.lead-gen-build-action-button[data-disabled] {
+  background-color: var(--surface-primary-muted) !important;
+  border-color: var(--border-primary-subtle) !important;
+  color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
+  opacity: 0.78;
+}
+.lead-gen-build-action-button:disabled:hover,
+.lead-gen-build-action-button[data-disabled]:hover {
+  background-color: var(--surface-primary-muted) !important;
+}
+.mantine-Accordion-control:hover {
+  background-color: var(--color-surface-hover);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
+  --item-filled-color: var(--color-surface);
+  --item-border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+.mantine-Menu-item:hover:not([data-disabled]) {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Select-option:hover,
+.mantine-MultiSelect-option:hover,
+.mantine-TagsInput-option:hover,
+.mantine-Combobox-option:hover {
+  background-color: var(--surface-primary-muted) !important;
+}
+.mantine-Select-option[data-combobox-selected],
+.mantine-MultiSelect-option[data-combobox-selected],
+.mantine-TagsInput-option[data-combobox-selected],
+.mantine-Combobox-option[data-combobox-selected] {
+  background-color: var(--surface-primary-subtle) !important;
+  color: var(--color-text);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root {
+  --tab-border-color: var(--color-border);
+  --tab-hover-color: var(--color-surface-hover);
+  --tabs-radius: var(--mantine-radius-xs);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab {
+  color: var(--color-text);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab[data-active] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-primary);
+  color: var(--color-text);
+}
+.mantine-Pagination-control:not([data-active]) {
+  background: var(--color-surface);
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border));
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-subtle);
+}
+[data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Checkbox-input:checked,
+[data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.mantine-Switch-root:has(input:not(:checked)) .mantine-Switch-track {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Timeline-root {
+  --tl-color: var(--color-primary);
+}
+.mantine-Timeline-item {
+  --item-border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet {
+  border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet:where([data-with-child]) {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.mantine-Tree-node:focus-visible > [data-value] {
+  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+.mantine-Tree-label[data-hovered] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Tree-label[data-selected] {
+  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
+  color: var(--color-primary);
+}
+[data-knowledge-article] pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-width: 100%;
+  padding: var(--mantine-spacing-sm);
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--mantine-radius-sm);
+}
+[data-knowledge-article] pre code {
+  background: transparent;
+  border: none;
+  padding: 0;
+  white-space: inherit;
+  word-break: inherit;
+}
+.recharts-surface:focus {
+  outline: none;
+}
+.hide-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+[data-mantine-color-scheme=light] .chevron {
+  filter: none;
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+[data-mantine-color-scheme=light] .chevron {
+  animation-name: chevronPulseLight;
+}
+@keyframes chevronPulseLight {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  40%, 60% {
+    opacity: 1;
+  }
+}

package/dist/charts/index.js

@@ -1,29 +1,27 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-5TERYXOO.js';
-import '../chunk-4OEVLV66.js';
-import '../chunk-RBGVNPA6.js';
-import '../chunk-6ZAP3FOA.js';
-import '../chunk-AUDNF2Q7.js';
-import '../chunk-6M6OLGQY.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-WXHAHKKI.js';
+import '../chunk-FLECOYUS.js';
+import '../chunk-XQBURFKM.js';
 import '../chunk-MKH2KOAO.js';
-import '../chunk-XNW3O6QW.js';
+import '../chunk-VDX6DL7Z.js';
 import '../chunk-L7BZZ4SI.js';
-import '../chunk-GMXGDO3I.js';
+import '../chunk-C75XWBYZ.js';
+import '../chunk-MISHPEJX.js';
 import '../chunk-62GVNH5U.js';
 import '../chunk-P45GQ3ZW.js';
-import '../chunk-DD3CCMCZ.js';
 import '../chunk-M7WWRZ5Z.js';
-import '../chunk-JFBZ6XDW.js';
+import '../chunk-3KMDHCAR.js';
 import '../chunk-2IFYDILW.js';
-import '../chunk-Q7DJKLEN.js';
-import '../chunk-HENXLGVD.js';
 import '../chunk-BLXJEIQS.js';
+import '../chunk-UD657ICS.js';
+import '../chunk-DD3CCMCZ.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-RT4KRGZT.js';
-import '../chunk-I7BZVVVU.js';
+import '../chunk-NM4A63KJ.js';
 import '../chunk-Y6I3IC45.js';
 import '../chunk-6SSQGWK7.js';
 import '../chunk-BI5VDO2K.js';
 import '../chunk-MQZE7SUI.js';
 import '../chunk-TVTSASST.js';
 import '../chunk-BRJ3QZ4E.js';
+import '../chunk-Q7DJKLEN.js';
 import '../chunk-I2KLQ2HA.js';

package/dist/{chunk-M535KHLW.js → chunk-26BTE3Z4.js}

@@ -1,4 +1,4 @@
-import { GC_TIME_LONG, STALE_TIME_DEFAULT } from './chunk-I7BZVVVU.js';
+import { GC_TIME_LONG, STALE_TIME_DEFAULT } from './chunk-NM4A63KJ.js';
 import { QueryClient } from '@tanstack/react-query';
 
 function createElevasisQueryClient(options = {}) {

package/dist/chunk-3KMDHCAR.js

@@ -0,0 +1,52 @@
+import { Text, Box, Code, Title } from '@mantine/core';
+import Markdown from 'react-markdown';
+import { Prism } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/display/StyledMarkdown.tsx
+var customCodeTheme = Object.fromEntries(
+  Object.entries(oneDark).map(([key, value]) => [
+    key,
+    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
+  ])
+);
+var defaultComponents = {
+  h1: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 3, c: "var(--color-primary)", mb: "xs", mt: "md", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 4, c: "var(--color-primary)", mb: "xs", mt: "sm", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
+  li: ({ children }) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "0.25rem", fontSize: "var(--mantine-font-size-sm)" }, children }),
+  code: ({ className, children, ...props }) => {
+    const match = /language-(\w+)/.exec(className || "");
+    const codeString = String(children).replace(/\n$/, "");
+    if (match) {
+      return /* @__PURE__ */ jsx(
+        Prism,
+        {
+          style: customCodeTheme,
+          language: match[1],
+          PreTag: "div",
+          customStyle: {
+            margin: "0.5rem 0",
+            borderRadius: "var(--mantine-radius-default)",
+            fontSize: "0.8rem"
+          },
+          children: codeString
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(Code, { ...props, children });
+  },
+  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
+  blockquote: ({ children }) => /* @__PURE__ */ jsx(Box, { pl: "sm", my: "xs", style: { borderLeft: "2px solid var(--color-border)" }, children }),
+  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children }),
+  strong: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fw: 700, children }),
+  em: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fs: "italic", children })
+};
+function StyledMarkdown({ children, components, className, style }) {
+  const mergedComponents = components ? { ...defaultComponents, ...components } : defaultComponents;
+  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx(Markdown, { components: mergedComponents, children }) });
+}
+
+export { StyledMarkdown };