@oxide/design-system 1.7.7--canary.c74e439.0 → 1.7.7--canary.2a63c1e.0

package/components/dist/index.js

@@ -1,70 +1,3 @@
-import {
-  version
-} from "./chunk-YGFBWU2Q.js";
-import {
-  selectSvgElement
-} from "./chunk-TG4YEU4Q.js";
-import {
-  JSON_SCHEMA,
-  load
-} from "./chunk-WDK4G4UR.js";
-import {
-  registerLayoutLoaders
-} from "./chunk-WLVQWTC6.js";
-import "./chunk-ND3FLKHU.js";
-import "./chunk-LQ2ABR7F.js";
-import "./chunk-BW7DFBOS.js";
-import "./chunk-M6L3MM6K.js";
-import {
-  registerIconPacks
-} from "./chunk-H72D3HRR.js";
-import {
-  dedent
-} from "./chunk-NIVHLOPB.js";
-import {
-  cleanAndMerge,
-  decodeEntities,
-  encodeEntities,
-  isDetailedError,
-  removeDirectives,
-  utils_default
-} from "./chunk-T7HPDS4Z.js";
-import "./chunk-7I5DT373.js";
-import {
-  UnknownDiagramError,
-  __name,
-  addDirective,
-  assignWithDepth_default,
-  configureSvgSize,
-  defaultConfig,
-  detectType,
-  detectors,
-  evaluate,
-  frontMatterRegex,
-  getConfig,
-  getDiagram,
-  getDiagramLoader,
-  getSiteConfig,
-  log,
-  purify,
-  registerDiagram,
-  registerLazyLoadedDiagrams,
-  reset,
-  saveConfigFromInitialize,
-  select_default,
-  setConfig,
-  setLogLevel,
-  setSiteConfig,
-  styles_default,
-  themes_default,
-  updateSiteConfig
-} from "./chunk-RWDBBMDN.js";
-import {
-  isEmpty_default
-} from "./chunk-BVYAEHG3.js";
-import "./chunk-562WOS3Z.js";
-import "./chunk-K532NZMW.js";
-
 // components/src/asciidoc/index.tsx
 import asciidoctor2 from "@asciidoctor/core";
 import { Content as Content4 } from "@oxide/react-asciidoc";
