@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.129.1

package/dist/lib/shiki.cjs

@@ -0,0 +1,2 @@
+"use strict";var m=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var y=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!C.call(t,n)&&n!==o&&s(t,n,{get:()=>e[n],enumerable:!(r=h(e,n))||r.enumerable});return t};var a=(t,e,o)=>(o=t!=null?m(f(t)):{},y(e||!t||!t.__esModule?s(o,"default",{value:t,enumerable:!0}):o,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=new Map([["bash",()=>import("@shikijs/langs/bash")],["javascript",()=>import("@shikijs/langs/javascript")],["json",()=>import("@shikijs/langs/json")],["markdown",()=>import("@shikijs/langs/markdown")],["python",()=>import("@shikijs/langs/python")],["sql",()=>import("@shikijs/langs/sql")],["tsx",()=>import("@shikijs/langs/tsx")],["typescript",()=>import("@shikijs/langs/typescript")],["yaml",()=>import("@shikijs/langs/yaml")]]),c=new Map([["sh","bash"],["shell","bash"],["shellscript","bash"],["zsh","bash"],["js","javascript"],["jsx","tsx"],["md","markdown"],["py","python"],["ts","typescript"],["yml","yaml"]]);function p(t){const e=t.trim().toLowerCase(),o=c.get(e)??e;return i.has(o)?o:null}function L(){return[...i.keys()]}function k(t,e,o=[]){const r=t.trim().toLowerCase();i.set(r,e);for(const n of o)c.set(n.trim().toLowerCase(),r)}let l=null;const g=new Map;function w(){return l??=Promise.all([import("shiki/core"),import("shiki/engine/javascript"),import("@shikijs/themes/github-light"),import("@shikijs/themes/github-dark")]).then(([t,e,o,r])=>t.createHighlighterCore({engine:e.createJavaScriptRegexEngine({forgiving:!0}),langs:[],themes:[o.default,r.default]})),l}async function v(t){const e=p(t),o=await w();if(e){let r=g.get(e);if(!r){const n=i.get(e);r=n?n().then(u=>o.loadLanguage(...u.default)):Promise.resolve(),g.set(e,r)}await r}return{highlighter:o,lang:e??"text"}}exports.getCodeBlockHighlighter=v;exports.getSupportedCodeBlockLanguages=L;exports.registerCodeBlockLanguage=k;exports.resolveCodeBlockLanguage=p;
+//# sourceMappingURL=shiki.cjs.map

package/dist/lib/shiki.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.cjs","sources":["../../src/lib/shiki.ts"],"sourcesContent":["/**\n * Shared slim Shiki setup (SW-2007).\n *\n * Importing `createHighlighter` from \"shiki\" pulls the full bundle — ~200\n * grammars, each its own module — which balloons consumer builds (~9k\n * modules) and can OOM Vite's default heap. This module uses `shiki/core`\n * with an explicit language set instead: the engine, themes, and grammars\n * all arrive through dynamic imports, so they land in lazy chunks and only\n * the languages listed here are ever pulled into a build.\n *\n * Consumers can extend the set at runtime with `registerCodeBlockLanguage`.\n */\nimport type { HighlighterCore, LanguageRegistration } from \"shiki/core\";\n\ntype LanguageLoader = () => Promise<{ default: LanguageRegistration[] }>;\n\n// Default grammars, chosen for scientific data-app content. Keys are the\n// canonical ids requested via `lang`; aliases map onto them below.\nconst languageLoaders = new Map<string, LanguageLoader>([\n  [\"bash\", () => import(\"@shikijs/langs/bash\")],\n  [\"javascript\", () => import(\"@shikijs/langs/javascript\")],\n  [\"json\", () => import(\"@shikijs/langs/json\")],\n  [\"markdown\", () => import(\"@shikijs/langs/markdown\")],\n  [\"python\", () => import(\"@shikijs/langs/python\")],\n  [\"sql\", () => import(\"@shikijs/langs/sql\")],\n  [\"tsx\", () => import(\"@shikijs/langs/tsx\")],\n  [\"typescript\", () => import(\"@shikijs/langs/typescript\")],\n  [\"yaml\", () => import(\"@shikijs/langs/yaml\")],\n]);\n\nconst languageAliases = new Map<string, string>([\n  [\"sh\", \"bash\"],\n  [\"shell\", \"bash\"],\n  [\"shellscript\", \"bash\"],\n  [\"zsh\", \"bash\"],\n  [\"js\", \"javascript\"],\n  [\"jsx\", \"tsx\"],\n  [\"md\", \"markdown\"],\n  [\"py\", \"python\"],\n  [\"ts\", \"typescript\"],\n  [\"yml\", \"yaml\"],\n]);\n\n/**\n * Resolve a requested language to a registered canonical id, or null when\n * the language isn't in the set (callers fall back to plaintext).\n */\nexport function resolveCodeBlockLanguage(language: string): string | null {\n  const normalized = language.trim().toLowerCase();\n  const canonical = languageAliases.get(normalized) ?? normalized;\n  return languageLoaders.has(canonical) ? canonical : null;\n}\n\n/** Canonical ids of every language the slim highlighter can load. */\nexport function getSupportedCodeBlockLanguages(): string[] {\n  return [...languageLoaders.keys()];\n}\n\n/**\n * Register an additional grammar for `CodeBlock`/`MessageResponse` code\n * highlighting, e.g.:\n *\n * ```ts\n * registerCodeBlockLanguage(\"rust\", () => import(\"@shikijs/langs/rust\"), [\"rs\"]);\n * ```\n *\n * The loader stays a dynamic import, so added grammars are also code-split.\n */\nexport function registerCodeBlockLanguage(\n  language: string,\n  loader: LanguageLoader,\n  aliases: string[] = [],\n): void {\n  const canonical = language.trim().toLowerCase();\n  languageLoaders.set(canonical, loader);\n  for (const alias of aliases) {\n    languageAliases.set(alias.trim().toLowerCase(), canonical);\n  }\n}\n\n// One shared highlighter core; grammars are loaded into it on demand.\nlet corePromise: Promise<HighlighterCore> | null = null;\nconst loadedLanguages = new Map<string, Promise<void>>();\n\nfunction getHighlighterCore(): Promise<HighlighterCore> {\n  corePromise ??= Promise.all([\n    import(\"shiki/core\"),\n    import(\"shiki/engine/javascript\"),\n    import(\"@shikijs/themes/github-light\"),\n    import(\"@shikijs/themes/github-dark\"),\n  ]).then(([core, engine, githubLight, githubDark]) =>\n    core.createHighlighterCore({\n      // The JS regex engine avoids shipping the oniguruma WASM asset;\n      // `forgiving` skips the few grammar rules it can't translate.\n      engine: engine.createJavaScriptRegexEngine({ forgiving: true }),\n      langs: [],\n      themes: [githubLight.default, githubDark.default],\n    }),\n  );\n  return corePromise;\n}\n\n/**\n * Get the shared highlighter with the requested language loaded. `lang` is\n * the id to pass to `codeToTokens` — the canonical id when supported,\n * otherwise \"text\" (plaintext needs no grammar).\n */\nexport async function getCodeBlockHighlighter(\n  language: string,\n): Promise<{ highlighter: HighlighterCore; lang: string }> {\n  const canonical = resolveCodeBlockLanguage(language);\n  const highlighter = await getHighlighterCore();\n  if (canonical) {\n    let pending = loadedLanguages.get(canonical);\n    if (!pending) {\n      const loader = languageLoaders.get(canonical);\n      pending = loader\n        ? loader().then((grammar) => highlighter.loadLanguage(...grammar.default))\n        : Promise.resolve();\n      loadedLanguages.set(canonical, pending);\n    }\n    await pending;\n  }\n  return { highlighter, lang: canonical ?? \"text\" };\n}\n"],"names":["languageLoaders","languageAliases","resolveCodeBlockLanguage","language","normalized","canonical","getSupportedCodeBlockLanguages","registerCodeBlockLanguage","loader","aliases","alias","corePromise","loadedLanguages","getHighlighterCore","core","engine","githubLight","githubDark","getCodeBlockHighlighter","highlighter","pending","grammar"],"mappings":"2hBAkBA,MAAMA,MAAsB,IAA4B,CACtD,CAAC,OAAQ,IAAM,OAAO,qBAAqB,CAAC,EAC5C,CAAC,aAAc,IAAM,OAAO,2BAA2B,CAAC,EACxD,CAAC,OAAQ,IAAM,OAAO,qBAAqB,CAAC,EAC5C,CAAC,WAAY,IAAM,OAAO,yBAAyB,CAAC,EACpD,CAAC,SAAU,IAAM,OAAO,uBAAuB,CAAC,EAChD,CAAC,MAAO,IAAM,OAAO,oBAAoB,CAAC,EAC1C,CAAC,MAAO,IAAM,OAAO,oBAAoB,CAAC,EAC1C,CAAC,aAAc,IAAM,OAAO,2BAA2B,CAAC,EACxD,CAAC,OAAQ,IAAM,OAAO,qBAAqB,CAAC,CAC9C,CAAC,EAEKC,MAAsB,IAAoB,CAC9C,CAAC,KAAM,MAAM,EACb,CAAC,QAAS,MAAM,EAChB,CAAC,cAAe,MAAM,EACtB,CAAC,MAAO,MAAM,EACd,CAAC,KAAM,YAAY,EACnB,CAAC,MAAO,KAAK,EACb,CAAC,KAAM,UAAU,EACjB,CAAC,KAAM,QAAQ,EACf,CAAC,KAAM,YAAY,EACnB,CAAC,MAAO,MAAM,CAChB,CAAC,EAMM,SAASC,EAAyBC,EAAiC,CACxE,MAAMC,EAAaD,EAAS,KAAA,EAAO,YAAA,EAC7BE,EAAYJ,EAAgB,IAAIG,CAAU,GAAKA,EACrD,OAAOJ,EAAgB,IAAIK,CAAS,EAAIA,EAAY,IACtD,CAGO,SAASC,GAA2C,CACzD,MAAO,CAAC,GAAGN,EAAgB,MAAM,CACnC,CAYO,SAASO,EACdJ,EACAK,EACAC,EAAoB,CAAA,EACd,CACN,MAAMJ,EAAYF,EAAS,KAAA,EAAO,YAAA,EAClCH,EAAgB,IAAIK,EAAWG,CAAM,EACrC,UAAWE,KAASD,EAClBR,EAAgB,IAAIS,EAAM,KAAA,EAAO,YAAA,EAAeL,CAAS,CAE7D,CAGA,IAAIM,EAA+C,KACnD,MAAMC,MAAsB,IAE5B,SAASC,GAA+C,CACtD,OAAAF,IAAgB,QAAQ,IAAI,CAC1B,OAAO,YAAY,EACnB,OAAO,yBAAyB,EAChC,OAAO,8BAA8B,EACrC,OAAO,6BAA6B,CAAA,CACrC,EAAE,KAAK,CAAC,CAACG,EAAMC,EAAQC,EAAaC,CAAU,IAC7CH,EAAK,sBAAsB,CAGzB,OAAQC,EAAO,4BAA4B,CAAE,UAAW,GAAM,EAC9D,MAAO,CAAA,EACP,OAAQ,CAACC,EAAY,QAASC,EAAW,OAAO,CAAA,CACjD,CAAA,EAEIN,CACT,CAOA,eAAsBO,EACpBf,EACyD,CACzD,MAAME,EAAYH,EAAyBC,CAAQ,EAC7CgB,EAAc,MAAMN,EAAA,EAC1B,GAAIR,EAAW,CACb,IAAIe,EAAUR,EAAgB,IAAIP,CAAS,EAC3C,GAAI,CAACe,EAAS,CACZ,MAAMZ,EAASR,EAAgB,IAAIK,CAAS,EAC5Ce,EAAUZ,EACNA,EAAA,EAAS,KAAMa,GAAYF,EAAY,aAAa,GAAGE,EAAQ,OAAO,CAAC,EACvE,QAAQ,QAAA,EACZT,EAAgB,IAAIP,EAAWe,CAAO,CACxC,CACA,MAAMA,CACR,CACA,MAAO,CAAE,YAAAD,EAAa,KAAMd,GAAa,MAAA,CAC3C"}