@@ -114,8 +47,8 @@ var classed = {
 
 // components/src/asciidoc/Admonition.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var Admonition = ({ node: node2 }) => {
-  const attrs2 = node2.attributes;
+var Admonition = ({ node }) => {
+  const attrs2 = node.attributes;
   let icon;
   if (attrs2.name === "caution") {
     icon = /* @__PURE__ */ jsx(Error12, {});
@@ -127,12 +60,12 @@ var Admonition = ({ node: node2 }) => {
   return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs2.name}`, children: [
     /* @__PURE__ */ jsx("div", { className: "admonition-icon", children: icon }),
     /* @__PURE__ */ jsxs("div", { className: "admonition-content content", children: [
-      /* @__PURE__ */ jsx(Title, { text: node2.title }),
+      /* @__PURE__ */ jsx(Title, { text: node.title }),
       /* @__PURE__ */ jsx("div", { children: titleCase(attrs2.name.toString()) }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { text: node2.title }),
-        node2.content && parse(node2.content),
-        /* @__PURE__ */ jsx(Content, { blocks: node2.blocks })
+        /* @__PURE__ */ jsx(Title, { text: node.title }),
+        node.content && parse(node.content),
+        /* @__PURE__ */ jsx(Content, { blocks: node.blocks })
       ] })
     ] })
   ] });
@@ -177,1592 +110,9 @@ var Warning12 = ({ className }) => /* @__PURE__ */ jsx(
 );
 var Admonition_default = Admonition;
 
-// components/src/asciidoc/Listing.tsx
-import { Title as Title2, useConverterContext } from "@oxide/react-asciidoc";
-import cn2 from "classnames";
-
-// node_modules/stylis/src/Enum.js
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-
-// node_modules/stylis/src/Utility.js
-var abs = Math.abs;
-var from = String.fromCharCode;
-function trim(value) {
-  return value.trim();
-}
-function replace(value, pattern, replacement) {
-  return value.replace(pattern, replacement);
-}
-function indexof(value, search, position2) {
-  return value.indexOf(search, position2);
-}
-function charat(value, index) {
-  return value.charCodeAt(index) | 0;
-}
-function substr(value, begin, end) {
-  return value.slice(begin, end);
-}
-function strlen(value) {
-  return value.length;
-}
-function sizeof(value) {
-  return value.length;
-}
-function append(value, array) {
-  return array.push(value), value;
-}
-
-// node_modules/stylis/src/Tokenizer.js
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = "";
-function node(value, root, parent, type, props, children, length2, siblings) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "", siblings };
-}
-function char() {
-  return character;
-}
-function prev() {
-  character = position > 0 ? charat(characters, --position) : 0;
-  if (column--, character === 10)
-    column = 1, line--;
-  return character;
-}
-function next() {
-  character = position < length ? charat(characters, position++) : 0;
-  if (column++, character === 10)
-    column = 1, line++;
-  return character;
-}
-function peek() {
-  return charat(characters, position);
-}
-function caret() {
-  return position;
-}
-function slice(begin, end) {
-  return substr(characters, begin, end);
-}
-function token(type) {
-  switch (type) {
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    case 58:
-      return 3;
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function alloc(value) {
-  return line = column = 1, length = strlen(characters = value), position = 0, [];
-}
-function dealloc(value) {
-  return characters = "", value;
-}
-function delimit(type) {
-  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
-}
-function whitespace(type) {
-  while (character = peek())
-    if (character < 33)
-      next();
-    else
-      break;
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-function escaping(index, count) {
-  while (--count && next())
-    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
-      break;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  while (next())
-    switch (character) {
-      case type:
-        return position;
-      case 34:
-      case 39:
-        if (type !== 34 && type !== 39)
-          delimiter(character);
-        break;
-      case 40:
-        if (type === 41)
-          delimiter(type);
-        break;
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index) {
-  while (next())
-    if (type + character === 47 + 10)
-      break;
-    else if (type + character === 42 + 42 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index) {
-  while (!token(peek()))
-    next();
-  return slice(index, position);
-}
-
-// node_modules/stylis/src/Parser.js
-function compile(value) {
-  return dealloc(parse2("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
-function parse2(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-  var index = 0;
-  var offset2 = 0;
-  var length2 = pseudo;
-  var atrule = 0;
-  var property = 0;
-  var previous = 0;
-  var variable = 1;
-  var scanning = 1;
-  var ampersand = 1;
-  var character2 = 0;
-  var type = "";
-  var props = rules;
-  var children = rulesets;
-  var reference = rule;
-  var characters2 = type;
-  while (scanning)
-    switch (previous = character2, character2 = next()) {
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f", abs(index ? points[index - 1] : 0)) != -1)
-            ampersand = -1;
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        characters2 += whitespace(previous);
-        break;
-      case 92:
-        characters2 += escaping(caret() - 1, 7);
-        continue;
-      case 47:
-        switch (peek()) {
-          case 42:
-          case 47:
-            append(comment(commenter(next(), caret()), root, parent, declarations), declarations);
-            if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters2) && substr(characters2, -1, void 0) !== " ")
-              characters2 += " ";
-            break;
-          default:
-            characters2 += "/";
-        }
-        break;
-      case 123 * variable:
-        points[index++] = strlen(characters2) * ampersand;
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          case 0:
-          case 125:
-            scanning = 0;
-          case 59 + offset2:
-            if (ampersand == -1)
-              characters2 = replace(characters2, /\f/g, "");
-            if (property > 0 && (strlen(characters2) - length2 || variable === 0 && previous === 47))
-              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
-            break;
-          case 59:
-            characters2 += ";";
-          default:
-            append(reference = ruleset(characters2, root, parent, index, offset2, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
-            if (character2 === 123)
-              if (offset2 === 0)
-                parse2(characters2, root, reference, reference, props, rulesets, length2, points, children);
-              else
-                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    parse2(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
-                    break;
-                  default:
-                    parse2(characters2, reference, reference, reference, [""], children, 0, points, children);
-                }
-        }
-        index = offset2 = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
-        break;
-      case 58:
-        length2 = 1 + strlen(characters2), property = previous;
-      default:
-        if (variable < 1) {
-          if (character2 == 123)
-            --variable;
-          else if (character2 == 125 && variable++ == 0 && prev() == 125)
-            continue;
-        }
-        switch (characters2 += from(character2), character2 * variable) {
-          case 38:
-            ampersand = offset2 > 0 ? 1 : (characters2 += "\f", -1);
-            break;
-          case 44:
-            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          case 64:
-            if (peek() === 45)
-              characters2 += delimit(next());
-            atrule = peek(), offset2 = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          case 45:
-            if (previous === 45 && strlen(characters2) == 2)
-              variable = 0;
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset2, rules, points, type, props, children, length2, siblings) {
-  var post = offset2 - 1;
-  var rule = offset2 === 0 ? rules : [""];
-  var size2 = sizeof(rule);
-  for (var i = 0, j = 0, k = 0; i < index; ++i)
-    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size2; ++x)
-      if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
-        props[k++] = z;
-  return node(value, root, parent, offset2 === 0 ? RULESET : type, props, children, length2, siblings);
-}
-function comment(value, root, parent, siblings) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
-}
-function declaration(value, root, parent, length2, siblings) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
-}
-
-// node_modules/stylis/src/Serializer.js
-function serialize(children, callback) {
-  var output = "";
-  for (var i = 0; i < children.length; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
-function stringify(element, index, children, callback) {
-  switch (element.type) {
-    case LAYER:
-      if (element.children.length)
-        break;
-    case IMPORT:
-    case DECLARATION:
-      return element.return = element.return || element.value;
-    case COMMENT:
-      return "";
-    case KEYFRAMES:
-      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-    case RULESET:
-      if (!strlen(element.value = element.props.join(",")))
-        return "";
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-
-// node_modules/mermaid/dist/mermaid.core.mjs
-var id = "c4";
-var detector = /* @__PURE__ */ __name((txt) => {
-  return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
-}, "detector");
-var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-6F5ED5ID-TBHFK2XY.js");
-  return { id, diagram: diagram2 };
-}, "loader");
-var plugin = {
-  id,
-  detector,
-  loader
-};
-var c4Detector_default = plugin;
-var id2 = "flowchart";
-var detector2 = /* @__PURE__ */ __name((txt, config) => {
-  if (config?.flowchart?.defaultRenderer === "dagre-wrapper" || config?.flowchart?.defaultRenderer === "elk") {
-    return false;
-  }
-  return /^\s*graph/.test(txt);
-}, "detector");
-var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-7ASYPVHJ-2542732I.js");
-  return { id: id2, diagram: diagram2 };
-}, "loader");
-var plugin2 = {
-  id: id2,
-  detector: detector2,
-  loader: loader2
-};
-var flowDetector_default = plugin2;
-var id3 = "flowchart-v2";
-var detector3 = /* @__PURE__ */ __name((txt, config) => {
-  if (config?.flowchart?.defaultRenderer === "dagre-d3") {
-    return false;
-  }
-  if (config?.flowchart?.defaultRenderer === "elk") {
-    config.layout = "elk";
-  }
-  if (/^\s*graph/.test(txt) && config?.flowchart?.defaultRenderer === "dagre-wrapper") {
-    return true;
-  }
-  return /^\s*flowchart/.test(txt);
-}, "detector");
-var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-7ASYPVHJ-2542732I.js");
-  return { id: id3, diagram: diagram2 };
-}, "loader");
-var plugin3 = {
-  id: id3,
-  detector: detector3,
-  loader: loader3
-};
-var flowDetector_v2_default = plugin3;
-var id4 = "er";
-var detector4 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*erDiagram/.test(txt);
-}, "detector");
-var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-6RL3IURR-HQULDVJI.js");
-  return { id: id4, diagram: diagram2 };
-}, "loader");
-var plugin4 = {
-  id: id4,
-  detector: detector4,
-  loader: loader4
-};
-var erDetector_default = plugin4;
-var id5 = "gitGraph";
-var detector5 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*gitGraph/.test(txt);
-}, "detector");
-var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-NRZ2UAAF-5DU6QMYZ.js");
-  return { id: id5, diagram: diagram2 };
-}, "loader");
-var plugin5 = {
-  id: id5,
-  detector: detector5,
-  loader: loader5
-};
-var gitGraphDetector_default = plugin5;
-var id6 = "gantt";
-var detector6 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*gantt/.test(txt);
-}, "detector");
-var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-NTVNEXSI-V66YQQB3.js");
-  return { id: id6, diagram: diagram2 };
-}, "loader");
-var plugin6 = {
-  id: id6,
-  detector: detector6,
-  loader: loader6
-};
-var ganttDetector_default = plugin6;
-var id7 = "info";
-var detector7 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*info/.test(txt);
-}, "detector");
-var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-A4XQUW5V-UZERSQDI.js");
-  return { id: id7, diagram: diagram2 };
-}, "loader");
-var info = {
-  id: id7,
-  detector: detector7,
-  loader: loader7
-};
-var id8 = "pie";
-var detector8 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*pie/.test(txt);
-}, "detector");
-var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-YF2LJOPJ-IXEVHPCM.js");
-  return { id: id8, diagram: diagram2 };
-}, "loader");
-var pie = {
-  id: id8,
-  detector: detector8,
-  loader: loader8
-};
-var id9 = "quadrantChart";
-var detector9 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*quadrantChart/.test(txt);
-}, "detector");
-var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-OS5C2QUG-MW26UCZV.js");
-  return { id: id9, diagram: diagram2 };
-}, "loader");
-var plugin7 = {
-  id: id9,
-  detector: detector9,
-  loader: loader9
-};
-var quadrantDetector_default = plugin7;
-var id10 = "xychart";
-var detector10 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*xychart-beta/.test(txt);
-}, "detector");
-var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-6QU3TZC5-BFFLEHUP.js");
-  return { id: id10, diagram: diagram2 };
-}, "loader");
-var plugin8 = {
-  id: id10,
-  detector: detector10,
-  loader: loader10
-};
-var xychartDetector_default = plugin8;
-var id11 = "requirement";
-var detector11 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*requirement(Diagram)?/.test(txt);
-}, "detector");
-var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-MIRIMTAZ-BX24AAHL.js");
-  return { id: id11, diagram: diagram2 };
-}, "loader");
-var plugin9 = {
-  id: id11,
-  detector: detector11,
-  loader: loader11
-};
-var requirementDetector_default = plugin9;
-var id12 = "sequence";
-var detector12 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*sequenceDiagram/.test(txt);
-}, "detector");
-var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-G6AWOVSC-2T3JBUZ2.js");
-  return { id: id12, diagram: diagram2 };
-}, "loader");
-var plugin10 = {
-  id: id12,
-  detector: detector12,
-  loader: loader12
-};
-var sequenceDetector_default = plugin10;
-var id13 = "class";
-var detector13 = /* @__PURE__ */ __name((txt, config) => {
-  if (config?.class?.defaultRenderer === "dagre-wrapper") {
-    return false;
-  }
-  return /^\s*classDiagram/.test(txt);
-}, "detector");
-var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-LNE6IOMH-VRQHEQWM.js");
-  return { id: id13, diagram: diagram2 };
-}, "loader");
-var plugin11 = {
-  id: id13,
-  detector: detector13,
-  loader: loader13
-};
-var classDetector_default = plugin11;
-var id14 = "classDiagram";
-var detector14 = /* @__PURE__ */ __name((txt, config) => {
-  if (/^\s*classDiagram/.test(txt) && config?.class?.defaultRenderer === "dagre-wrapper") {
-    return true;
-  }
-  return /^\s*classDiagram-v2/.test(txt);
-}, "detector");
-var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-MQ7JQ4JX-5GB4NXXM.js");
-  return { id: id14, diagram: diagram2 };
-}, "loader");
-var plugin12 = {
-  id: id14,
-  detector: detector14,
-  loader: loader14
-};
-var classDetector_V2_default = plugin12;
-var id15 = "state";
-var detector15 = /* @__PURE__ */ __name((txt, config) => {
-  if (config?.state?.defaultRenderer === "dagre-wrapper") {
-    return false;
-  }
-  return /^\s*stateDiagram/.test(txt);
-}, "detector");
-var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-MAYHULR4-HZ5EGLPA.js");
-  return { id: id15, diagram: diagram2 };
-}, "loader");
-var plugin13 = {
-  id: id15,
-  detector: detector15,
-  loader: loader15
-};
-var stateDetector_default = plugin13;
-var id16 = "stateDiagram";
-var detector16 = /* @__PURE__ */ __name((txt, config) => {
-  if (/^\s*stateDiagram-v2/.test(txt)) {
-    return true;
-  }
-  if (/^\s*stateDiagram/.test(txt) && config?.state?.defaultRenderer === "dagre-wrapper") {
-    return true;
-  }
-  return false;
-}, "detector");
-var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4JROLMXI-DN2FEZV3.js");
-  return { id: id16, diagram: diagram2 };
-}, "loader");
-var plugin14 = {
-  id: id16,
-  detector: detector16,
-  loader: loader16
-};
-var stateDetector_V2_default = plugin14;
-var id17 = "journey";
-var detector17 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*journey/.test(txt);
-}, "detector");
-var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-G5WM74LC-RVKMRGRW.js");
-  return { id: id17, diagram: diagram2 };
-}, "loader");
-var plugin15 = {
-  id: id17,
-  detector: detector17,
-  loader: loader17
-};
-var journeyDetector_default = plugin15;
-var draw = /* @__PURE__ */ __name((_text, id26, version2) => {
-  log.debug("rendering svg for syntax error\n");
-  const svg = selectSvgElement(id26);
-  const g = svg.append("g");
-  svg.attr("viewBox", "0 0 2412 512");
-  configureSvgSize(svg, 100, 512, true);
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m411.313,123.313c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32-9.375,9.375-20.688-20.688c-12.484-12.5-32.766-12.5-45.25,0l-16,16c-1.261,1.261-2.304,2.648-3.31,4.051-21.739-8.561-45.324-13.426-70.065-13.426-105.867,0-192,86.133-192,192s86.133,192 192,192 192-86.133 192-192c0-24.741-4.864-48.327-13.426-70.065 1.402-1.007 2.79-2.049 4.051-3.31l16-16c12.5-12.492 12.5-32.758 0-45.25l-20.688-20.688 9.375-9.375 32.001-31.999zm-219.313,100.687c-52.938,0-96,43.063-96,96 0,8.836-7.164,16-16,16s-16-7.164-16-16c0-70.578 57.422-128 128-128 8.836,0 16,7.164 16,16s-7.164,16-16,16z"
-  );
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m459.02,148.98c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l16,16c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16.001-16z"
-  );
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m340.395,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16-16c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l15.999,16z"
-  );
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m400,64c8.844,0 16-7.164 16-16v-32c0-8.836-7.156-16-16-16-8.844,0-16,7.164-16,16v32c0,8.836 7.156,16 16,16z"
-  );
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m496,96.586h-32c-8.844,0-16,7.164-16,16 0,8.836 7.156,16 16,16h32c8.844,0 16-7.164 16-16 0-8.836-7.156-16-16-16z"
-  );
-  g.append("path").attr("class", "error-icon").attr(
-    "d",
-    "m436.98,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688l32-32c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32c-6.251,6.25-6.251,16.375-0.001,22.625z"
-  );
-  g.append("text").attr("class", "error-text").attr("x", 1440).attr("y", 250).attr("font-size", "150px").style("text-anchor", "middle").text("Syntax error in text");
-  g.append("text").attr("class", "error-text").attr("x", 1250).attr("y", 400).attr("font-size", "100px").style("text-anchor", "middle").text(`mermaid version ${version2}`);
-}, "draw");
-var renderer = { draw };
-var errorRenderer_default = renderer;
-var diagram = {
-  db: {},
-  renderer,
-  parser: {
-    parse: /* @__PURE__ */ __name(() => {
-      return;
-    }, "parse")
-  }
-};
-var errorDiagram_default = diagram;
-var id18 = "flowchart-elk";
-var detector18 = /* @__PURE__ */ __name((txt, config = {}) => {
-  if (
-    // If diagram explicitly states flowchart-elk
-    /^\s*flowchart-elk/.test(txt) || // If a flowchart/graph diagram has their default renderer set to elk
-    /^\s*flowchart|graph/.test(txt) && config?.flowchart?.defaultRenderer === "elk"
-  ) {
-    config.layout = "elk";
-    return true;
-  }
-  return false;
-}, "detector");
-var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-7ASYPVHJ-2542732I.js");
-  return { id: id18, diagram: diagram2 };
-}, "loader");
-var plugin16 = {
-  id: id18,
-  detector: detector18,
-  loader: loader18
-};
-var detector_default = plugin16;
-var id19 = "timeline";
-var detector19 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*timeline/.test(txt);
-}, "detector");
-var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-U7ZMHBDA-GB6AKKW4.js");
-  return { id: id19, diagram: diagram2 };
-}, "loader");
-var plugin17 = {
-  id: id19,
-  detector: detector19,
-  loader: loader19
-};
-var detector_default2 = plugin17;
-var id20 = "mindmap";
-var detector20 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*mindmap/.test(txt);
-}, "detector");
-var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-GWI6TPTV-MISEH6LG.js");
-  return { id: id20, diagram: diagram2 };
-}, "loader");
-var plugin18 = {
-  id: id20,
-  detector: detector20,
-  loader: loader20
-};
-var detector_default3 = plugin18;
-var id21 = "kanban";
-var detector21 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*kanban/.test(txt);
-}, "detector");
-var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-QRCXZQQD-NWU5I3TK.js");
-  return { id: id21, diagram: diagram2 };
-}, "loader");
-var plugin19 = {
-  id: id21,
-  detector: detector21,
-  loader: loader21
-};
-var detector_default4 = plugin19;
-var id22 = "sankey";
-var detector22 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*sankey-beta/.test(txt);
-}, "detector");
-var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-Y46BX6SQ-5RKUGG63.js");
-  return { id: id22, diagram: diagram2 };
-}, "loader");
-var plugin20 = {
-  id: id22,
-  detector: detector22,
-  loader: loader22
-};
-var sankeyDetector_default = plugin20;
-var id23 = "packet";
-var detector23 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*packet-beta/.test(txt);
-}, "detector");
-var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QW4FP2JN-J2YMUPB5.js");
-  return { id: id23, diagram: diagram2 };
-}, "loader");
-var packet = {
-  id: id23,
-  detector: detector23,
-  loader: loader23
-};
-var id24 = "block";
-var detector24 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*block-beta/.test(txt);
-}, "detector");
-var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-ZHA2E4KO-OAYYKCLF.js");
-  return { id: id24, diagram: diagram2 };
-}, "loader");
-var plugin21 = {
-  id: id24,
-  detector: detector24,
-  loader: loader24
-};
-var blockDetector_default = plugin21;
-var id25 = "architecture";
-var detector25 = /* @__PURE__ */ __name((txt) => {
-  return /^\s*architecture/.test(txt);
-}, "detector");
-var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-UYN6MBPD-HXPGIDN7.js");
-  return { id: id25, diagram: diagram2 };
-}, "loader");
-var architecture = {
-  id: id25,
-  detector: detector25,
-  loader: loader25
-};
-var architectureDetector_default = architecture;
-var hasLoadedDiagrams = false;
-var addDiagrams = /* @__PURE__ */ __name(() => {
-  if (hasLoadedDiagrams) {
-    return;
-  }
-  hasLoadedDiagrams = true;
-  registerDiagram("error", errorDiagram_default, (text) => {
-    return text.toLowerCase().trim() === "error";
-  });
-  registerDiagram(
-    "---",
-    // --- diagram type may appear if YAML front-matter is not parsed correctly
-    {
-      db: {
-        clear: /* @__PURE__ */ __name(() => {
-        }, "clear")
-      },
-      styles: {},
-      // should never be used
-      renderer: {
-        draw: /* @__PURE__ */ __name(() => {
-        }, "draw")
-      },
-      parser: {
-        parse: /* @__PURE__ */ __name(() => {
-          throw new Error(
-            "Diagrams beginning with --- are not valid. If you were trying to use a YAML front-matter, please ensure that you've correctly opened and closed the YAML front-matter with un-indented `---` blocks"
-          );
-        }, "parse")
-      },
-      init: /* @__PURE__ */ __name(() => null, "init")
-      // no op
-    },
-    (text) => {
-      return text.toLowerCase().trimStart().startsWith("---");
-    }
-  );
-  registerLazyLoadedDiagrams(
-    c4Detector_default,
-    detector_default4,
-    classDetector_V2_default,
-    classDetector_default,
-    erDetector_default,
-    ganttDetector_default,
-    info,
-    pie,
-    requirementDetector_default,
-    sequenceDetector_default,
-    detector_default,
-    flowDetector_v2_default,
-    flowDetector_default,
-    detector_default3,
-    detector_default2,
-    gitGraphDetector_default,
-    stateDetector_V2_default,
-    stateDetector_default,
-    journeyDetector_default,
-    quadrantDetector_default,
-    sankeyDetector_default,
-    packet,
-    xychartDetector_default,
-    blockDetector_default,
-    architectureDetector_default
-  );
-}, "addDiagrams");
-var loadRegisteredDiagrams = /* @__PURE__ */ __name(async () => {
-  log.debug(`Loading registered diagrams`);
-  const results = await Promise.allSettled(
-    Object.entries(detectors).map(async ([key, { detector: detector26, loader: loader26 }]) => {
-      if (loader26) {
-        try {
-          getDiagram(key);
-        } catch {
-          try {
-            const { diagram: diagram2, id: id26 } = await loader26();
-            registerDiagram(id26, diagram2, detector26);
-          } catch (err) {
-            log.error(`Failed to load external diagram with key ${key}. Removing from detectors.`);
-            delete detectors[key];
-            throw err;
-          }
-        }
-      }
-    })
-  );
-  const failed = results.filter((result) => result.status === "rejected");
-  if (failed.length > 0) {
-    log.error(`Failed to load ${failed.length} external diagrams`);
-    for (const res of failed) {
-      log.error(res);
-    }
-    throw new Error(`Failed to load ${failed.length} external diagrams`);
-  }
-}, "loadRegisteredDiagrams");
-var SVG_ROLE = "graphics-document document";
-function setA11yDiagramInfo(svg, diagramType) {
-  svg.attr("role", SVG_ROLE);
-  if (diagramType !== "") {
-    svg.attr("aria-roledescription", diagramType);
-  }
-}
-__name(setA11yDiagramInfo, "setA11yDiagramInfo");
-function addSVGa11yTitleDescription(svg, a11yTitle, a11yDesc, baseId) {
-  if (svg.insert === void 0) {
-    return;
-  }
-  if (a11yDesc) {
-    const descId = `chart-desc-${baseId}`;
-    svg.attr("aria-describedby", descId);
-    svg.insert("desc", ":first-child").attr("id", descId).text(a11yDesc);
-  }
-  if (a11yTitle) {
-    const titleId = `chart-title-${baseId}`;
-    svg.attr("aria-labelledby", titleId);
-    svg.insert("title", ":first-child").attr("id", titleId).text(a11yTitle);
-  }
-}
-__name(addSVGa11yTitleDescription, "addSVGa11yTitleDescription");
-var Diagram = class _Diagram {
-  constructor(type, text, db, parser, renderer2) {
-    this.type = type;
-    this.text = text;
-    this.db = db;
-    this.parser = parser;
-    this.renderer = renderer2;
-  }
-  static {
-    __name(this, "Diagram");
-  }
-  static async fromText(text, metadata = {}) {
-    const config = getConfig();
-    const type = detectType(text, config);
-    text = encodeEntities(text) + "\n";
-    try {
-      getDiagram(type);
-    } catch {
-      const loader26 = getDiagramLoader(type);
-      if (!loader26) {
-        throw new UnknownDiagramError(`Diagram ${type} not found.`);
-      }
-      const { id: id26, diagram: diagram2 } = await loader26();
-      registerDiagram(id26, diagram2);
-    }
-    const { db, parser, renderer: renderer2, init: init2 } = getDiagram(type);
-    if (parser.parser) {
-      parser.parser.yy = db;
-    }
-    db.clear?.();
-    init2?.(config);
-    if (metadata.title) {
-      db.setDiagramTitle?.(metadata.title);
-    }
-    await parser.parse(text);
-    return new _Diagram(type, text, db, parser, renderer2);
-  }
-  async render(id26, version2) {
-    await this.renderer.draw(this.text, id26, version2, this);
-  }
-  getParser() {
-    return this.parser;
-  }
-  getType() {
-    return this.type;
-  }
-};
-var interactionFunctions = [];
-var attachFunctions = /* @__PURE__ */ __name(() => {
-  interactionFunctions.forEach((f) => {
-    f();
-  });
-  interactionFunctions = [];
-}, "attachFunctions");
-var cleanupComments = /* @__PURE__ */ __name((text) => {
-  return text.replace(/^\s*%%(?!{)[^\n]+\n?/gm, "").trimStart();
-}, "cleanupComments");
-function extractFrontMatter(text) {
-  const matches = text.match(frontMatterRegex);
-  if (!matches) {
-    return {
-      text,
-      metadata: {}
-    };
-  }
-  let parsed = load(matches[1], {
-    // To support config, we need JSON schema.
-    // https://www.yaml.org/spec/1.2/spec.html#id2803231
-    schema: JSON_SCHEMA
-  }) ?? {};
-  parsed = typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
-  const metadata = {};
-  if (parsed.displayMode) {
-    metadata.displayMode = parsed.displayMode.toString();
-  }
-  if (parsed.title) {
-    metadata.title = parsed.title.toString();
-  }
-  if (parsed.config) {
-    metadata.config = parsed.config;
-  }
-  return {
-    text: text.slice(matches[0].length),
-    metadata
-  };
-}
-__name(extractFrontMatter, "extractFrontMatter");
-var cleanupText = /* @__PURE__ */ __name((code) => {
-  return code.replace(/\r\n?/g, "\n").replace(
-    /<(\w+)([^>]*)>/g,
-    (match, tag, attributes) => "<" + tag + attributes.replace(/="([^"]*)"/g, "='$1'") + ">"
-  );
-}, "cleanupText");
-var processFrontmatter = /* @__PURE__ */ __name((code) => {
-  const { text, metadata } = extractFrontMatter(code);
-  const { displayMode, title, config = {} } = metadata;
-  if (displayMode) {
-    if (!config.gantt) {
-      config.gantt = {};
-    }
-    config.gantt.displayMode = displayMode;
-  }
-  return { title, config, text };
-}, "processFrontmatter");
-var processDirectives = /* @__PURE__ */ __name((code) => {
-  const initDirective = utils_default.detectInit(code) ?? {};
-  const wrapDirectives = utils_default.detectDirective(code, "wrap");
-  if (Array.isArray(wrapDirectives)) {
-    initDirective.wrap = wrapDirectives.some(({ type }) => type === "wrap");
-  } else if (wrapDirectives?.type === "wrap") {
-    initDirective.wrap = true;
-  }
-  return {
-    text: removeDirectives(code),
-    directive: initDirective
-  };
-}, "processDirectives");
-function preprocessDiagram(code) {
-  const cleanedCode = cleanupText(code);
-  const frontMatterResult = processFrontmatter(cleanedCode);
-  const directiveResult = processDirectives(frontMatterResult.text);
-  const config = cleanAndMerge(frontMatterResult.config, directiveResult.directive);
-  code = cleanupComments(directiveResult.text);
-  return {
-    code,
-    title: frontMatterResult.title,
-    config
-  };
-}
-__name(preprocessDiagram, "preprocessDiagram");
-function toBase64(str) {
-  const utf8Bytes = new TextEncoder().encode(str);
-  const utf8Str = Array.from(utf8Bytes, (byte) => String.fromCodePoint(byte)).join("");
-  return btoa(utf8Str);
-}
-__name(toBase64, "toBase64");
-var MAX_TEXTLENGTH = 5e4;
-var MAX_TEXTLENGTH_EXCEEDED_MSG = "graph TB;a[Maximum text size in diagram exceeded];style a fill:#faa";
-var SECURITY_LVL_SANDBOX = "sandbox";
-var SECURITY_LVL_LOOSE = "loose";
-var XMLNS_SVG_STD = "http://www.w3.org/2000/svg";
-var XMLNS_XLINK_STD = "http://www.w3.org/1999/xlink";
-var XMLNS_XHTML_STD = "http://www.w3.org/1999/xhtml";
-var IFRAME_WIDTH = "100%";
-var IFRAME_HEIGHT = "100%";
-var IFRAME_STYLES = "border:0;margin:0;";
-var IFRAME_BODY_STYLE = "margin:0";
-var IFRAME_SANDBOX_OPTS = "allow-top-navigation-by-user-activation allow-popups";
-var IFRAME_NOT_SUPPORTED_MSG = 'The "iframe" tag is not supported by your browser.';
-var DOMPURIFY_TAGS = ["foreignobject"];
-var DOMPURIFY_ATTR = ["dominant-baseline"];
-function processAndSetConfigs(text) {
-  const processed = preprocessDiagram(text);
-  reset();
-  addDirective(processed.config ?? {});
-  return processed;
-}
-__name(processAndSetConfigs, "processAndSetConfigs");
-async function parse3(text, parseOptions) {
-  addDiagrams();
-  try {
-    const { code, config } = processAndSetConfigs(text);
-    const diagram2 = await getDiagramFromText(code);
-    return { diagramType: diagram2.type, config };
-  } catch (error) {
-    if (parseOptions?.suppressErrors) {
-      return false;
-    }
-    throw error;
-  }
-}
-__name(parse3, "parse");
-var cssImportantStyles = /* @__PURE__ */ __name((cssClass, element, cssClasses = []) => {
-  return `
-.${cssClass} ${element} { ${cssClasses.join(" !important; ")} !important; }`;
-}, "cssImportantStyles");
-var createCssStyles = /* @__PURE__ */ __name((config, classDefs = /* @__PURE__ */ new Map()) => {
-  let cssStyles = "";
-  if (config.themeCSS !== void 0) {
-    cssStyles += `
-${config.themeCSS}`;
-  }
-  if (config.fontFamily !== void 0) {
-    cssStyles += `
-:root { --mermaid-font-family: ${config.fontFamily}}`;
-  }
-  if (config.altFontFamily !== void 0) {
-    cssStyles += `
-:root { --mermaid-alt-font-family: ${config.altFontFamily}}`;
-  }
-  if (classDefs instanceof Map) {
-    const htmlLabels = config.htmlLabels ?? config.flowchart?.htmlLabels;
-    const cssHtmlElements = ["> *", "span"];
-    const cssShapeElements = ["rect", "polygon", "ellipse", "circle", "path"];
-    const cssElements = htmlLabels ? cssHtmlElements : cssShapeElements;
-    classDefs.forEach((styleClassDef) => {
-      if (!isEmpty_default(styleClassDef.styles)) {
-        cssElements.forEach((cssElement) => {
-          cssStyles += cssImportantStyles(styleClassDef.id, cssElement, styleClassDef.styles);
-        });
-      }
-      if (!isEmpty_default(styleClassDef.textStyles)) {
-        cssStyles += cssImportantStyles(
-          styleClassDef.id,
-          "tspan",
-          (styleClassDef?.textStyles || []).map((s) => s.replace("color", "fill"))
-        );
-      }
-    });
-  }
-  return cssStyles;
-}, "createCssStyles");
-var createUserStyles = /* @__PURE__ */ __name((config, graphType, classDefs, svgId) => {
-  const userCSSstyles = createCssStyles(config, classDefs);
-  const allStyles = styles_default(graphType, userCSSstyles, config.themeVariables);
-  return serialize(compile(`${svgId}{${allStyles}}`), stringify);
-}, "createUserStyles");
-var cleanUpSvgCode = /* @__PURE__ */ __name((svgCode = "", inSandboxMode, useArrowMarkerUrls) => {
-  let cleanedUpSvg = svgCode;
-  if (!useArrowMarkerUrls && !inSandboxMode) {
-    cleanedUpSvg = cleanedUpSvg.replace(
-      /marker-end="url\([\d+./:=?A-Za-z-]*?#/g,
-      'marker-end="url(#'
-    );
-  }
-  cleanedUpSvg = decodeEntities(cleanedUpSvg);
-  cleanedUpSvg = cleanedUpSvg.replace(/<br>/g, "<br/>");
-  return cleanedUpSvg;
-}, "cleanUpSvgCode");
-var putIntoIFrame = /* @__PURE__ */ __name((svgCode = "", svgElement) => {
-  const height = svgElement?.viewBox?.baseVal?.height ? svgElement.viewBox.baseVal.height + "px" : IFRAME_HEIGHT;
-  const base64encodedSrc = toBase64(`<body style="${IFRAME_BODY_STYLE}">${svgCode}</body>`);
-  return `<iframe style="width:${IFRAME_WIDTH};height:${height};${IFRAME_STYLES}" src="data:text/html;charset=UTF-8;base64,${base64encodedSrc}" sandbox="${IFRAME_SANDBOX_OPTS}">
-  ${IFRAME_NOT_SUPPORTED_MSG}
-</iframe>`;
-}, "putIntoIFrame");
-var appendDivSvgG = /* @__PURE__ */ __name((parentRoot, id26, enclosingDivId, divStyle, svgXlink) => {
-  const enclosingDiv = parentRoot.append("div");
-  enclosingDiv.attr("id", enclosingDivId);
-  if (divStyle) {
-    enclosingDiv.attr("style", divStyle);
-  }
-  const svgNode = enclosingDiv.append("svg").attr("id", id26).attr("width", "100%").attr("xmlns", XMLNS_SVG_STD);
-  if (svgXlink) {
-    svgNode.attr("xmlns:xlink", svgXlink);
-  }
-  svgNode.append("g");
-  return parentRoot;
-}, "appendDivSvgG");
-function sandboxedIframe(parentNode, iFrameId) {
-  return parentNode.append("iframe").attr("id", iFrameId).attr("style", "width: 100%; height: 100%;").attr("sandbox", "");
-}
-__name(sandboxedIframe, "sandboxedIframe");
-var removeExistingElements = /* @__PURE__ */ __name((doc, id26, divId, iFrameId) => {
-  doc.getElementById(id26)?.remove();
-  doc.getElementById(divId)?.remove();
-  doc.getElementById(iFrameId)?.remove();
-}, "removeExistingElements");
-var render = /* @__PURE__ */ __name(async function(id26, text, svgContainingElement) {
-  addDiagrams();
-  const processed = processAndSetConfigs(text);
-  text = processed.code;
-  const config = getConfig();
-  log.debug(config);
-  if (text.length > (config?.maxTextSize ?? MAX_TEXTLENGTH)) {
-    text = MAX_TEXTLENGTH_EXCEEDED_MSG;
-  }
-  const idSelector = "#" + id26;
-  const iFrameID = "i" + id26;
-  const iFrameID_selector = "#" + iFrameID;
-  const enclosingDivID = "d" + id26;
-  const enclosingDivID_selector = "#" + enclosingDivID;
-  const removeTempElements = /* @__PURE__ */ __name(() => {
-    const tmpElementSelector = isSandboxed ? iFrameID_selector : enclosingDivID_selector;
-    const node2 = select_default(tmpElementSelector).node();
-    if (node2 && "remove" in node2) {
-      node2.remove();
-    }
-  }, "removeTempElements");
-  let root = select_default("body");
-  const isSandboxed = config.securityLevel === SECURITY_LVL_SANDBOX;
-  const isLooseSecurityLevel = config.securityLevel === SECURITY_LVL_LOOSE;
-  const fontFamily = config.fontFamily;
-  if (svgContainingElement !== void 0) {
-    if (svgContainingElement) {
-      svgContainingElement.innerHTML = "";
-    }
-    if (isSandboxed) {
-      const iframe = sandboxedIframe(select_default(svgContainingElement), iFrameID);
-      root = select_default(iframe.nodes()[0].contentDocument.body);
-      root.node().style.margin = 0;
-    } else {
-      root = select_default(svgContainingElement);
-    }
-    appendDivSvgG(root, id26, enclosingDivID, `font-family: ${fontFamily}`, XMLNS_XLINK_STD);
-  } else {
-    removeExistingElements(document, id26, enclosingDivID, iFrameID);
-    if (isSandboxed) {
-      const iframe = sandboxedIframe(select_default("body"), iFrameID);
-      root = select_default(iframe.nodes()[0].contentDocument.body);
-      root.node().style.margin = 0;
-    } else {
-      root = select_default("body");
-    }
-    appendDivSvgG(root, id26, enclosingDivID);
-  }
-  let diag;
-  let parseEncounteredException;
-  try {
-    diag = await Diagram.fromText(text, { title: processed.title });
-  } catch (error) {
-    if (config.suppressErrorRendering) {
-      removeTempElements();
-      throw error;
-    }
-    diag = await Diagram.fromText("error");
-    parseEncounteredException = error;
-  }
-  const element = root.select(enclosingDivID_selector).node();
-  const diagramType = diag.type;
-  const svg = element.firstChild;
-  const firstChild = svg.firstChild;
-  const diagramClassDefs = diag.renderer.getClasses?.(text, diag);
-  const rules = createUserStyles(config, diagramType, diagramClassDefs, idSelector);
-  const style1 = document.createElement("style");
-  style1.innerHTML = rules;
-  svg.insertBefore(style1, firstChild);
-  try {
-    await diag.renderer.draw(text, id26, version, diag);
-  } catch (e) {
-    if (config.suppressErrorRendering) {
-      removeTempElements();
-    } else {
-      errorRenderer_default.draw(text, id26, version);
-    }
-    throw e;
-  }
-  const svgNode = root.select(`${enclosingDivID_selector} svg`);
-  const a11yTitle = diag.db.getAccTitle?.();
-  const a11yDescr = diag.db.getAccDescription?.();
-  addA11yInfo(diagramType, svgNode, a11yTitle, a11yDescr);
-  root.select(`[id="${id26}"]`).selectAll("foreignobject > *").attr("xmlns", XMLNS_XHTML_STD);
-  let svgCode = root.select(enclosingDivID_selector).node().innerHTML;
-  log.debug("config.arrowMarkerAbsolute", config.arrowMarkerAbsolute);
-  svgCode = cleanUpSvgCode(svgCode, isSandboxed, evaluate(config.arrowMarkerAbsolute));
-  if (isSandboxed) {
-    const svgEl = root.select(enclosingDivID_selector + " svg").node();
-    svgCode = putIntoIFrame(svgCode, svgEl);
-  } else if (!isLooseSecurityLevel) {
-    svgCode = purify.sanitize(svgCode, {
-      ADD_TAGS: DOMPURIFY_TAGS,
-      ADD_ATTR: DOMPURIFY_ATTR,
-      HTML_INTEGRATION_POINTS: { foreignobject: true }
-    });
-  }
-  attachFunctions();
-  if (parseEncounteredException) {
-    throw parseEncounteredException;
-  }
-  removeTempElements();
-  return {
-    diagramType,
-    svg: svgCode,
-    bindFunctions: diag.db.bindFunctions
-  };
-}, "render");
-function initialize(userOptions = {}) {
-  const options = assignWithDepth_default({}, userOptions);
-  if (options?.fontFamily && !options.themeVariables?.fontFamily) {
-    if (!options.themeVariables) {
-      options.themeVariables = {};
-    }
-    options.themeVariables.fontFamily = options.fontFamily;
-  }
-  saveConfigFromInitialize(options);
-  if (options?.theme && options.theme in themes_default) {
-    options.themeVariables = themes_default[options.theme].getThemeVariables(
-      options.themeVariables
-    );
-  } else if (options) {
-    options.themeVariables = themes_default.default.getThemeVariables(options.themeVariables);
-  }
-  const config = typeof options === "object" ? setSiteConfig(options) : getSiteConfig();
-  setLogLevel(config.logLevel);
-  addDiagrams();
-}
-__name(initialize, "initialize");
-var getDiagramFromText = /* @__PURE__ */ __name((text, metadata = {}) => {
-  const { code } = preprocessDiagram(text);
-  return Diagram.fromText(code, metadata);
-}, "getDiagramFromText");
-function addA11yInfo(diagramType, svgNode, a11yTitle, a11yDescr) {
-  setA11yDiagramInfo(svgNode, diagramType);
-  addSVGa11yTitleDescription(svgNode, a11yTitle, a11yDescr, svgNode.attr("id"));
-}
-__name(addA11yInfo, "addA11yInfo");
-var mermaidAPI = Object.freeze({
-  render,
-  parse: parse3,
-  getDiagramFromText,
-  initialize,
-  getConfig,
-  setConfig,
-  getSiteConfig,
-  updateSiteConfig,
-  reset: /* @__PURE__ */ __name(() => {
-    reset();
-  }, "reset"),
-  globalReset: /* @__PURE__ */ __name(() => {
-    reset(defaultConfig);
-  }, "globalReset"),
-  defaultConfig
-});
-setLogLevel(getConfig().logLevel);
-reset(getConfig());
-var handleError = /* @__PURE__ */ __name((error, errors, parseError) => {
-  log.warn(error);
-  if (isDetailedError(error)) {
-    if (parseError) {
-      parseError(error.str, error.hash);
-    }
-    errors.push({ ...error, message: error.str, error });
-  } else {
-    if (parseError) {
-      parseError(error);
-    }
-    if (error instanceof Error) {
-      errors.push({
-        str: error.message,
-        message: error.message,
-        hash: error.name,
-        error
-      });
-    }
-  }
-}, "handleError");
-var run = /* @__PURE__ */ __name(async function(options = {
-  querySelector: ".mermaid"
-}) {
-  try {
-    await runThrowsErrors(options);
-  } catch (e) {
-    if (isDetailedError(e)) {
-      log.error(e.str);
-    }
-    if (mermaid.parseError) {
-      mermaid.parseError(e);
-    }
-    if (!options.suppressErrors) {
-      log.error("Use the suppressErrors option to suppress these errors");
-      throw e;
-    }
-  }
-}, "run");
-var runThrowsErrors = /* @__PURE__ */ __name(async function({ postRenderCallback, querySelector, nodes } = {
-  querySelector: ".mermaid"
-}) {
-  const conf = mermaidAPI.getConfig();
-  log.debug(`${!postRenderCallback ? "No " : ""}Callback function found`);
-  let nodesToProcess;
-  if (nodes) {
-    nodesToProcess = nodes;
-  } else if (querySelector) {
-    nodesToProcess = document.querySelectorAll(querySelector);
-  } else {
-    throw new Error("Nodes and querySelector are both undefined");
-  }
-  log.debug(`Found ${nodesToProcess.length} diagrams`);
-  if (conf?.startOnLoad !== void 0) {
-    log.debug("Start On Load: " + conf?.startOnLoad);
-    mermaidAPI.updateSiteConfig({ startOnLoad: conf?.startOnLoad });
-  }
-  const idGenerator = new utils_default.InitIDGenerator(conf.deterministicIds, conf.deterministicIDSeed);
-  let txt;
-  const errors = [];
-  for (const element of Array.from(nodesToProcess)) {
-    log.info("Rendering diagram: " + element.id);
-    if (element.getAttribute("data-processed")) {
-      continue;
-    }
-    element.setAttribute("data-processed", "true");
-    const id26 = `mermaid-${idGenerator.next()}`;
-    txt = element.innerHTML;
-    txt = dedent(utils_default.entityDecode(txt)).trim().replace(/<br\s*\/?>/gi, "<br/>");
-    const init2 = utils_default.detectInit(txt);
-    if (init2) {
-      log.debug("Detected early reinit: ", init2);
-    }
-    try {
-      const { svg, bindFunctions } = await render2(id26, txt, element);
-      element.innerHTML = svg;
-      if (postRenderCallback) {
-        await postRenderCallback(id26);
-      }
-      if (bindFunctions) {
-        bindFunctions(element);
-      }
-    } catch (error) {
-      handleError(error, errors, mermaid.parseError);
-    }
-  }
-  if (errors.length > 0) {
-    throw errors[0];
-  }
-}, "runThrowsErrors");
-var initialize2 = /* @__PURE__ */ __name(function(config) {
-  mermaidAPI.initialize(config);
-}, "initialize");
-var init = /* @__PURE__ */ __name(async function(config, nodes, callback) {
-  log.warn("mermaid.init is deprecated. Please use run instead.");
-  if (config) {
-    initialize2(config);
-  }
-  const runOptions = { postRenderCallback: callback, querySelector: ".mermaid" };
-  if (typeof nodes === "string") {
-    runOptions.querySelector = nodes;
-  } else if (nodes) {
-    if (nodes instanceof HTMLElement) {
-      runOptions.nodes = [nodes];
-    } else {
-      runOptions.nodes = nodes;
-    }
-  }
-  await run(runOptions);
-}, "init");
-var registerExternalDiagrams = /* @__PURE__ */ __name(async (diagrams, {
-  lazyLoad = true
-} = {}) => {
-  addDiagrams();
-  registerLazyLoadedDiagrams(...diagrams);
-  if (lazyLoad === false) {
-    await loadRegisteredDiagrams();
-  }
-}, "registerExternalDiagrams");
-var contentLoaded = /* @__PURE__ */ __name(function() {
-  if (mermaid.startOnLoad) {
-    const { startOnLoad } = mermaidAPI.getConfig();
-    if (startOnLoad) {
-      mermaid.run().catch((err) => log.error("Mermaid failed to initialize", err));
-    }
-  }
-}, "contentLoaded");
-if (typeof document !== "undefined") {
-  window.addEventListener("load", contentLoaded, false);
-}
-var setParseErrorHandler = /* @__PURE__ */ __name(function(parseErrorHandler) {
-  mermaid.parseError = parseErrorHandler;
-}, "setParseErrorHandler");
-var executionQueue = [];
-var executionQueueRunning = false;
-var executeQueue = /* @__PURE__ */ __name(async () => {
-  if (executionQueueRunning) {
-    return;
-  }
-  executionQueueRunning = true;
-  while (executionQueue.length > 0) {
-    const f = executionQueue.shift();
-    if (f) {
-      try {
-        await f();
-      } catch (e) {
-        log.error("Error executing queue", e);
-      }
-    }
-  }
-  executionQueueRunning = false;
-}, "executeQueue");
-var parse22 = /* @__PURE__ */ __name(async (text, parseOptions) => {
-  return new Promise((resolve, reject) => {
-    const performCall = /* @__PURE__ */ __name(() => new Promise((res, rej) => {
-      mermaidAPI.parse(text, parseOptions).then(
-        (r) => {
-          res(r);
-          resolve(r);
-        },
-        (e) => {
-          log.error("Error parsing", e);
-          mermaid.parseError?.(e);
-          rej(e);
-          reject(e);
-        }
-      );
-    }), "performCall");
-    executionQueue.push(performCall);
-    executeQueue().catch(reject);
-  });
-}, "parse");
-var render2 = /* @__PURE__ */ __name((id26, text, container) => {
-  return new Promise((resolve, reject) => {
-    const performCall = /* @__PURE__ */ __name(() => new Promise((res, rej) => {
-      mermaidAPI.render(id26, text, container).then(
-        (r) => {
-          res(r);
-          resolve(r);
-        },
-        (e) => {
-          log.error("Error parsing", e);
-          mermaid.parseError?.(e);
-          rej(e);
-          reject(e);
-        }
-      );
-    }), "performCall");
-    executionQueue.push(performCall);
-    executeQueue().catch(reject);
-  });
-}, "render");
-var mermaid = {
-  startOnLoad: true,
-  mermaidAPI,
-  parse: parse22,
-  render: render2,
-  init,
-  run,
-  registerExternalDiagrams,
-  registerLayoutLoaders,
-  initialize: initialize2,
-  parseError: void 0,
-  contentLoaded,
-  setParseErrorHandler,
-  detectType,
-  registerIconPacks
-};
-var mermaid_default = mermaid;
-
-// components/src/asciidoc/Mermaid.tsx
-import { memo, useId, useState } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-mermaid_default.initialize({
-  startOnLoad: false,
-  theme: "dark"
-});
-var Mermaid = memo(function Mermaid2({ content }) {
-  const [showSource, setShowSource] = useState(false);
-  const id26 = `mermaid-diagram-${useId().replace(/:/g, "_")}`;
-  const mermaidRef = async (node2) => {
-    if (node2) {
-      const { svg } = await mermaid_default.render(id26, content);
-      node2.innerHTML = svg;
-    }
-  };
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        className: "absolute right-2 top-2 text-mono-xs text-tertiary",
-        onClick: () => setShowSource(!showSource),
-        children: [
-          showSource ? "Hide" : "Show",
-          " Source ",
-          /* @__PURE__ */ jsx2("span", { className: "text-quinary", children: "|" }),
-          " ",
-          "Mermaid"
-        ]
-      }
-    ),
-    !showSource ? /* @__PURE__ */ jsx2("code", { ref: mermaidRef, className: "w-full" }) : /* @__PURE__ */ jsx2("code", { children: content })
-  ] });
-});
-var Mermaid_default = Mermaid;
-
-// components/src/asciidoc/Listing.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Listing = ({ node: node2 }) => {
-  const { document: document2 } = useConverterContext();
-  const docAttrs = document2.attributes || {};
-  const nowrap = node2.attributes.nowrap || docAttrs["prewrap"] === void 0;
-  if (node2.style === "source") {
-    const lang = node2.language;
-    return /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: "listingblock",
-        ...node2.lineNumber ? { "data-lineno": node2.lineNumber } : {},
-        children: [
-          /* @__PURE__ */ jsx3(Title2, { text: node2.title }),
-          /* @__PURE__ */ jsx3("div", { className: "content", children: /* @__PURE__ */ jsx3("pre", { className: cn2("highlight", nowrap ? " nowrap" : ""), children: lang && lang === "mermaid" ? /* @__PURE__ */ jsx3(Mermaid_default, { content: node2.content || "" }) : /* @__PURE__ */ jsx3(
-            "code",
-            {
-              className: lang && `language-${lang}`,
-              "data-lang": lang || void 0,
-              dangerouslySetInnerHTML: {
-                __html: node2.content || ""
-              }
-            }
-          ) }) })
-        ]
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: "listingblock",
-        ...node2.lineNumber ? { "data-lineno": node2.lineNumber } : {},
-        children: [
-          /* @__PURE__ */ jsx3(Title2, { text: node2.title }),
-          /* @__PURE__ */ jsx3("div", { className: "content", children: /* @__PURE__ */ jsx3(
-            "pre",
-            {
-              className: cn2("highlight !block", nowrap ? "nowrap" : ""),
-              dangerouslySetInnerHTML: {
-                __html: node2.content || ""
-              }
-            }
-          ) })
-        ]
-      }
-    );
-  }
-};
-var Listing_default = Listing;
-
 // icons/react/Link16Icon.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs4(
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs2(
   "svg",
   {
     width: 16,
@@ -1773,10 +123,10 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs4(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsxs4("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ jsx4("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" }),
-        /* @__PURE__ */ jsx4("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" })
+      title ? /* @__PURE__ */ jsx2("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxs2("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ jsx2("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" }),
+        /* @__PURE__ */ jsx2("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" })
       ] })
     ]
   }
@@ -1784,12 +134,12 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs4(
 var Link16Icon_default = Link16Icon;
 
 // icons/react/Checkmark12Icon.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var Checkmark12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs5(
+}) => /* @__PURE__ */ jsxs3(
   "svg",
   {
     width: 12,
@@ -1800,8 +150,8 @@ var Checkmark12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx5(
+      title ? /* @__PURE__ */ jsx3("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx3(
         "path",
         {
           fillRule: "evenodd",
@@ -1816,12 +166,12 @@ var Checkmark12Icon = ({
 var Checkmark12Icon_default = Checkmark12Icon;
 
 // icons/react/DirectionRightIcon.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var DirectionRightIcon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs6(
+}) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     width: 12,
@@ -1832,8 +182,8 @@ var DirectionRightIcon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx6(
+      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx4(
         "path",
         {
           d: "M8.807 6.597a.667.667 0 0 0 0-1.194l-5.842-2.92A.667.667 0 0 0 2 3.079v5.842c0 .496.522.818.965.596l5.842-2.92Z",
@@ -1846,12 +196,12 @@ var DirectionRightIcon = ({
 var DirectionRightIcon_default = DirectionRightIcon;
 
 // icons/react/SelectArrows6Icon.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var SelectArrows6Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs7(
+}) => /* @__PURE__ */ jsxs5(
   "svg",
   {
     width: 6,
@@ -1862,8 +212,8 @@ var SelectArrows6Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx7(
+      title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx5(
         "path",
         {
           fillRule: "evenodd",
@@ -1878,32 +228,32 @@ var SelectArrows6Icon = ({
 var SelectArrows6Icon_default = SelectArrows6Icon;
 
 // components/src/asciidoc/Section.tsx
-import { Content as Content2, parse as parse4 } from "@oxide/react-asciidoc";
-import cn3 from "classnames";
+import { Content as Content2, parse as parse2 } from "@oxide/react-asciidoc";
+import cn2 from "classnames";
 import { createElement as createElement2 } from "react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var stripAnchors = (str) => str.replace(/<a[^>]*>(.*?)<\/a>/gi, "$1");
-var Section = ({ node: node2 }) => {
-  const level = node2.level;
+var Section = ({ node }) => {
+  const level = node.level;
   let title = "";
-  let sectNum = node2.num;
+  let sectNum = node.num;
   sectNum = sectNum === "." ? "" : sectNum;
-  title = /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsx8("span", { className: "anchor", id: node2.id || "", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs8("a", { className: "link group", href: `#${node2.id}`, children: [
-      parse4(stripAnchors(node2.title)),
-      /* @__PURE__ */ jsx8(Link16Icon_default, { className: "ml-2 hidden text-accent-secondary group-hover:inline-block" })
+  title = /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx6("span", { className: "anchor", id: node.id || "", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs6("a", { className: "link group", href: `#${node.id}`, children: [
+      parse2(stripAnchors(node.title)),
+      /* @__PURE__ */ jsx6(Link16Icon_default, { className: "ml-2 hidden text-accent-secondary group-hover:inline-block" })
     ] })
   ] });
   if (level === 0) {
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("h1", { className: cn3("sect0", node2.role), "data-sectnum": sectNum, children: title }),
-      /* @__PURE__ */ jsx8(Content2, { blocks: node2.blocks })
+    return /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx6("h1", { className: cn2("sect0", node.role), "data-sectnum": sectNum, children: title }),
+      /* @__PURE__ */ jsx6(Content2, { blocks: node.blocks })
     ] });
   } else {
-    return /* @__PURE__ */ jsxs8("div", { className: cn3(`sect${level}`, node2.role), children: [
+    return /* @__PURE__ */ jsxs6("div", { className: cn2(`sect${level}`, node.role), children: [
       createElement2(`h${level + 1}`, { "data-sectnum": sectNum }, title),
-      /* @__PURE__ */ jsx8("div", { className: "sectionbody", children: /* @__PURE__ */ jsx8(Content2, { blocks: node2.blocks }) })
+      /* @__PURE__ */ jsx6("div", { className: "sectionbody", children: /* @__PURE__ */ jsx6(Content2, { blocks: node.blocks }) })
     ] });
   }
 };
@@ -1911,18 +261,18 @@ var Section_default = Section;
 
 // components/src/asciidoc/Table.tsx
 import { Table as InnerTable } from "@oxide/react-asciidoc";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Table = ({ node: node2 }) => /* @__PURE__ */ jsx9("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx9(InnerTable, { node: node2 }) });
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Table = ({ node }) => /* @__PURE__ */ jsx7("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx7(InnerTable, { node }) });
 var Table_default = Table;
 
 // components/src/asciidoc/TableOfContents.tsx
 import * as Accordion from "@radix-ui/react-accordion";
 import { Link } from "@remix-run/react";
-import cn4 from "classnames";
-import { Fragment as Fragment3, useCallback, useEffect, useMemo, useRef, useState as useState2 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import cn3 from "classnames";
+import { Fragment as Fragment2, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function useIntersectionObserver(elements, callback, options) {
-  const [observer, setObserver] = useState2(null);
+  const [observer, setObserver] = useState(null);
   useEffect(() => {
     const observer2 = new IntersectionObserver(callback, options);
     setObserver(observer2);
@@ -1954,9 +304,9 @@ function findParentSection(element) {
   const sect2Wrapper = element.closest(".sect2");
   return sect2Wrapper ? sect2Wrapper : element.closest(".sect1");
 }
-function newSection(node2, element, wrapper, parent) {
+function newSection(node, element, wrapper, parent) {
   return {
-    node: node2,
+    node,
     element,
     wrapper,
     parent,
@@ -1996,7 +346,7 @@ function maxIndex(nums) {
   }, void 0);
 }
 function useActiveSectionTracking(initialSections, onSectionChange, debug = false) {
-  const [sectionWrappers, setSectionWrappers] = useState2(
+  const [sectionWrappers, setSectionWrappers] = useState(
     buildSectionTree(initialSections)
   );
   const sectionMeasurements = useRef([]);
@@ -2010,7 +360,7 @@ function useActiveSectionTracking(initialSections, onSectionChange, debug = fals
   const wrapperActivator = useCallback(
     (entries) => {
       for (const entry of entries) {
-        const index = sectionWrappers.findIndex((node2) => node2.wrapper === entry.target);
+        const index = sectionWrappers.findIndex((node) => node.wrapper === entry.target);
         const covered = entry.intersectionRect.height / (entry.rootBounds?.height || 1);
         sectionMeasurements.current[index] = covered;
       }
@@ -2049,7 +399,7 @@ function useActiveSectionTracking(initialSections, onSectionChange, debug = fals
         return "0px";
       }
     });
-    debugNode = /* @__PURE__ */ jsx10(
+    debugNode = /* @__PURE__ */ jsx8(
       "div",
       {
         style: {
@@ -2076,24 +426,24 @@ var DesktopOutline = ({
   activeItem
 }) => {
   const renderToc = (sections) => {
-    return sections.map((item) => /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(
+    return sections.map((item) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx8(
         "li",
         {
           "data-level": item.level,
-          className: cn4("mb-0 list-none text-sans-sm", item.level > 2 && "hidden"),
-          children: /* @__PURE__ */ jsx10(
+          className: cn3("mb-0 list-none text-sans-sm", item.level > 2 && "hidden"),
+          children: /* @__PURE__ */ jsx8(
             Link,
             {
               to: `#${item.id}`,
-              className: cn4(
+              className: cn3(
                 "block border-l py-[4px] pr-4",
                 activeItem === item.id ? "active text-accent-secondary border-accent-secondary hover:text-accent" : "text-tertiary border-secondary hover:text-secondary"
               ),
               style: {
                 paddingLeft: `${0.5 + item.level * 0.5}rem`
               },
-              children: /* @__PURE__ */ jsx10("span", { dangerouslySetInnerHTML: { __html: item.title } })
+              children: /* @__PURE__ */ jsx8("span", { dangerouslySetInnerHTML: { __html: item.title } })
             }
           )
         }
@@ -2102,7 +452,7 @@ var DesktopOutline = ({
     ] }, item.id));
   };
   if (toc && toc.length > 0) {
-    return /* @__PURE__ */ jsx10("ul", { className: "toc", children: renderToc(toc) });
+    return /* @__PURE__ */ jsx8("ul", { className: "toc", children: renderToc(toc) });
   }
   return null;
 };
@@ -2112,27 +462,24 @@ var SmallScreenOutline = ({
   title
 }) => {
   const renderToc = (sections) => {
-    return sections.map((item) => /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(
+    return sections.map((item) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx8(
         "li",
         {
           "data-level": item.level,
-          className: cn4(
-            "AccordionContent hydrated list-none text-sans-sm",
-            item.level > 2 && "hidden"
-          ),
-          children: /* @__PURE__ */ jsx10(
+          className: cn3("list-none text-sans-sm", item.level > 2 && "hidden"),
+          children: /* @__PURE__ */ jsx8(
             Link,
             {
               to: `#${item.id}`,
-              className: cn4(
+              className: cn3(
                 "block border-l py-[4px]",
                 activeItem === item.id ? "active text-accent-secondary border-accent-secondary hover:text-accent" : "text-tertiary border-secondary hover:text-secondary"
               ),
               style: {
                 paddingLeft: `${0.5 + item.level * 0.5}rem`
               },
-              children: /* @__PURE__ */ jsx10("span", { dangerouslySetInnerHTML: { __html: item.title } })
+              children: /* @__PURE__ */ jsx8("span", { dangerouslySetInnerHTML: { __html: item.title } })
             }
           )
         }
@@ -2141,19 +488,19 @@ var SmallScreenOutline = ({
     ] }, item.id));
   };
   if (toc && toc.length > 0) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx8(
       Accordion.Root,
       {
         type: "single",
         className: "sticky top-[calc(var(--header-height)-1px)] z-10 -mt-px mb-10 block max-h-[calc(100vh-var(--header-height)+1px)] w-full overflow-y-scroll border-b border-t bg-default border-secondary 1200:hidden print:hidden",
         collapsible: true,
-        children: /* @__PURE__ */ jsxs9(Accordion.Item, { value: `small-toc-${title}`, children: [
-          /* @__PURE__ */ jsx10(Accordion.Header, { children: /* @__PURE__ */ jsxs9(Accordion.Trigger, { className: "flex h-[--toc-header-height] w-full items-center justify-between px-4 text-sans-md text-default hover:bg-hover 400:px-6 600:px-8 [&>svg]:data-[state=open]:rotate-90", children: [
+        children: /* @__PURE__ */ jsxs7(Accordion.Item, { value: `small-toc-${title}`, children: [
+          /* @__PURE__ */ jsx8(Accordion.Header, { children: /* @__PURE__ */ jsxs7(Accordion.Trigger, { className: "flex h-[--toc-header-height] w-full items-center justify-between px-4 text-sans-md text-default hover:bg-hover 400:px-6 600:px-8 [&>svg]:data-[state=open]:rotate-90", children: [
             "Table of Contents",
             " ",
-            /* @__PURE__ */ jsx10(DirectionRightIcon_default, { className: "transition-all text-tertiary" })
+            /* @__PURE__ */ jsx8(DirectionRightIcon_default, { className: "transition-all text-tertiary" })
           ] }) }),
-          /* @__PURE__ */ jsx10(Accordion.Content, { className: "AccordionContent hydrated w-full border-t px-4 border-secondary 400:px-6 600:px-8", children: /* @__PURE__ */ jsx10("div", { className: "py-4", children: renderToc(toc) }) })
+          /* @__PURE__ */ jsx8(Accordion.Content, { className: "animated-accordion hydrated w-full border-t px-4 border-secondary 400:px-6 600:px-8", children: /* @__PURE__ */ jsx8("div", { className: "py-4", children: renderToc(toc) }) })
         ] })
       }
     );
@@ -3689,36 +2036,35 @@ var loadAsciidoctor = ({
     constructor() {
       this.baseConverter = new ad2.Html5Converter();
     }
-    convert(node2, transform) {
-      switch (node2.getNodeName()) {
+    convert(node, transform) {
+      switch (node.getNodeName()) {
         case "inline_callout":
-          return convertInlineCallout(node2);
+          return convertInlineCallout(node);
         default:
           break;
       }
-      return this.baseConverter.convert(node2, transform);
+      return this.baseConverter.convert(node, transform);
     }
   }
   extensions.forEach((extension) => ad2.Extensions.register(extension));
   ad2.ConverterFactory.register(new InlineConverter2(), ["html5"]);
   return ad2;
 };
-function convertInlineCallout(node2) {
-  return `<i class="conum" data-value="${node2.getText()}"></i>`;
+function convertInlineCallout(node) {
+  return `<i class="conum" data-value="${node.getText()}"></i>`;
 }
-var handleDocument = async (document2) => {
-  const doc = prepareDocument(document2);
+var handleDocument = async (document) => {
+  const doc = prepareDocument(document);
   return await processDocument(doc, highlight);
 };
 
 // components/src/asciidoc/index.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var MinimalDocument = ({ document: document2 }) => /* @__PURE__ */ jsx11("div", { id: "content", className: "asciidoc-body w-full", children: /* @__PURE__ */ jsx11(Content4, { blocks: document2.blocks }) });
+import { jsx as jsx9 } from "react/jsx-runtime";
+var MinimalDocument = ({ document }) => /* @__PURE__ */ jsx9("div", { id: "content", className: "asciidoc-body w-full", children: /* @__PURE__ */ jsx9(Content4, { blocks: document.blocks }) });
 var AsciiDocBlocks = {
   Admonition: Admonition_default,
   Table: Table_default,
   Section: Section_default,
-  Listing: Listing_default,
   MinimalDocument
 };
 var renderWithBreaks = (text) => {
@@ -3743,20 +2089,20 @@ var QUOTE_TAGS = {
   "latexmath": ["\\(", "\\)"]
 };
 var chop = (str) => str.substring(0, str.length - 1);
-var convertInlineQuoted = (node2) => {
-  const type = node2.getType();
+var convertInlineQuoted = (node) => {
+  const type = node.getType();
   const quoteTag = QUOTE_TAGS[type];
   const [open, close, tag] = quoteTag || ["", ""];
-  let text = node2.getText();
+  let text = node.getText();
   if (type === "monospaced") {
     text = renderWithBreaks(text);
   }
-  const id26 = node2.getId();
-  const role = node2.getRole();
-  const idAttr = id26 ? `id="${id26}"` : "";
+  const id = node.getId();
+  const role = node.getRole();
+  const idAttr = id ? `id="${id}"` : "";
   const classAttr = role ? `class="${role}"` : "";
   const attrs2 = `${idAttr} ${classAttr}`;
-  if (id26 || role) {
+  if (id || role) {
     if (tag) {
       return `${chop(open)} ${attrs2}>${text}${close}`;
     } else {
@@ -3766,8 +2112,8 @@ var convertInlineQuoted = (node2) => {
     return `${open}${text}${close}`;
   }
 };
-function convertInlineCallout2(node2) {
-  return `<i class="conum" data-value="${node2.getText()}"></i>`;
+function convertInlineCallout2(node) {
+  return `<i class="conum" data-value="${node.getText()}"></i>`;
 }
 var ad = asciidoctor2();
 var InlineConverter = class {
@@ -3775,22 +2121,22 @@ var InlineConverter = class {
   constructor() {
     this.baseConverter = new ad.Html5Converter();
   }
-  convert(node2, transform) {
-    switch (node2.getNodeName()) {
+  convert(node, transform) {
+    switch (node.getNodeName()) {
       case "inline_quoted":
-        return convertInlineQuoted(node2);
+        return convertInlineQuoted(node);
       case "inline_callout":
-        return convertInlineCallout2(node2);
+        return convertInlineCallout2(node);
       default:
         break;
     }
-    return this.baseConverter.convert(node2, transform);
+    return this.baseConverter.convert(node, transform);
   }
 };
 
 // components/src/ui/badge/Badge.tsx
-import cn5 from "classnames";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import cn4 from "classnames";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var badgeColors = {
   default: {
     default: `ring-1 ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
@@ -3815,25 +2161,25 @@ var Badge = ({
   color = "default",
   variant = "default"
 }) => {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "span",
     {
-      className: cn5(
+      className: cn4(
         "ox-badge",
         `variant-${variant}`,
         "inline-flex h-4 items-center whitespace-nowrap rounded-sm px-[3px] py-[1px] uppercase text-mono-sm",
         badgeColors[variant][color],
         className
       ),
-      children: /* @__PURE__ */ jsx12("span", { children })
+      children: /* @__PURE__ */ jsx10("span", { children })
     }
   );
 };
 
 // components/src/ui/button/Button.tsx
-import cn6 from "classnames";
+import cn5 from "classnames";
 import { forwardRef } from "react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var buttonSizes = ["sm", "icon", "base"];
 var variants = ["primary", "secondary", "ghost", "danger"];
 var sizeStyle = {
@@ -3846,7 +2192,7 @@ var buttonStyle = ({
   size: size2 = "base",
   variant = "primary"
 } = {}) => {
-  return cn6(
+  return cn5(
     "ox-button inline-flex items-center justify-center rounded align-top elevation-1 disabled:cursor-not-allowed",
     `btn-${variant}`,
     sizeStyle[size2],
@@ -3873,10 +2219,10 @@ var Button = forwardRef(
     ...rest
   }, ref) => {
     const isDisabled = disabled || loading;
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs8(
       "button",
       {
-        className: cn6(buttonStyle({ size: size2, variant }), className, {
+        className: cn5(buttonStyle({ size: size2, variant }), className, {
           "visually-disabled": isDisabled
         }),
         ref,
@@ -3886,8 +2232,8 @@ var Button = forwardRef(
         "aria-disabled": isDisabled,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ jsx13(Spinner, { className: "absolute", variant }),
-          /* @__PURE__ */ jsx13("span", { className: cn6("flex items-center", innerClassName, { invisible: loading }), children })
+          loading && /* @__PURE__ */ jsx11(Spinner, { className: "absolute", variant }),
+          /* @__PURE__ */ jsx11("span", { className: cn5("flex items-center", innerClassName, { invisible: loading }), children })
         ]
       }
     );
@@ -3895,9 +2241,9 @@ var Button = forwardRef(
 );
 
 // components/src/ui/spinner/Spinner.tsx
-import cn7 from "classnames";
-import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import cn6 from "classnames";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var spinnerSizes = ["base", "lg"];
 var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
 var Spinner = ({
@@ -3909,7 +2255,7 @@ var Spinner = ({
   const center = size2 === "lg" ? 18 : 6;
   const radius = size2 === "lg" ? 16 : 5;
   const strokeWidth = size2 === "lg" ? 3 : 2;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       width: frameSize,
@@ -3918,9 +2264,9 @@ var Spinner = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-labelledby": "Spinner",
-      className: cn7("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
+      className: cn6("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx12(
           "circle",
           {
             fill: "none",
@@ -3933,7 +2279,7 @@ var Spinner = ({
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx12(
           "circle",
           {
             className: "path",
@@ -3951,7 +2297,7 @@ var Spinner = ({
   );
 };
 var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
-  const [isVisible, setIsVisible] = useState3(isLoading);
+  const [isVisible, setIsVisible] = useState2(isLoading);
   const hideTimeout = useRef2(null);
   const loadingStartTime = useRef2(0);
   useEffect2(() => {
@@ -3974,24 +2320,24 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
         clearTimeout(hideTimeout.current);
     };
   }, [isLoading, minTime]);
-  return isVisible ? /* @__PURE__ */ jsx14(Spinner, {}) : /* @__PURE__ */ jsx14(Fragment4, { children });
+  return isVisible ? /* @__PURE__ */ jsx12(Spinner, {}) : /* @__PURE__ */ jsx12(Fragment3, { children });
 };
 
 // components/src/ui/tabs/Tabs.tsx
 import { Content as Content5, List, Root as Root2, Trigger as Trigger2 } from "@radix-ui/react-tabs";
-import cn8 from "classnames";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import cn7 from "classnames";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Tabs = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx15(Root2, { ...props, className: cn8("ox-tabs", className) }),
-  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx15(Trigger2, { ...props, className: cn8("ox-tab", className), children: /* @__PURE__ */ jsx15("div", { children }) }),
-  List: ({ className, ...props }) => /* @__PURE__ */ jsx15(List, { ...props, className: cn8("ox-tabs-list", className) }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx15(Content5, { ...props, className: cn8("ox-tabs-panel", className) })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx13(Root2, { ...props, className: cn7("ox-tabs", className) }),
+  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx13(Trigger2, { ...props, className: cn7("ox-tab", className), children: /* @__PURE__ */ jsx13("div", { children }) }),
+  List: ({ className, ...props }) => /* @__PURE__ */ jsx13(List, { ...props, className: cn7("ox-tabs-list", className) }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx13(Content5, { ...props, className: cn7("ox-tabs-panel", className) })
 };
 
 // components/src/ui/checkbox/Checkbox.tsx
-import cn9 from "classnames";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-var Check = () => /* @__PURE__ */ jsx16(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
+import cn8 from "classnames";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var Check = () => /* @__PURE__ */ jsx14(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
 var Indeterminate = classed.div`absolute w-2 h-0.5 left-1 top-[7px] bg-accent pointer-events-none`;
 var inputStyle = `
   appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-none
@@ -4005,28 +2351,28 @@ var Checkbox = ({
   children,
   className,
   ...inputProps
-}) => /* @__PURE__ */ jsxs12("label", { className: "inline-flex items-center", children: [
-  /* @__PURE__ */ jsxs12("span", { className: "relative h-4 w-4", children: [
-    /* @__PURE__ */ jsx16(
+}) => /* @__PURE__ */ jsxs10("label", { className: "inline-flex items-center", children: [
+  /* @__PURE__ */ jsxs10("span", { className: "relative h-4 w-4", children: [
+    /* @__PURE__ */ jsx14(
       "input",
       {
-        className: cn9(inputStyle, className),
+        className: cn8(inputStyle, className),
         type: "checkbox",
         ref: (el) => el && (el.indeterminate = !!indeterminate),
         ...inputProps
       }
     ),
-    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx16(Check, {}),
-    indeterminate && /* @__PURE__ */ jsx16(Indeterminate, {})
+    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx14(Check, {}),
+    indeterminate && /* @__PURE__ */ jsx14(Indeterminate, {})
   ] }),
-  children && /* @__PURE__ */ jsx16("span", { className: "ml-2.5 text-sans-md text-secondary", children })
+  children && /* @__PURE__ */ jsx14("span", { className: "ml-2.5 text-sans-md text-secondary", children })
 ] });
 
 // components/src/ui/listbox/Listbox.tsx
 import { FloatingPortal, flip, offset, size, useFloating } from "@floating-ui/react";
 import { Listbox as Select } from "@headlessui/react";
-import cn10 from "classnames";
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import cn9 from "classnames";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var Listbox = ({
   name,
   selected,
@@ -4055,19 +2401,19 @@ var Listbox = ({
   const selectedItem = selected && items.find((i) => i.value === selected);
   const noItems = !isLoading && items.length === 0;
   const isDisabled = disabled || noItems;
-  return /* @__PURE__ */ jsx17("div", { className: cn10("relative", className), children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx15("div", { className: cn9("relative", className), children: /* @__PURE__ */ jsx15(
     Select,
     {
       value: selected,
       onChange: (val) => val !== null && onChange(val),
       disabled: isDisabled || isLoading,
-      children: ({ open }) => /* @__PURE__ */ jsxs13(Fragment5, { children: [
-        /* @__PURE__ */ jsxs13(
+      children: ({ open }) => /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        /* @__PURE__ */ jsxs11(
           Select.Button,
           {
             name,
             ref: refs.setReference,
-            className: cn10(
+            className: cn9(
               `flex h-10 w-full items-center justify-between
                     rounded border text-sans-md`,
               hasError ? "focus-error border-error-secondary hover:border-error" : "border-default hover:border-hover",
@@ -4078,37 +2424,37 @@ var Listbox = ({
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx17("div", { className: "w-full px-3 text-left", children: selectedItem ? (
+              /* @__PURE__ */ jsx15("div", { className: "w-full px-3 text-left", children: selectedItem ? (
                 // labelString is one line, which is what we need when label is a ReactNode
                 selectedItem.labelString || selectedItem.label
-              ) : /* @__PURE__ */ jsx17("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
-              !isDisabled && /* @__PURE__ */ jsx17(SpinnerLoader, { isLoading }),
-              /* @__PURE__ */ jsx17(
+              ) : /* @__PURE__ */ jsx15("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
+              !isDisabled && /* @__PURE__ */ jsx15(SpinnerLoader, { isLoading }),
+              /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx17(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
+                  children: /* @__PURE__ */ jsx15(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx17(FloatingPortal, { children: /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx15(FloatingPortal, { children: /* @__PURE__ */ jsx15(
           Select.Options,
           {
             ref: refs.setFloating,
             style: floatingStyles,
             className: "ox-menu pointer-events-auto z-50 overflow-y-auto !outline-none",
-            children: items.map((item) => /* @__PURE__ */ jsx17(
+            children: items.map((item) => /* @__PURE__ */ jsx15(
               Select.Option,
               {
                 value: item.value,
                 className: "relative border-b border-secondary last:border-0",
-                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx17(
+                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx15(
                   "div",
                   {
-                    className: cn10(
+                    className: cn9(
                       "ox-menu-item text-secondary",
                       selected2 && "is-selected",
                       active && "is-highlighted"
@@ -4151,12 +2497,4 @@ export {
   useIntersectionObserver,
   variants
 };
-/*! Bundled license information:
-
-mermaid/dist/mermaid.core.mjs:
-  (*! Check if previously processed *)
-  (*!
-   * Wait for document loaded before starting the execution
-   *)
-*/
 //# sourceMappingURL=index.js.map