package/dist/lib/shiki.js

@@ -0,0 +1,72 @@
+const r = /* @__PURE__ */ new Map([
+  ["bash", () => import("@shikijs/langs/bash")],
+  ["javascript", () => import("@shikijs/langs/javascript")],
+  ["json", () => import("@shikijs/langs/json")],
+  ["markdown", () => import("@shikijs/langs/markdown")],
+  ["python", () => import("@shikijs/langs/python")],
+  ["sql", () => import("@shikijs/langs/sql")],
+  ["tsx", () => import("@shikijs/langs/tsx")],
+  ["typescript", () => import("@shikijs/langs/typescript")],
+  ["yaml", () => import("@shikijs/langs/yaml")]
+]), l = /* @__PURE__ */ new Map([
+  ["sh", "bash"],
+  ["shell", "bash"],
+  ["shellscript", "bash"],
+  ["zsh", "bash"],
+  ["js", "javascript"],
+  ["jsx", "tsx"],
+  ["md", "markdown"],
+  ["py", "python"],
+  ["ts", "typescript"],
+  ["yml", "yaml"]
+]);
+function c(a) {
+  const e = a.trim().toLowerCase(), t = l.get(e) ?? e;
+  return r.has(t) ? t : null;
+}
+function m() {
+  return [...r.keys()];
+}
+function h(a, e, t = []) {
+  const o = a.trim().toLowerCase();
+  r.set(o, e);
+  for (const n of t)
+    l.set(n.trim().toLowerCase(), o);
+}
+let i = null;
+const s = /* @__PURE__ */ new Map();
+function p() {
+  return i ??= Promise.all([
+    import("shiki/core"),
+    import("shiki/engine/javascript"),
+    import("@shikijs/themes/github-light"),
+    import("@shikijs/themes/github-dark")
+  ]).then(
+    ([a, e, t, o]) => a.createHighlighterCore({
+      // The JS regex engine avoids shipping the oniguruma WASM asset;
+      // `forgiving` skips the few grammar rules it can't translate.
+      engine: e.createJavaScriptRegexEngine({ forgiving: !0 }),
+      langs: [],
+      themes: [t.default, o.default]
+    })
+  ), i;
+}
+async function u(a) {
+  const e = c(a), t = await p();
+  if (e) {
+    let o = s.get(e);
+    if (!o) {
+      const n = r.get(e);
+      o = n ? n().then((g) => t.loadLanguage(...g.default)) : Promise.resolve(), s.set(e, o);
+    }
+    await o;
+  }
+  return { highlighter: t, lang: e ?? "text" };
+}
+export {
+  u as getCodeBlockHighlighter,
+  m as getSupportedCodeBlockLanguages,
+  h as registerCodeBlockLanguage,
+  c as resolveCodeBlockLanguage
+};
+//# sourceMappingURL=shiki.js.map

package/dist/lib/shiki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.js","sources":["../../src/lib/shiki.ts"],"sourcesContent":["/**\n * Shared slim Shiki setup (SW-2007).\n *\n * Importing `createHighlighter` from \"shiki\" pulls the full bundle — ~200\n * grammars, each its own module — which balloons consumer builds (~9k\n * modules) and can OOM Vite's default heap. This module uses `shiki/core`\n * with an explicit language set instead: the engine, themes, and grammars\n * all arrive through dynamic imports, so they land in lazy chunks and only\n * the languages listed here are ever pulled into a build.\n *\n * Consumers can extend the set at runtime with `registerCodeBlockLanguage`.\n */\nimport type { HighlighterCore, LanguageRegistration } from \"shiki/core\";\n\ntype LanguageLoader = () => Promise<{ default: LanguageRegistration[] }>;\n\n// Default grammars, chosen for scientific data-app content. Keys are the\n// canonical ids requested via `lang`; aliases map onto them below.\nconst languageLoaders = new Map<string, LanguageLoader>([\n  [\"bash\", () => import(\"@shikijs/langs/bash\")],\n  [\"javascript\", () => import(\"@shikijs/langs/javascript\")],\n  [\"json\", () => import(\"@shikijs/langs/json\")],\n  [\"markdown\", () => import(\"@shikijs/langs/markdown\")],\n  [\"python\", () => import(\"@shikijs/langs/python\")],\n  [\"sql\", () => import(\"@shikijs/langs/sql\")],\n  [\"tsx\", () => import(\"@shikijs/langs/tsx\")],\n  [\"typescript\", () => import(\"@shikijs/langs/typescript\")],\n  [\"yaml\", () => import(\"@shikijs/langs/yaml\")],\n]);\n\nconst languageAliases = new Map<string, string>([\n  [\"sh\", \"bash\"],\n  [\"shell\", \"bash\"],\n  [\"shellscript\", \"bash\"],\n  [\"zsh\", \"bash\"],\n  [\"js\", \"javascript\"],\n  [\"jsx\", \"tsx\"],\n  [\"md\", \"markdown\"],\n  [\"py\", \"python\"],\n  [\"ts\", \"typescript\"],\n  [\"yml\", \"yaml\"],\n]);\n\n/**\n * Resolve a requested language to a registered canonical id, or null when\n * the language isn't in the set (callers fall back to plaintext).\n */\nexport function resolveCodeBlockLanguage(language: string): string | null {\n  const normalized = language.trim().toLowerCase();\n  const canonical = languageAliases.get(normalized) ?? normalized;\n  return languageLoaders.has(canonical) ? canonical : null;\n}\n\n/** Canonical ids of every language the slim highlighter can load. */\nexport function getSupportedCodeBlockLanguages(): string[] {\n  return [...languageLoaders.keys()];\n}\n\n/**\n * Register an additional grammar for `CodeBlock`/`MessageResponse` code\n * highlighting, e.g.:\n *\n * ```ts\n * registerCodeBlockLanguage(\"rust\", () => import(\"@shikijs/langs/rust\"), [\"rs\"]);\n * ```\n *\n * The loader stays a dynamic import, so added grammars are also code-split.\n */\nexport function registerCodeBlockLanguage(\n  language: string,\n  loader: LanguageLoader,\n  aliases: string[] = [],\n): void {\n  const canonical = language.trim().toLowerCase();\n  languageLoaders.set(canonical, loader);\n  for (const alias of aliases) {\n    languageAliases.set(alias.trim().toLowerCase(), canonical);\n  }\n}\n\n// One shared highlighter core; grammars are loaded into it on demand.\nlet corePromise: Promise<HighlighterCore> | null = null;\nconst loadedLanguages = new Map<string, Promise<void>>();\n\nfunction getHighlighterCore(): Promise<HighlighterCore> {\n  corePromise ??= Promise.all([\n    import(\"shiki/core\"),\n    import(\"shiki/engine/javascript\"),\n    import(\"@shikijs/themes/github-light\"),\n    import(\"@shikijs/themes/github-dark\"),\n  ]).then(([core, engine, githubLight, githubDark]) =>\n    core.createHighlighterCore({\n      // The JS regex engine avoids shipping the oniguruma WASM asset;\n      // `forgiving` skips the few grammar rules it can't translate.\n      engine: engine.createJavaScriptRegexEngine({ forgiving: true }),\n      langs: [],\n      themes: [githubLight.default, githubDark.default],\n    }),\n  );\n  return corePromise;\n}\n\n/**\n * Get the shared highlighter with the requested language loaded. `lang` is\n * the id to pass to `codeToTokens` — the canonical id when supported,\n * otherwise \"text\" (plaintext needs no grammar).\n */\nexport async function getCodeBlockHighlighter(\n  language: string,\n): Promise<{ highlighter: HighlighterCore; lang: string }> {\n  const canonical = resolveCodeBlockLanguage(language);\n  const highlighter = await getHighlighterCore();\n  if (canonical) {\n    let pending = loadedLanguages.get(canonical);\n    if (!pending) {\n      const loader = languageLoaders.get(canonical);\n      pending = loader\n        ? loader().then((grammar) => highlighter.loadLanguage(...grammar.default))\n        : Promise.resolve();\n      loadedLanguages.set(canonical, pending);\n    }\n    await pending;\n  }\n  return { highlighter, lang: canonical ?? \"text\" };\n}\n"],"names":["languageLoaders","languageAliases","resolveCodeBlockLanguage","language","normalized","canonical","getSupportedCodeBlockLanguages","registerCodeBlockLanguage","loader","aliases","alias","corePromise","loadedLanguages","getHighlighterCore","core","engine","githubLight","githubDark","getCodeBlockHighlighter","highlighter","pending","grammar"],"mappings":"AAkBA,MAAMA,wBAAsB,IAA4B;AAAA,EACtD,CAAC,QAAQ,MAAM,OAAO,qBAAqB,CAAC;AAAA,EAC5C,CAAC,cAAc,MAAM,OAAO,2BAA2B,CAAC;AAAA,EACxD,CAAC,QAAQ,MAAM,OAAO,qBAAqB,CAAC;AAAA,EAC5C,CAAC,YAAY,MAAM,OAAO,yBAAyB,CAAC;AAAA,EACpD,CAAC,UAAU,MAAM,OAAO,uBAAuB,CAAC;AAAA,EAChD,CAAC,OAAO,MAAM,OAAO,oBAAoB,CAAC;AAAA,EAC1C,CAAC,OAAO,MAAM,OAAO,oBAAoB,CAAC;AAAA,EAC1C,CAAC,cAAc,MAAM,OAAO,2BAA2B,CAAC;AAAA,EACxD,CAAC,QAAQ,MAAM,OAAO,qBAAqB,CAAC;AAC9C,CAAC,GAEKC,wBAAsB,IAAoB;AAAA,EAC9C,CAAC,MAAM,MAAM;AAAA,EACb,CAAC,SAAS,MAAM;AAAA,EAChB,CAAC,eAAe,MAAM;AAAA,EACtB,CAAC,OAAO,MAAM;AAAA,EACd,CAAC,MAAM,YAAY;AAAA,EACnB,CAAC,OAAO,KAAK;AAAA,EACb,CAAC,MAAM,UAAU;AAAA,EACjB,CAAC,MAAM,QAAQ;AAAA,EACf,CAAC,MAAM,YAAY;AAAA,EACnB,CAAC,OAAO,MAAM;AAChB,CAAC;AAMM,SAASC,EAAyBC,GAAiC;AACxE,QAAMC,IAAaD,EAAS,KAAA,EAAO,YAAA,GAC7BE,IAAYJ,EAAgB,IAAIG,CAAU,KAAKA;AACrD,SAAOJ,EAAgB,IAAIK,CAAS,IAAIA,IAAY;AACtD;AAGO,SAASC,IAA2C;AACzD,SAAO,CAAC,GAAGN,EAAgB,MAAM;AACnC;AAYO,SAASO,EACdJ,GACAK,GACAC,IAAoB,CAAA,GACd;AACN,QAAMJ,IAAYF,EAAS,KAAA,EAAO,YAAA;AAClC,EAAAH,EAAgB,IAAIK,GAAWG,CAAM;AACrC,aAAWE,KAASD;AAClB,IAAAR,EAAgB,IAAIS,EAAM,KAAA,EAAO,YAAA,GAAeL,CAAS;AAE7D;AAGA,IAAIM,IAA+C;AACnD,MAAMC,wBAAsB,IAAA;AAE5B,SAASC,IAA+C;AACtD,SAAAF,MAAgB,QAAQ,IAAI;AAAA,IAC1B,OAAO,YAAY;AAAA,IACnB,OAAO,yBAAyB;AAAA,IAChC,OAAO,8BAA8B;AAAA,IACrC,OAAO,6BAA6B;AAAA,EAAA,CACrC,EAAE;AAAA,IAAK,CAAC,CAACG,GAAMC,GAAQC,GAAaC,CAAU,MAC7CH,EAAK,sBAAsB;AAAA;AAAA;AAAA,MAGzB,QAAQC,EAAO,4BAA4B,EAAE,WAAW,IAAM;AAAA,MAC9D,OAAO,CAAA;AAAA,MACP,QAAQ,CAACC,EAAY,SAASC,EAAW,OAAO;AAAA,IAAA,CACjD;AAAA,EAAA,GAEIN;AACT;AAOA,eAAsBO,EACpBf,GACyD;AACzD,QAAME,IAAYH,EAAyBC,CAAQ,GAC7CgB,IAAc,MAAMN,EAAA;AAC1B,MAAIR,GAAW;AACb,QAAIe,IAAUR,EAAgB,IAAIP,CAAS;AAC3C,QAAI,CAACe,GAAS;AACZ,YAAMZ,IAASR,EAAgB,IAAIK,CAAS;AAC5C,MAAAe,IAAUZ,IACNA,EAAA,EAAS,KAAK,CAACa,MAAYF,EAAY,aAAa,GAAGE,EAAQ,OAAO,CAAC,IACvE,QAAQ,QAAA,GACZT,EAAgB,IAAIP,GAAWe,CAAO;AAAA,IACxC;AACA,UAAMA;AAAA,EACR;AACA,SAAO,EAAE,aAAAD,GAAa,MAAMd,KAAa,OAAA;AAC3C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetrascience-npm/tetrascience-react-ui",
-  "version": "0.7.0-beta.108.1",
+  "version": "0.7.0-beta.129.1",
   "description": "TetraScience React UI",
   "type": "module",
   "author": "TetraScience",
@@ -113,10 +113,9 @@
     "@fontsource-variable/inter": "^5.2.8",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@shikijs/langs": "^4.0.2",
+    "@shikijs/themes": "^4.0.2",
     "@streamdown/cjk": "^1.0.3",
-    "@streamdown/code": "^1.1.1",
-    "@streamdown/math": "^1.0.2",
-    "@streamdown/mermaid": "^1.0.2",
     "@tanstack/react-table": "^8.21.3",
     "@tetrascience-npm/ts-connectors-sdk": "^3.2.0",
     "@xyflow/react": "^12.6.4",
@@ -129,14 +128,10 @@
     "lucide-react": "^0.577.0",
     "monaco-editor": "^0.52.2",
     "motion": "^12.38.0",
-    "plotly.js": "^3.0.1",
-    "plotly.js-dist": "^2.35.2",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.14.0",
     "react-markdown": "^10.1.0",
-    "react-plotly.js": "^2.6.0",
     "react-resizable-panels": "^4.7.1",
-    "react-syntax-highlighter": "^15.6.1",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shiki": "^4.0.2",
@@ -149,6 +144,10 @@
   "peerDependencies": {
     "@aws-sdk/client-athena": "^3.0.0",
     "@databricks/sql": "^1.0.0",
+    "@rdkit/rdkit": "2025.3.4-1.0.0",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
+    "plotly.js-dist": "^2.35.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "snowflake-sdk": "^2.0.0"
@@ -160,19 +159,30 @@
     "@databricks/sql": {
       "optional": true
     },
+    "@rdkit/rdkit": {
+      "optional": true
+    },
+    "@streamdown/math": {
+      "optional": true
+    },
+    "@streamdown/mermaid": {
+      "optional": true
+    },
+    "plotly.js-dist": {
+      "optional": true
+    },
     "snowflake-sdk": {
       "optional": true
     }
   },
   "devDependencies": {
     "@aws-sdk/client-athena": "^3.975.0",
-    "@aws-sdk/client-s3": "^3.985.0",
-    "@aws-sdk/s3-request-presigner": "^3.985.0",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",
     "@databricks/sql": "^1.12.0",
     "@eslint/js": "^9.9.0",
     "@modelcontextprotocol/sdk": "^1.29.0",
+    "@rdkit/rdkit": "2025.3.4-1.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
@@ -187,6 +197,8 @@
     "@storybook/addon-vitest": "^10.4.6",
     "@storybook/builder-vite": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
     "@tailwindcss/vite": "^4.2.2",
     "@types/eslint-plugin-jsx-a11y": "^6",
     "@types/jsdom": "^27",
@@ -194,8 +206,6 @@
     "@types/plotly.js": "^3.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@types/react-plotly.js": "^2.6.3",
-    "@types/react-syntax-highlighter": "^15",
     "@vercel/node": "^5.4.5",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/browser": "^3",
@@ -216,6 +226,7 @@
     "jsdom": "^28.1.0",
     "lint-staged": "^15.2.0",
     "playwright": "^1.58.2",
+    "plotly.js-dist": "^2.35.2",
     "prettier": "^3.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/dist/components/charts/AreaGraph/AreaGraph.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),L=require("plotly.js-dist"),n=require("react"),Z=require("../ChartTooltip/ChartTooltip.cjs"),$=require("../../../hooks/use-element-size.cjs"),ee=require("../../../hooks/use-plotly-theme.cjs"),te=require("../../../lib/utils.cjs"),W=require("../../../utils/colors.cjs"),oe=require("../ChartTooltip/lines.cjs"),re=80,ne=40,ie=({dataSeries:s,width:N,height:q,xRange:p,yRange:y,variant:w="normal",xTitle:v,yTitle:b,title:M,xTickText:x})=>{const m=n.useRef(null),r=ee.usePlotlyTheme(),[D,P]=$.useElementSize(),a=N??P.width,u=q??P.height,R=a>0&&u>0,F=N===void 0,J=q===void 0,k=n.useRef({width:a,height:u});k.current={width:a,height:u};const z=n.useRef(!1),E=n.useRef({width:0,height:0}),{bindTooltip:O,tooltipElement:K}=Z.useChartTooltip({getLines:t=>oe.chartTooltipLines(t.map(e=>typeof e.customdata=="number"?{...e,y:e.customdata}:e),{xLabel:v,yLabel:b})}),{xMin:X,xMax:T,yMin:V,yMax:Y}=n.useMemo(()=>{let t=Number.MAX_VALUE,e=Number.MIN_VALUE,i=Number.MAX_VALUE,o=Number.MIN_VALUE;s.forEach(h=>{h.x.forEach(f=>{t=Math.min(t,f),e=Math.max(e,f)}),h.y.forEach(f=>{i=Math.min(i,f),o=Math.max(o,f)})});const l=(e-t)*.1,c=(o-i)*.1;return{xMin:t-l,xMax:e+l,yMin:w==="stacked"?0:i-c,yMax:o+c}},[s,w]),d=n.useMemo(()=>p||[X,T],[p,X,T]),g=n.useMemo(()=>y||[V,Y],[y,V,Y]),j=n.useMemo(()=>{const t=d[1]-d[0];let e=Math.pow(10,Math.floor(Math.log10(t)));t/e>10&&(e=e*2),t/e<4&&(e=e/2);const i=[];let o=Math.ceil(d[0]/e)*e;for(;o<=d[1];)i.push(o),o+=e;return i},[d]),G=n.useMemo(()=>{const t=g[1]-g[0];let e=Math.pow(10,Math.floor(Math.log10(t)));t/e>10&&(e=e*2),t/e<4&&(e=e/2);const i=[];let o=Math.ceil(g[0]/e)*e;for(;o<=g[1];)i.push(o),o+=e;return i},[g]),I=n.useMemo(()=>[...new Set(s.flatMap(t=>t.x))].sort((t,e)=>t-e),[s]),C=!!x&&x.length===I.length,A=n.useMemo(()=>({tickcolor:r.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:r.textColor,family:"Inter, sans-serif",weight:400},linecolor:r.lineColor,linewidth:1,position:0,zeroline:!1}),[r]),_=n.useMemo(()=>M?{text:M,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:"Inter, sans-serif",color:r.textColor,lineheight:1.2,standoff:30}}:void 0,[M,r]);return n.useEffect(()=>{if(!m.current||!R)return;let t;if(w==="stacked"){const l=new Array(s[0]?.x.length||0).fill(0);t=s.map((c,h)=>{const f=c.y.map((Q,B)=>{const H=l[B]+Q;return l[B]=H,H}),U=W.seriesColor(h,c.color);return{x:c.x,y:f,customdata:c.y,type:"scatter",mode:"lines",name:c.name,hoverinfo:"none",fill:h===0?"tozeroy":"tonexty",fillcolor:U,line:{color:U,width:2}}})}else t=s.map((l,c)=>{const h=W.seriesColor(c,l.color);return{x:l.x,y:l.y,type:"scatter",mode:"lines",name:l.name,hoverinfo:"none",fill:l.fill||"tozeroy",fillcolor:h,line:{color:h,width:2}}});const e={width:k.current.width,height:k.current.height,..._?{title:_}:{},margin:{l:80,r:40,b:96,t:M?re:ne,pad:0},paper_bgcolor:r.paperBg,plot_bgcolor:r.plotBg,font:{family:"Inter, sans-serif"},dragmode:!1,xaxis:{title:{text:v,font:{size:16,color:r.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:r.gridColor,range:p,autorange:!p,tickmode:"array",tickvals:C?I:j,...C?{ticktext:x}:{},showgrid:!0,automargin:!0,...A},yaxis:{title:{text:b,font:{size:16,color:r.textSecondary,family:"Inter, sans-serif",weight:400},standoff:15},gridcolor:r.gridColor,range:y,autorange:!y,tickmode:"array",tickvals:G,showgrid:!0,automargin:!0,...A},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:13,color:r.legendColor,family:"Inter, sans-serif",weight:500,lineheight:18}},showlegend:!0},i={responsive:!1,displayModeBar:!1,displaylogo:!1};L.newPlot(m.current,t,e,i),O(m.current);const o=m.current;return z.current=!0,E.current={...k.current},()=>{o&&(L.purge(o),z.current=!1)}},[s,R,p,y,d,g,w,v,b,M,_,A,j,G,I,C,x,r,O]),n.useEffect(()=>{const t=m.current;!t||!z.current||a<=0||u<=0||E.current.width===a&&E.current.height===u||(E.current={width:a,height:u},L.relayout(t,{width:a,height:u}).catch(()=>{}))},[a,u]),S.jsxs("div",{ref:D,className:te.cn("area-graph-container relative",F&&"w-full",J&&"h-full"),children:[S.jsx("div",{ref:m,style:{width:"100%",height:"100%"}}),K]})};exports.AreaGraph=ie;
-//# sourceMappingURL=AreaGraph.cjs.map

package/dist/components/charts/AreaGraph/AreaGraph.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AreaGraph.cjs","sources":["../../../../src/components/charts/AreaGraph/AreaGraph.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaGraphVariant = \"normal\" | \"stacked\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 80;\nconst NO_TITLE_MARGIN_TOP = 40;\n\ninterface AreaGraphProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaGraphVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaGraph: React.FC<AreaGraphProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: \"Inter, sans-serif\",\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: 32,\n              weight: 600,\n              family: \"Inter, sans-serif\",\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: 80,\n        r: 40,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, data, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaGraph };\nexport type { AreaDataSeries, AreaGraphVariant, AreaGraphProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","AreaGraph","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","tickOptions","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/AreaGraph/AreaGraph.js

@@ -1,271 +0,0 @@
-import { jsxs as S, jsx as tt } from "react/jsx-runtime";
-import N from "plotly.js-dist";
-import { useRef as E, useMemo as f, useEffect as q } from "react";
-import { useChartTooltip as ot } from "../ChartTooltip/ChartTooltip.js";
-import { useElementSize as et } from "../../../hooks/use-element-size.js";
-import { usePlotlyTheme as rt } from "../../../hooks/use-plotly-theme.js";
-import { cn as nt } from "../../../lib/utils.js";
-import { seriesColor as F } from "../../../utils/colors.js";
-import { chartTooltipLines as it } from "../ChartTooltip/lines.js";
-const lt = 80, ct = 40, yt = ({
-  dataSeries: c,
-  width: P,
-  height: X,
-  xRange: p,
-  yRange: y,
-  variant: M = "normal",
-  xTitle: I,
-  yTitle: b,
-  title: w,
-  xTickText: x
-}) => {
-  const u = E(null), r = rt(), [J, O] = et(), a = P ?? O.width, s = X ?? O.height, V = a > 0 && s > 0, K = P === void 0, Q = X === void 0, k = E({ width: a, height: s });
-  k.current = { width: a, height: s };
-  const z = E(!1), v = E({ width: 0, height: 0 }), { bindTooltip: Y, tooltipElement: Z } = ot({
-    // Stacked traces carry the original series values as customdata;
-    // display those instead of the cumulative stack heights
-    getLines: (o) => it(
-      o.map(
-        (t) => typeof t.customdata == "number" ? { ...t, y: t.customdata } : t
-      ),
-      { xLabel: I, yLabel: b }
-    )
-  }), { xMin: U, xMax: B, yMin: G, yMax: j } = f(() => {
-    let o = Number.MAX_VALUE, t = Number.MIN_VALUE, n = Number.MAX_VALUE, e = Number.MIN_VALUE;
-    c.forEach((h) => {
-      h.x.forEach((m) => {
-        o = Math.min(o, m), t = Math.max(t, m);
-      }), h.y.forEach((m) => {
-        n = Math.min(n, m), e = Math.max(e, m);
-      });
-    });
-    const i = (t - o) * 0.1, l = (e - n) * 0.1;
-    return {
-      xMin: o - i,
-      xMax: t + i,
-      yMin: M === "stacked" ? 0 : n - l,
-      yMax: e + l
-    };
-  }, [c, M]), d = f(
-    () => p || [U, B],
-    [p, U, B]
-  ), g = f(
-    () => y || [G, j],
-    [y, G, j]
-  ), H = f(() => {
-    const o = d[1] - d[0];
-    let t = Math.pow(10, Math.floor(Math.log10(o)));
-    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
-    const n = [];
-    let e = Math.ceil(d[0] / t) * t;
-    for (; e <= d[1]; )
-      n.push(e), e += t;
-    return n;
-  }, [d]), R = f(() => {
-    const o = g[1] - g[0];
-    let t = Math.pow(10, Math.floor(Math.log10(o)));
-    o / t > 10 && (t = t * 2), o / t < 4 && (t = t / 2);
-    const n = [];
-    let e = Math.ceil(g[0] / t) * t;
-    for (; e <= g[1]; )
-      n.push(e), e += t;
-    return n;
-  }, [g]), _ = f(
-    () => [...new Set(c.flatMap((o) => o.x))].sort((o, t) => o - t),
-    [c]
-  ), A = !!x && x.length === _.length, C = f(
-    () => ({
-      tickcolor: r.tickColor,
-      ticklen: 12,
-      tickwidth: 1,
-      ticks: "outside",
-      tickfont: {
-        size: 16,
-        color: r.textColor,
-        family: "Inter, sans-serif",
-        weight: 400
-      },
-      linecolor: r.lineColor,
-      linewidth: 1,
-      position: 0,
-      zeroline: !1
-    }),
-    [r]
-  ), L = f(
-    () => w ? {
-      text: w,
-      x: 0.5,
-      y: 0.95,
-      xanchor: "center",
-      yanchor: "top",
-      font: {
-        size: 32,
-        weight: 600,
-        family: "Inter, sans-serif",
-        color: r.textColor,
-        lineheight: 1.2,
-        standoff: 30
-      }
-    } : void 0,
-    [w, r]
-  );
-  return q(() => {
-    if (!u.current || !V) return;
-    let o;
-    if (M === "stacked") {
-      const i = new Array(c[0]?.x.length || 0).fill(0);
-      o = c.map((l, h) => {
-        const m = l.y.map(($, W) => {
-          const D = i[W] + $;
-          return i[W] = D, D;
-        }), T = F(h, l.color);
-        return {
-          x: l.x,
-          y: m,
-          // Tooltips report the series' own values, not the stacked sums
-          customdata: l.y,
-          type: "scatter",
-          mode: "lines",
-          name: l.name,
-          hoverinfo: "none",
-          fill: h === 0 ? "tozeroy" : "tonexty",
-          fillcolor: T,
-          line: {
-            color: T,
-            width: 2
-          }
-        };
-      });
-    } else
-      o = c.map((i, l) => {
-        const h = F(l, i.color);
-        return {
-          x: i.x,
-          y: i.y,
-          type: "scatter",
-          mode: "lines",
-          name: i.name,
-          hoverinfo: "none",
-          fill: i.fill || "tozeroy",
-          fillcolor: h,
-          line: {
-            color: h,
-            width: 2
-          }
-        };
-      });
-    const t = {
-      width: k.current.width,
-      height: k.current.height,
-      ...L ? { title: L } : {},
-      margin: {
-        l: 80,
-        r: 40,
-        // Reserve room for tick labels, the x-axis title, and the
-        // container-anchored bottom legend stacked beneath them.
-        b: 96,
-        t: w ? lt : ct,
-        pad: 0
-      },
-      paper_bgcolor: r.paperBg,
-      plot_bgcolor: r.plotBg,
-      font: {
-        family: "Inter, sans-serif"
-      },
-      dragmode: !1,
-      xaxis: {
-        title: {
-          text: I,
-          font: {
-            size: 16,
-            color: r.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: r.gridColor,
-        range: p,
-        autorange: !p,
-        tickmode: "array",
-        tickvals: A ? _ : H,
-        ...A ? { ticktext: x } : {},
-        showgrid: !0,
-        // Reserve space for tick labels + the axis title so the bottom legend
-        // can't overlap them at small sizes (SW-2157).
-        automargin: !0,
-        ...C
-      },
-      yaxis: {
-        title: {
-          text: b,
-          font: {
-            size: 16,
-            color: r.textSecondary,
-            family: "Inter, sans-serif",
-            weight: 400
-          },
-          standoff: 15
-        },
-        gridcolor: r.gridColor,
-        range: y,
-        autorange: !y,
-        tickmode: "array",
-        tickvals: R,
-        showgrid: !0,
-        automargin: !0,
-        ...C
-      },
-      legend: {
-        // Anchor to the bottom of the container (not the plot area) so the
-        // legend always clears the x-axis tick labels + title — a paper-relative
-        // fractional offset collapses into the ticks at small heights (SW-2157).
-        x: 0.5,
-        y: 0,
-        xanchor: "center",
-        yanchor: "bottom",
-        yref: "container",
-        orientation: "h",
-        font: {
-          size: 13,
-          color: r.legendColor,
-          family: "Inter, sans-serif",
-          weight: 500,
-          lineheight: 18
-        }
-      },
-      showlegend: !0
-    }, n = {
-      // We drive sizing explicitly from the measured container, so Plotly's own
-      // window-resize responsiveness is disabled (it can't see container resizes).
-      responsive: !1,
-      displayModeBar: !1,
-      displaylogo: !1
-    };
-    N.newPlot(u.current, o, t, n), Y(u.current);
-    const e = u.current;
-    return z.current = !0, v.current = { ...k.current }, () => {
-      e && (N.purge(e), z.current = !1);
-    };
-  }, [c, V, p, y, d, g, M, I, b, w, L, C, H, R, _, A, x, r, Y]), q(() => {
-    const o = u.current;
-    !o || !z.current || a <= 0 || s <= 0 || v.current.width === a && v.current.height === s || (v.current = { width: a, height: s }, N.relayout(o, { width: a, height: s }).catch(
-      () => {
-      }
-    ));
-  }, [a, s]), /* @__PURE__ */ S(
-    "div",
-    {
-      ref: J,
-      className: nt("area-graph-container relative", K && "w-full", Q && "h-full"),
-      children: [
-        /* @__PURE__ */ tt("div", { ref: u, style: { width: "100%", height: "100%" } }),
-        Z
-      ]
-    }
-  );
-};
-export {
-  yt as AreaGraph
-};
-//# sourceMappingURL=AreaGraph.js.map

package/dist/components/charts/AreaGraph/AreaGraph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AreaGraph.js","sources":["../../../../src/components/charts/AreaGraph/AreaGraph.tsx"],"sourcesContent":["import Plotly from \"plotly.js-dist\";\nimport React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaGraphVariant = \"normal\" | \"stacked\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 80;\nconst NO_TITLE_MARGIN_TOP = 40;\n\ninterface AreaGraphProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaGraphVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaGraph: React.FC<AreaGraphProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: \"Inter, sans-serif\",\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: 32,\n              weight: 600,\n              family: \"Inter, sans-serif\",\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: 80,\n        r: 40,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: \"Inter, sans-serif\",\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: \"Inter, sans-serif\",\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: \"Inter, sans-serif\",\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    Plotly.newPlot(plotRef.current, data, layout, config);\n    bindTooltip(plotRef.current);\n\n    // Capture ref value for cleanup\n    const plotElement = plotRef.current;\n    plotInitedRef.current = true;\n    appliedSizeRef.current = { ...sizeRef.current };\n\n    // Cleanup function\n    return () => {\n      if (plotElement) {\n        Plotly.purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    void Plotly.relayout(plotElement, { width: resolvedWidth, height: resolvedHeight }).catch(\n      () => {},\n    );\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaGraph };\nexport type { AreaDataSeries, AreaGraphVariant, AreaGraphProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","AreaGraph","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","tickOptions","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","Plotly","plotElement","jsxs","cn","jsx"],"mappings":";;;;;;;;;AAsBA,MAAMA,KAAmB,IACnBC,KAAsB,IA6BtBC,KAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAQC,GAAA,GAKR,CAACC,GAAcC,CAAQ,IAAIC,GAAA,GAC3BC,IAAgBhB,KAASc,EAAS,OAClCG,IAAiBhB,KAAUa,EAAS,QACpCI,IAAUF,IAAgB,KAAKC,IAAiB,GAGhDE,IAAYnB,MAAU,QACtBoB,IAAanB,MAAW,QAKxBoB,IAAUX,EAAO,EAAE,OAAOM,GAAe,QAAQC,GAAgB;AACvE,EAAAI,EAAQ,UAAU,EAAE,OAAOL,GAAe,QAAQC,EAAA;AAClD,QAAMK,IAAgBZ,EAAO,EAAK,GAG5Ba,IAAiBb,EAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,GAC/C,EAAE,aAAAc,GAAa,gBAAAC,EAAA,IAAmBC,GAAgB;AAAA;AAAA;AAAA,IAGtD,UAAU,CAACC,MACTC;AAAA,MACED,EAAO;AAAA,QAAI,CAACE,MACV,OAAOA,EAAM,cAAe,WACxB,EAAE,GAAGA,GAAO,GAAGA,EAAM,eACrBA;AAAA,MAAA;AAAA,MAEN,EAAE,QAAQxB,GAAQ,QAAQC,EAAA;AAAA,IAAO;AAAA,EACnC,CACH,GAEK,EAAE,MAAAwB,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAQ,MAAM;AAC/C,QAAIC,IAAO,OAAO,WACdC,IAAO,OAAO,WACdC,IAAO,OAAO,WACdC,IAAO,OAAO;AAElB,IAAAvC,EAAW,QAAQ,CAACwC,MAAW;AAC7B,MAAAA,EAAO,EAAE,QAAQ,CAACC,MAAM;AACtB,QAAAL,IAAO,KAAK,IAAIA,GAAMK,CAAC,GACvBJ,IAAO,KAAK,IAAIA,GAAMI,CAAC;AAAA,MACzB,CAAC,GACDD,EAAO,EAAE,QAAQ,CAACE,MAAM;AACtB,QAAAJ,IAAO,KAAK,IAAIA,GAAMI,CAAC,GACvBH,IAAO,KAAK,IAAIA,GAAMG,CAAC;AAAA,MACzB,CAAC;AAAA,IACH,CAAC;AAED,UAAMC,KAAYN,IAAOD,KAAQ,KAC3BQ,KAAYL,IAAOD,KAAQ;AAEjC,WAAO;AAAA,MACL,MAAMF,IAAOO;AAAA,MACb,MAAMN,IAAOM;AAAA,MACb,MAAMtC,MAAY,YAAY,IAAIiC,IAAOM;AAAA,MACzC,MAAML,IAAOK;AAAA,IAAA;AAAA,EAEjB,GAAG,CAAC5C,GAAYK,CAAO,CAAC,GAElBwC,IAAkBV;AAAA,IACtB,MAAMhC,KAAU,CAAC4B,GAAMC,CAAI;AAAA,IAC3B,CAAC7B,GAAQ4B,GAAMC,CAAI;AAAA,EAAA,GAEfc,IAAkBX;AAAA,IACtB,MAAM/B,KAAU,CAAC6B,GAAMC,CAAI;AAAA,IAC3B,CAAC9B,GAAQ6B,GAAMC,CAAI;AAAA,EAAA,GAGfa,IAASZ,EAAQ,MAAM;AAC3B,UAAMa,IAAQH,EAAgB,CAAC,IAAIA,EAAgB,CAAC;AACpD,QAAII,IAAO,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMD,CAAK,CAAC,CAAC;AAErD,IAAIA,IAAQC,IAAO,OAAIA,IAAOA,IAAO,IACjCD,IAAQC,IAAO,MAAGA,IAAOA,IAAO;AAEpC,UAAMC,IAAQ,CAAA;AACd,QAAIC,IAAU,KAAK,KAAKN,EAAgB,CAAC,IAAII,CAAI,IAAIA;AACrD,WAAOE,KAAWN,EAAgB,CAAC;AACjC,MAAAK,EAAM,KAAKC,CAAO,GAClBA,KAAWF;AAEb,WAAOC;AAAA,EACT,GAAG,CAACL,CAAe,CAAC,GAEdO,IAASjB,EAAQ,MAAM;AAC3B,UAAMa,IAAQF,EAAgB,CAAC,IAAIA,EAAgB,CAAC;AACpD,QAAIG,IAAO,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,MAAMD,CAAK,CAAC,CAAC;AAErD,IAAIA,IAAQC,IAAO,OAAIA,IAAOA,IAAO,IACjCD,IAAQC,IAAO,MAAGA,IAAOA,IAAO;AAEpC,UAAMC,IAAQ,CAAA;AACd,QAAIC,IAAU,KAAK,KAAKL,EAAgB,CAAC,IAAIG,CAAI,IAAIA;AACrD,WAAOE,KAAWL,EAAgB,CAAC;AACjC,MAAAI,EAAM,KAAKC,CAAO,GAClBA,KAAWF;AAEb,WAAOC;AAAA,EACT,GAAG,CAACJ,CAAe,CAAC,GAKdO,IAAclB;AAAA,IAClB,MAAM,CAAC,GAAG,IAAI,IAAInC,EAAW,QAAQ,CAACsD,MAAMA,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAMD,IAAIC,CAAC;AAAA,IACvE,CAACxD,CAAU;AAAA,EAAA,GAKPyD,IAAkB,CAAC,CAAChD,KAAaA,EAAU,WAAW4C,EAAY,QAElEK,IAAcvB;AAAA,IAClB,OAAO;AAAA,MACL,WAAWvB,EAAM;AAAA,MACjB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAOA,EAAM;AAAA,QACb,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,MAEV,WAAWA,EAAM;AAAA,MACjB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAK;AAAA,EAAA,GAGF+C,IAAexB;AAAA,IACnB,MACE3B,IACI;AAAA,MACE,MAAMA;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,OAAOI,EAAM;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA;AAAA,IACZ,IAEF;AAAA,IACN,CAACJ,GAAOI,CAAK;AAAA,EAAA;AAGf,SAAAgD,EAAU,MAAM;AACd,QAAI,CAAClD,EAAQ,WAAW,CAACS,EAAS;AAElC,QAAI0C;AAEJ,QAAIxD,MAAY,WAAW;AAEzB,YAAMyD,IAAc,IAAI,MAAM9D,EAAW,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC;AAElE,MAAA6D,IAAO7D,EAAW,IAAI,CAACwC,GAAQuB,MAAU;AAEvC,cAAMC,IAAWxB,EAAO,EAAE,IAAI,CAACyB,GAAOC,MAAM;AAC1C,gBAAMC,IAASL,EAAYI,CAAC,IAAID;AAChC,iBAAAH,EAAYI,CAAC,IAAIC,GACVA;AAAA,QACT,CAAC,GAEKC,IAAQC,EAAYN,GAAOvB,EAAO,KAAK;AAC7C,eAAO;AAAA,UACL,GAAGA,EAAO;AAAA,UACV,GAAGwB;AAAA;AAAA,UAEH,YAAYxB,EAAO;AAAA,UACnB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAMA,EAAO;AAAA,UACb,WAAW;AAAA,UACX,MAAMuB,MAAU,IAAK,YAAuB;AAAA,UAC5C,WAAWK;AAAA,UACX,MAAM;AAAA,YACJ,OAAAA;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAAA,IACH;AAEE,MAAAP,IAAO7D,EAAW,IAAI,CAACwC,GAAQuB,MAAU;AACvC,cAAMK,IAAQC,EAAYN,GAAOvB,EAAO,KAAK;AAC7C,eAAO;AAAA,UACL,GAAGA,EAAO;AAAA,UACV,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAMA,EAAO;AAAA,UACb,WAAW;AAAA,UACX,MAAMA,EAAO,QAAS;AAAA,UACtB,WAAW4B;AAAA,UACX,MAAM;AAAA,YACJ,OAAAA;AAAA,YACA,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,CAAC;AAGH,UAAME,IAAS;AAAA,MACb,OAAOhD,EAAQ,QAAQ;AAAA,MACvB,QAAQA,EAAQ,QAAQ;AAAA,MACxB,GAAIqC,IAAe,EAAE,OAAOA,EAAA,IAAiB,CAAA;AAAA,MAC7C,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA,QACH,GAAGnD,IAAQX,KAAmBC;AAAA,QAC9B,KAAK;AAAA,MAAA;AAAA,MAEP,eAAec,EAAM;AAAA,MACrB,cAAcA,EAAM;AAAA,MACpB,MAAM;AAAA,QACJ,QAAQ;AAAA,MAAA;AAAA,MAEV,UAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAMN;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAOM,EAAM;AAAA,YACb,QAAQ;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,UAEV,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAWA,EAAM;AAAA,QACjB,OAAOT;AAAA,QACP,WAAW,CAACA;AAAA,QACZ,UAAU;AAAA,QACV,UAAUsD,IAAkBJ,IAAcN;AAAA,QAC1C,GAAIU,IAAkB,EAAE,UAAUhD,EAAA,IAAc,CAAA;AAAA,QAChD,UAAU;AAAA;AAAA;AAAA,QAGV,YAAY;AAAA,QACZ,GAAGiD;AAAA,MAAA;AAAA,MAEL,OAAO;AAAA,QACL,OAAO;AAAA,UACL,MAAMnD;AAAA,UACN,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,OAAOK,EAAM;AAAA,YACb,QAAQ;AAAA,YACR,QAAQ;AAAA,UAAA;AAAA,UAEV,UAAU;AAAA,QAAA;AAAA,QAEZ,WAAWA,EAAM;AAAA,QACjB,OAAOR;AAAA,QACP,WAAW,CAACA;AAAA,QACZ,UAAU;AAAA,QACV,UAAUgD;AAAA,QACV,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,GAAGM;AAAA,MAAA;AAAA,MAEL,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIN,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO9C,EAAM;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,YAAY;AAAA,IAAA,GAGR2D,IAAS;AAAA;AAAA;AAAA,MAGb,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,IAAA;AAGf,IAAAC,EAAO,QAAQ9D,EAAQ,SAASmD,GAAMS,GAAQC,CAAM,GACpD9C,EAAYf,EAAQ,OAAO;AAG3B,UAAM+D,IAAc/D,EAAQ;AAC5B,WAAAa,EAAc,UAAU,IACxBC,EAAe,UAAU,EAAE,GAAGF,EAAQ,QAAA,GAG/B,MAAM;AACX,MAAImD,MACFD,EAAO,MAAMC,CAAW,GACxBlD,EAAc,UAAU;AAAA,IAE5B;AAAA,EACF,GAAG,CAACvB,GAAYmB,GAAShB,GAAQC,GAAQyC,GAAiBC,GAAiBzC,GAASC,GAAQC,GAAQC,GAAOmD,GAAcD,GAAaX,GAAQK,GAAQC,GAAaI,GAAiBhD,GAAWG,GAAOa,CAAW,CAAC,GAIlNmC,EAAU,MAAM;AACd,UAAMa,IAAc/D,EAAQ;AAC5B,IAAI,CAAC+D,KAAe,CAAClD,EAAc,WAAWN,KAAiB,KAAKC,KAAkB,KAMpFM,EAAe,QAAQ,UAAUP,KACjCO,EAAe,QAAQ,WAAWN,MAIpCM,EAAe,UAAU,EAAE,OAAOP,GAAe,QAAQC,EAAA,GAEpDsD,EAAO,SAASC,GAAa,EAAE,OAAOxD,GAAe,QAAQC,EAAA,CAAgB,EAAE;AAAA,MAClF,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,EAEX,GAAG,CAACD,GAAeC,CAAc,CAAC,GAGhC,gBAAAwD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK5D;AAAA,MACL,WAAW6D,GAAG,iCAAiCvD,KAAa,UAAUC,KAAc,QAAQ;AAAA,MAE5F,UAAA;AAAA,QAAA,gBAAAuD,GAAC,OAAA,EAAI,KAAKlE,GAAS,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,EAAO,CAAG;AAAA,QAC5DgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/charts/BarGraph/BarGraph.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react/jsx-runtime"),_=require("plotly.js-dist"),o=require("react"),Y=require("../ChartTooltip/ChartTooltip.cjs"),H=require("../../../hooks/use-element-size.cjs"),W=require("../../../hooks/use-plotly-theme.cjs"),D=require("../../../lib/utils.cjs"),F=require("../../../utils/colors.cjs"),J=60,K=30,Q=({dataSeries:a,width:z,height:C,xRange:x,yRange:h,variant:g="group",xTitle:b,yTitle:k,title:m,barWidth:N=24,xTickText:p})=>{const u=o.useRef(null),r=W.usePlotlyTheme(),{bindTooltip:P,tooltipElement:T}=Y.useChartTooltip({xLabel:b,yLabel:k}),[U,q]=H.useElementSize(),s=z??q.width,c=C??q.height,A=s>0&&c>0,V=z===void 0,S=C===void 0,y=o.useRef({width:s,height:c});y.current={width:s,height:c};const E=o.useRef(!1),M=o.useRef({width:0,height:0}),{yMin:L,yMax:R}=o.useMemo(()=>{let t=Number.MAX_VALUE,e=Number.MIN_VALUE,i=Number.MAX_VALUE,n=Number.MIN_VALUE;a.forEach(j=>{j.x.forEach(d=>{t=Math.min(t,d),e=Math.max(e,d)}),j.y.forEach(d=>{i=Math.min(i,d),n=Math.max(n,d)})});const l=(e-t)*.1,w=(n-i)*.1;return{xMin:t-l,xMax:e+l,yMin:g==="stack"?0:i-w,yMax:n+w}},[a,g]),f=o.useMemo(()=>h||[L,R],[h,L,R]),v=o.useMemo(()=>[...new Set(a.flatMap(t=>t.x))].sort((t,e)=>t-e),[a]),B=!!p&&p.length===v.length,O=o.useMemo(()=>{const t=f[1]-f[0];let e=Math.pow(10,Math.floor(Math.log10(t)));t/e>10&&(e=e*2),t/e<4&&(e=e/2);const i=[];let n=Math.ceil(f[0]/e)*e;for(;n<=f[1];)i.push(n),n+=e;return i},[f]),X=o.useMemo(()=>{switch(g){case"stack":return"stack";case"overlay":return"overlay";default:return"group"}},[g]),I=o.useMemo(()=>({tickcolor:r.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:r.textColor,family:"Inter, sans-serif",weight:400},linecolor:r.lineColor,linewidth:1,position:0,zeroline:!1}),[r]);return o.useEffect(()=>{if(!u.current||!A)return;const t=a.map((l,w)=>({x:l.x,y:l.y,type:"bar",name:l.name,hoverinfo:"none",marker:{color:F.seriesColor(w,l.color)},width:N,error_y:l.error_y})),e={...m?{title:{text:m,font:{size:32,family:"Inter, sans-serif",color:r.textColor}}}:{},width:y.current.width,height:y.current.height,margin:{l:80,r:30,b:96,t:m?J:K,pad:0},paper_bgcolor:r.paperBg,plot_bgcolor:r.plotBg,font:{family:"Inter, sans-serif"},barmode:X,bargap:.15,dragmode:!1,xaxis:{title:{text:b,font:{size:16,color:r.textSecondary,family:"Inter, sans-serif",weight:400},standoff:32},gridcolor:r.gridColor,range:x,autorange:!x,tickmode:"array",tickvals:v,...B?{ticktext:p}:{},showgrid:!0,automargin:!0,...I},yaxis:{title:{text:k,font:{size:16,color:r.textSecondary,family:"Inter, sans-serif",weight:400},standoff:30},gridcolor:r.gridColor,range:h,autorange:!h,tickmode:"array",tickvals:O,showgrid:!0,automargin:!0,...I},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:16,color:r.legendColor,family:"Inter, sans-serif",weight:500}},showlegend:a.length>1},i={responsive:!1,displayModeBar:!1,displaylogo:!1};_.newPlot(u.current,t,e,i),P(u.current);const n=u.current;return E.current=!0,M.current={...y.current},()=>{n&&(_.purge(n),E.current=!1)}},[a,A,x,h,b,k,m,N,X,I,v,O,B,p,r,P]),o.useEffect(()=>{const t=u.current;!t||!E.current||s<=0||c<=0||M.current.width===s&&M.current.height===c||(M.current={width:s,height:c},_.relayout(t,{width:s,height:c}).catch(()=>{}))},[s,c]),G.jsxs("div",{ref:U,className:D.cn("bar-graph-container relative",V&&"w-full",S&&"h-full"),children:[G.jsx("div",{ref:u,style:{width:"100%",height:"100%"}}),T]})};exports.BarGraph=Q;
-//# sourceMappingURL=BarGraph.cjs.map