@oxide/design-system 1.7.6--canary.528a130.0 → 1.7.6--canary.ca7d435.0

package/components/dist/index.js

@@ -1,1797 +1,126 @@
-// components/src/asciidoc/index.tsx
-import { Content as Content3 } from "@oxide/react-asciidoc";
-
-// components/src/asciidoc/Admonition.tsx
-import { Content, Title, parse } from "@oxide/react-asciidoc";
-
-// components/src/utils.ts
-import cn from "classnames";
-import { createElement } from "react";
-var titleCase = (text) => {
-  return text.replace(
-    /\w\S*/g,
-    (text2) => text2.charAt(0).toUpperCase() + text2.substring(1).toLowerCase()
-  );
-};
-var make = (tag) => (
-  // only one argument here means string interpolations are not allowed
-  (strings) => {
-    const Comp = ({ className, children, ...rest }) => createElement(tag, { className: cn(strings[0], className), ...rest }, children);
-    Comp.displayName = `classed.${tag}`;
-    return Comp;
-  }
-);
-var classed = {
-  button: make("button"),
-  div: make("div"),
-  h1: make("h1"),
-  h2: make("h2"),
-  h3: make("h3"),
-  h4: make("h4"),
-  hr: make("hr"),
-  header: make("header"),
-  input: make("input"),
-  label: make("label"),
-  li: make("li"),
-  main: make("main"),
-  ol: make("ol"),
-  p: make("p"),
-  span: make("span"),
-  table: make("table"),
-  tbody: make("tbody"),
-  td: make("td"),
-  th: make("th"),
-  tr: make("tr")
-};
-
-// components/src/asciidoc/Admonition.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Admonition = ({ node }) => {
-  const attrs = node.attributes;
-  let icon;
-  if (attrs.name === "caution") {
-    icon = /* @__PURE__ */ jsx(Error12, {});
-  } else if (attrs.name === "warning") {
-    icon = /* @__PURE__ */ jsx(Warning12, {});
-  } else {
-    icon = /* @__PURE__ */ jsx(Error12, { className: "rotate-180" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs.name}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "admonition-icon", children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: "admonition-content content", children: [
-      /* @__PURE__ */ jsx(Title, { text: node.title }),
-      /* @__PURE__ */ jsx("div", { children: titleCase(attrs.name.toString()) }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { text: node.title }),
-        node.content && parse(node.content),
-        /* @__PURE__ */ jsx(Content, { blocks: node.blocks })
-      ] })
-    ] })
-  ] });
-};
-var Error12 = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    className,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
-var Warning12 = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    className,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
-var Admonition_default = Admonition;
-
-// icons/react/Link16Icon.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs2(
-  "svg",
-  {
-    width: 16,
-    height: 16,
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      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" })
-      ] })
-    ]
-  }
-);
-var Link16Icon_default = Link16Icon;
-
-// icons/react/Checkmark12Icon.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Checkmark12Icon = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs3(
-  "svg",
-  {
-    width: 12,
-    height: 12,
-    viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ jsx3("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx3(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M10.492 2.651c.28.242.31.665.067.944L5.447 9.463a.667.667 0 0 1-.974.035L1.475 6.516a.667.667 0 0 1 0-.946l.237-.235a.667.667 0 0 1 .94 0l2.24 2.226L9.3 2.501a.667.667 0 0 1 .938-.068l.253.218Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-var Checkmark12Icon_default = Checkmark12Icon;
-
-// icons/react/SelectArrows6Icon.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var SelectArrows6Icon = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs4(
-  "svg",
-  {
-    width: 6,
-    height: 14,
-    viewBox: "0 0 6 14",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx4(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M3.322.536a.375.375 0 0 0-.644 0L.341 4.432C.19 4.682.37 5 .662 5h4.676a.375.375 0 0 0 .321-.568L3.322.536Zm-.644 12.928a.375.375 0 0 0 .644 0l2.337-3.896A.375.375 0 0 0 5.338 9H.662a.375.375 0 0 0-.321.568l2.337 3.896Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-var SelectArrows6Icon_default = SelectArrows6Icon;
-
-// components/src/asciidoc/Section.tsx
-import { Content as Content2, parse as parse2 } from "@oxide/react-asciidoc";
-import cn2 from "classnames";
-import { createElement as createElement2 } from "react";
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var stripAnchors = (str) => str.replace(/<a[^>]*>(.*?)<\/a>/gi, "$1");
-var Section = ({ node }) => {
-  const level = node.level;
-  let title = "";
-  let sectNum = node.num;
-  sectNum = sectNum === "." ? "" : sectNum;
-  title = /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx5("span", { className: "anchor", id: node.id || "", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs5("a", { className: "link group", href: `#${node.id}`, children: [
-      parse2(stripAnchors(node.title)),
-      /* @__PURE__ */ jsx5(Link16Icon_default, { className: "ml-2 hidden text-accent-secondary group-hover:inline-block" })
-    ] })
-  ] });
-  if (level === 0) {
-    return /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsx5("h1", { className: cn2("sect0", node.role), "data-sectnum": sectNum, children: title }),
-      /* @__PURE__ */ jsx5(Content2, { blocks: node.blocks })
-    ] });
-  } else {
-    return /* @__PURE__ */ jsxs5("div", { className: cn2(`sect${level}`, node.role), children: [
-      createElement2(`h${level + 1}`, { "data-sectnum": sectNum }, title),
-      /* @__PURE__ */ jsx5("div", { className: "sectionbody", children: /* @__PURE__ */ jsx5(Content2, { blocks: node.blocks }) })
-    ] });
-  }
-};
-var Section_default = Section;
-
-// components/src/asciidoc/Table.tsx
-import { Table as InnerTable } from "@oxide/react-asciidoc";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Table = ({ node }) => /* @__PURE__ */ jsx6("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx6(InnerTable, { node }) });
-var Table_default = Table;
-
-// components/src/asciidoc/util.ts
-import asciidoctor from "@asciidoctor/core";
-import {
-  prepareDocument,
-  processDocument
-} from "@oxide/react-asciidoc";
-import {
-  bundledLanguages,
-  getHighlighter
-} from "shiki";
-
-// components/src/asciidoc/langs/oxql.tmLanguage.json
-var oxql_tmLanguage_default = {
-  $schema: "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
-  name: "oxql",
-  repository: {
-    keywords: {
-      patterns: [
-        {
-          name: "keyword.control.oxql",
-          match: "\\b(if|while|for|return)\\b"
-        }
-      ]
-    },
-    strings: {
-      name: "string.quoted.double.oxql",
-      begin: '"',
-      end: '"',
-      patterns: [
-        {
-          name: "constant.character.escape.oxql",
-          match: "\\\\."
-        }
-      ]
-    }
-  },
-  scopeName: "source.oxql",
-  patterns: [
-    {
-      name: "keyword.control.oxql",
-      match: "\\b(get|join|align|filter|group_by)\\b"
-    },
-    {
-      name: "string.quoted.double.oxql",
-      begin: '"',
-      end: '"',
-      patterns: [
-        {
-          name: "constant.character.escape.oxql",
-          match: "\\\\."
-        }
-      ]
-    },
-    {
-      name: "constant.numeric.oxql",
-      match: "\\b\\d+[smhdw]\\b"
-    },
-    {
-      name: "constant.numeric.datetime.oxql",
-      match: "@\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}"
-    },
-    {
-      name: "constant.numeric.function.oxql",
-      match: "@now\\(\\)"
-    },
-    {
-      name: "constant.numeric.oxql",
-      match: "\\b\\d+\\b"
-    },
-    {
-      name: "comment.block.oxql",
-      begin: "/\\*",
-      end: "\\*/"
-    },
-    {
-      name: "comment.line.double-slash.oxql",
-      match: "//.*$"
-    },
-    {
-      name: "keyword.operator.oxql",
-      match: "\\|"
-    }
-  ]
-};
-
-// components/src/asciidoc/oxide-dark.json
-var oxide_dark_default = {
-  name: "Oxide Dark",
-  colors: {
-    "editor.background": "#080F11",
-    "editor.foreground": "#E7E7E8"
-  },
-  tokenColors: [
-    {
-      scope: [
-        "text",
-        "source",
-        "variable.other.readwrite",
-        "punctuation.definition.variable"
-      ],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "punctuation",
-      settings: {
-        foreground: "#A1A4A5",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["comment", "punctuation.definition.comment"],
-      settings: {
-        foreground: "#A1A4A5"
-      }
-    },
-    {
-      scope: ["string", "punctuation.definition.string"],
-      settings: {
-        foreground: "#68D9A7"
-      }
-    },
-    {
-      scope: "constant.character.escape",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: [
-        "constant.numeric",
-        "variable.other.constant",
-        "entity.name.constant",
-        "constant.language.boolean",
-        "constant.language.false",
-        "constant.language.true",
-        "keyword.other.unit.user-defined",
-        "keyword.other.unit.suffix.floating-point"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "keyword",
-        "keyword.operator.word",
-        "keyword.operator.new",
-        "variable.language.super",
-        "support.type.primitive",
-        "storage.type",
-        "storage.modifier",
-        "punctuation.definition.keyword"
-      ],
-      settings: {
-        foreground: "#C6A5EA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "entity.name.tag.documentation",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: [
-        "keyword.operator",
-        "punctuation.accessor",
-        "punctuation.definition.generic",
-        "meta.function.closure punctuation.section.parameters",
-        "punctuation.definition.tag",
-        "punctuation.separator.key-value"
-      ],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: [
-        "entity.name.function",
-        "meta.function-call.method",
-        "support.function",
-        "support.function.misc",
-        "variable.function"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "entity.name.class",
-        "entity.other.inherited-class",
-        "support.class",
-        "meta.function-call.constructor",
-        "entity.name.struct"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "entity.name.enum",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["meta.enum variable.other.readwrite", "variable.other.enummember"],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "meta.property.object",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: ["meta.type", "meta.type-alias", "support.type", "entity.name.type"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "meta.annotation variable.function",
-        "meta.annotation variable.annotation.function",
-        "meta.annotation punctuation.definition.annotation",
-        "meta.decorator",
-        "punctuation.decorator"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["variable.parameter", "meta.function.parameters"],
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: ["constant.language", "support.function.builtin"],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: "entity.other.attribute-name.documentation",
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: ["keyword.control.directive", "punctuation.definition.directive"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "punctuation.definition.typeparameters",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "entity.name.namespace",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "support.type.property-name.css",
-      settings: {
-        foreground: "#9DAFFA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: [
-        "variable.language.this",
-        "variable.language.this punctuation.definition.variable"
-      ],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: "variable.object.property",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: ["string.template variable", "string variable"],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "keyword.operator.new",
-      settings: {
-        fontStyle: "bold"
-      }
-    },
-    {
-      scope: "storage.modifier.specifier.extern.cpp",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: [
-        "entity.name.scope-resolution.template.call.cpp",
-        "entity.name.scope-resolution.parameter.cpp",
-        "entity.name.scope-resolution.cpp",
-        "entity.name.scope-resolution.function.definition.cpp"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "storage.type.class.doxygen",
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["storage.modifier.reference.cpp"],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "meta.interpolation.cs",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "comment.block.documentation.cs",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: [
-        "source.css entity.other.attribute-name.class.css",
-        "entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "punctuation.separator.operator.css",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "source.css entity.other.attribute-name.pseudo-class",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "source.css constant.other.unicode-range",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "source.css variable.parameter.url",
-      settings: {
-        foreground: "#88DCB7",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["support.type.vendored.property-name"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "source.css meta.property-value variable",
-        "source.css meta.property-value variable.other.less",
-        "source.css meta.property-value variable.other.less punctuation.definition.variable.less",
-        "meta.definition.variable.scss"
-      ],
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: [
-        "source.css meta.property-list variable",
-        "meta.property-list variable.other.less",
-        "meta.property-list variable.other.less punctuation.definition.variable.less"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "keyword.other.unit.percentage.css",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "source.css meta.attribute-selector",
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: [
-        "keyword.other.definition.ini",
-        "punctuation.support.type.property-name.json",
-        "support.type.property-name.json",
-        "punctuation.support.type.property-name.toml",
-        "support.type.property-name.toml",
-        "entity.name.tag.yaml",
-        "punctuation.support.type.property-name.yaml",
-        "support.type.property-name.yaml"
-      ],
-      settings: {
-        foreground: "#9DAFFA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["constant.language.json", "constant.language.yaml"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["entity.name.type.anchor.yaml", "variable.other.alias.yaml"],
-      settings: {
-        foreground: "#EDD5A6",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["support.type.property-name.table", "entity.name.section.group-title.ini"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.other.time.datetime.offset.toml",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: ["punctuation.definition.anchor.yaml", "punctuation.definition.alias.yaml"],
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "entity.other.document.begin.yaml",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "markup.changed.diff",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "meta.diff.header.from-file",
-        "meta.diff.header.to-file",
-        "punctuation.definition.from-file.diff",
-        "punctuation.definition.to-file.diff"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "markup.inserted.diff",
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: "markup.deleted.diff",
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: ["variable.other.env"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: ["string.quoted variable.other.env"],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "support.function.builtin.gdscript",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "constant.language.gdscript",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "comment meta.annotation.go",
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: "comment meta.annotation.parameters.go",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.language.go",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "variable.graphql",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "string.unquoted.alias.graphql",
-      settings: {
-        foreground: "#F2CDCD"
-      }
-    },
-    {
-      scope: "constant.character.enum.graphql",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql",
-      settings: {
-        foreground: "#F2CDCD"
-      }
-    },
-    {
-      scope: [
-        "keyword.other.doctype",
-        "meta.tag.sgml.doctype punctuation.definition.tag",
-        "meta.tag.metadata.doctype entity.name.tag",
-        "meta.tag.metadata.doctype punctuation.definition.tag"
-      ],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: ["entity.name.tag"],
-      settings: {
-        foreground: "#9DAFFA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: [
-        "text.html constant.character.entity",
-        "text.html constant.character.entity punctuation",
-        "constant.character.entity.xml",
-        "constant.character.entity.xml punctuation",
-        "constant.character.entity.js.jsx",
-        "constant.charactger.entity.js.jsx punctuation",
-        "constant.character.entity.tsx",
-        "constant.character.entity.tsx punctuation"
-      ],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: ["entity.other.attribute-name"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "support.class.component",
-        "support.class.component.jsx",
-        "support.class.component.tsx",
-        "support.class.component.vue"
-      ],
-      settings: {
-        foreground: "#EFB7C2",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["punctuation.definition.annotation", "storage.type.annotation"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.other.enum.java",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "storage.modifier.import.java",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "comment.block.javadoc.java keyword.other.documentation.javadoc.java",
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "meta.export variable.other.readwrite.js",
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: [
-        "variable.other.constant.js",
-        "variable.other.constant.ts",
-        "variable.other.property.js",
-        "variable.other.property.ts"
-      ],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: ["variable.other.jsdoc", "comment.block.documentation variable.other"],
-      settings: {
-        foreground: "#F39EAE",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "storage.type.class.jsdoc",
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "support.type.object.console.js",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: ["support.constant.node", "support.type.object.module.js"],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "storage.modifier.implements",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: [
-        "constant.language.null.js",
-        "constant.language.null.ts",
-        "constant.language.undefined.js",
-        "constant.language.undefined.ts",
-        "support.type.builtin.ts"
-      ],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "variable.parameter.generic",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["keyword.declaration.function.arrow.js", "storage.type.function.arrow.ts"],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "punctuation.decorator.ts",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "keyword.operator.expression.in.js",
-        "keyword.operator.expression.in.ts",
-        "keyword.operator.expression.infer.ts",
-        "keyword.operator.expression.instanceof.js",
-        "keyword.operator.expression.instanceof.ts",
-        "keyword.operator.expression.is",
-        "keyword.operator.expression.keyof.ts",
-        "keyword.operator.expression.of.js",
-        "keyword.operator.expression.of.ts",
-        "keyword.operator.expression.typeof.ts"
-      ],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "support.function.macro.julia",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "constant.language.julia",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.other.symbol.julia",
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: "text.tex keyword.control.preamble",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "text.tex support.function.be",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "constant.other.general.math.tex",
-      settings: {
-        foreground: "#F2CDCD"
-      }
-    },
-    {
-      scope: "comment.line.double-dash.documentation.lua storage.type.annotation.lua",
-      settings: {
-        foreground: "#C6A5EA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: [
-        "comment.line.double-dash.documentation.lua entity.name.variable.lua",
-        "comment.line.double-dash.documentation.lua variable.lua"
-      ],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: [
-        "heading.1.markdown punctuation.definition.heading.markdown",
-        "heading.1.markdown",
-        "heading.1.quarto punctuation.definition.heading.quarto",
-        "heading.1.quarto",
-        "markup.heading.atx.1.mdx",
-        "markup.heading.atx.1.mdx punctuation.definition.heading.mdx",
-        "markup.heading.setext.1.markdown",
-        "markup.heading.heading-0.asciidoc"
-      ],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: [
-        "heading.2.markdown punctuation.definition.heading.markdown",
-        "heading.2.markdown",
-        "heading.2.quarto punctuation.definition.heading.quarto",
-        "heading.2.quarto",
-        "markup.heading.atx.2.mdx",
-        "markup.heading.atx.2.mdx punctuation.definition.heading.mdx",
-        "markup.heading.setext.2.markdown",
-        "markup.heading.heading-1.asciidoc"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "heading.3.markdown punctuation.definition.heading.markdown",
-        "heading.3.markdown",
-        "heading.3.quarto punctuation.definition.heading.quarto",
-        "heading.3.quarto",
-        "markup.heading.atx.3.mdx",
-        "markup.heading.atx.3.mdx punctuation.definition.heading.mdx",
-        "markup.heading.heading-2.asciidoc"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "heading.4.markdown punctuation.definition.heading.markdown",
-        "heading.4.markdown",
-        "heading.4.quarto punctuation.definition.heading.quarto",
-        "heading.4.quarto",
-        "markup.heading.atx.4.mdx",
-        "markup.heading.atx.4.mdx punctuation.definition.heading.mdx",
-        "markup.heading.heading-3.asciidoc"
-      ],
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: [
-        "heading.5.markdown punctuation.definition.heading.markdown",
-        "heading.5.markdown",
-        "heading.5.quarto punctuation.definition.heading.quarto",
-        "heading.5.quarto",
-        "markup.heading.atx.5.mdx",
-        "markup.heading.atx.5.mdx punctuation.definition.heading.mdx",
-        "markup.heading.heading-4.asciidoc"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "heading.6.markdown punctuation.definition.heading.markdown",
-        "heading.6.markdown",
-        "heading.6.quarto punctuation.definition.heading.quarto",
-        "heading.6.quarto",
-        "markup.heading.atx.6.mdx",
-        "markup.heading.atx.6.mdx punctuation.definition.heading.mdx",
-        "markup.heading.heading-5.asciidoc"
-      ],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "markup.bold",
-      settings: {
-        foreground: "#F7869B",
-        fontStyle: "bold"
-      }
-    },
-    {
-      scope: "markup.italic",
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: "markup.strikethrough",
-      settings: {
-        foreground: "#A6ADC8",
-        fontStyle: "strikethrough"
-      }
-    },
-    {
-      scope: ["punctuation.definition.link", "markup.underline.link"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "text.html.markdown punctuation.definition.link.title",
-        "text.html.quarto punctuation.definition.link.title",
-        "string.other.link.title.markdown",
-        "string.other.link.title.quarto",
-        "markup.link",
-        "punctuation.definition.constant.markdown",
-        "punctuation.definition.constant.quarto",
-        "constant.other.reference.link.markdown",
-        "constant.other.reference.link.quarto",
-        "markup.substitution.attribute-reference"
-      ],
-      settings: {
-        foreground: "#B4BEFE"
-      }
-    },
-    {
-      scope: [
-        "punctuation.definition.raw.markdown",
-        "punctuation.definition.raw.quarto",
-        "markup.inline.raw.string.markdown",
-        "markup.inline.raw.string.quarto",
-        "markup.raw.block.markdown",
-        "markup.raw.block.quarto"
-      ],
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: "fenced_code.block.language",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "markup.fenced_code.block punctuation.definition",
-        "markup.raw support.asciidoc"
-      ],
-      settings: {
-        foreground: "#A1A4A5"
-      }
-    },
-    {
-      scope: ["markup.quote", "punctuation.definition.quote.begin"],
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "meta.separator.markdown",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: [
-        "punctuation.definition.list.begin.markdown",
-        "punctuation.definition.list.begin.quarto",
-        "markup.list.bullet"
-      ],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "markup.heading.quarto",
-      settings: {
-        fontStyle: "bold"
-      }
-    },
-    {
-      scope: [
-        "entity.other.attribute-name.multipart.nix",
-        "entity.other.attribute-name.single.nix"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "variable.parameter.name.nix",
-      settings: {
-        foreground: "#E7E7E8",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "meta.embedded variable.parameter.name.nix",
-      settings: {
-        foreground: "#B4BEFE",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "string.unquoted.path.nix",
-      settings: {
-        foreground: "#EFB7C2",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["support.attribute.builtin", "meta.attribute.php"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "meta.function.parameters.php punctuation.definition.variable.php",
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: "constant.language.php",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "text.html.php support.function",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "keyword.other.phpdoc.php",
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: ["support.variable.magic.python", "meta.function-call.arguments.python"],
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: ["support.function.magic.python"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "variable.parameter.function.language.special.self.python",
-        "variable.language.special.self.python"
-      ],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: ["keyword.control.flow.python", "keyword.operator.logical.python"],
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "storage.type.function.python",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: [
-        "support.token.decorator.python",
-        "meta.function.decorator.identifier.python"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: ["meta.function-call.python"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "entity.name.function.decorator.python",
-        "punctuation.definition.decorator.python"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.character.format.placeholder.other.python",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: ["support.type.exception.python", "support.function.builtin.python"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["support.type.python"],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.language.python",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: ["meta.indexed-name.python", "meta.item-access.python"],
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: "storage.type.string.python",
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: "meta.function.parameters.python",
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: [
-        "string.regexp punctuation.definition.string.begin",
-        "string.regexp punctuation.definition.string.end"
-      ],
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "keyword.control.anchor.regexp",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "string.regexp.ts",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: [
-        "punctuation.definition.group.regexp",
-        "keyword.other.back-reference.regexp"
-      ],
-      settings: {
-        foreground: "#88DCB7"
-      }
-    },
-    {
-      scope: "punctuation.definition.character-class.regexp",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "constant.other.character-class.regexp",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "constant.other.character-class.range.regexp",
-      settings: {
-        foreground: "#F5E0DC"
-      }
-    },
-    {
-      scope: "keyword.operator.quantifier.regexp",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "constant.character.numeric.regexp",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "punctuation.definition.group.no-capture.regexp",
-        "meta.assertion.look-ahead.regexp",
-        "meta.assertion.negative-look-ahead.regexp"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: [
-        "meta.annotation.rust",
-        "meta.annotation.rust punctuation",
-        "meta.attribute.rust",
-        "punctuation.definition.attribute.rust"
-      ],
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "meta.attribute.rust string.quoted.double.rust",
-        "meta.attribute.rust string.quoted.single.char.rust"
-      ],
-      settings: {
-        fontStyle: ""
-      }
-    },
-    {
-      scope: [
-        "entity.name.function.macro.rules.rust",
-        "storage.type.module.rust",
-        "storage.modifier.rust",
-        "storage.type.struct.rust",
-        "storage.type.enum.rust",
-        "storage.type.trait.rust",
-        "storage.type.union.rust",
-        "storage.type.impl.rust",
-        "storage.type.rust",
-        "storage.type.function.rust",
-        "storage.type.type.rust"
-      ],
-      settings: {
-        foreground: "#C6A5EA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "entity.name.type.numeric.rust",
-      settings: {
-        foreground: "#C6A5EA",
-        fontStyle: ""
-      }
-    },
-    {
-      scope: "meta.generic.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "entity.name.impl.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "entity.name.module.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "entity.name.trait.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "storage.type.source.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "entity.name.union.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: "meta.enum.rust storage.type.source.rust",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: [
-        "support.macro.rust",
-        "meta.macro.rust support.function.rust",
-        "entity.name.function.macro.rust"
-      ],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: ["storage.modifier.lifetime.rust", "entity.name.type.lifetime"],
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "string.quoted.double.rust constant.other.placeholder.rust",
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "meta.function.return-type.rust meta.generic.rust storage.type.rust",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "meta.function.call.rust",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "punctuation.brackets.angle.rust",
-      settings: {
-        foreground: "#9DAFFA"
-      }
-    },
-    {
-      scope: "constant.other.caps.rust",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: ["meta.function.definition.rust variable.other.rust"],
-      settings: {
-        foreground: "#F39EAE"
-      }
-    },
-    {
-      scope: "meta.function.call.rust variable.other.rust",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "variable.language.self.rust",
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: [
-        "variable.other.metavariable.name.rust",
-        "meta.macro.metavariable.rust keyword.operator.macro.dollar.rust"
-      ],
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: [
-        "comment.line.shebang",
-        "comment.line.shebang punctuation.definition.comment",
-        "comment.line.shebang",
-        "punctuation.definition.comment.shebang.shell",
-        "meta.shebang.shell"
-      ],
-      settings: {
-        foreground: "#EFB7C2"
-      }
-    },
-    {
-      scope: "comment.line.shebang constant.language",
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: [
-        "meta.function-call.arguments.shell punctuation.definition.variable.shell",
-        "meta.function-call.arguments.shell punctuation.section.interpolation",
-        "meta.function-call.arguments.shell punctuation.definition.variable.shell",
-        "meta.function-call.arguments.shell punctuation.section.interpolation"
-      ],
-      settings: {
-        foreground: "#F7869B"
-      }
-    },
-    {
-      scope: "meta.string meta.interpolation.parameter.shell variable.other.readwrite",
-      settings: {
-        foreground: "#EDD5A6"
-      }
-    },
-    {
-      scope: [
-        "source.shell punctuation.section.interpolation",
-        "punctuation.definition.evaluation.backticks.shell"
-      ],
-      settings: {
-        foreground: "#A7E0C8"
-      }
-    },
-    {
-      scope: "entity.name.tag.heredoc.shell",
-      settings: {
-        foreground: "#C6A5EA"
-      }
-    },
-    {
-      scope: "string.quoted.double.shell variable.other.normal.shell",
-      settings: {
-        foreground: "#E7E7E8"
-      }
-    },
-    {
-      scope: "token.info-token",
-      settings: {
-        foreground: "#8BA1FF"
-      }
-    },
-    {
-      scope: "token.warn-token",
-      settings: {
-        foreground: "#F5B944"
-      }
-    },
-    {
-      scope: "token.error-token",
-      settings: {
-        foreground: "#FB6E88"
-      }
-    },
-    {
-      scope: "token.debug-token",
-      settings: {
-        foreground: "#BE95EB"
-      }
-    }
-  ]
-};
+// components/src/asciidoc/Admonition.tsx
+import { Content, Title, parse } from "@oxide/react-asciidoc";
 
-// components/src/asciidoc/util.ts
-var highlighter = null;
-var customLanguages = ["oxql"];
-var supportedLanguages = [...Object.keys(bundledLanguages), ...customLanguages];
-async function getOrCreateHighlighter() {
-  if (!highlighter) {
-    const langs = [];
-    langs.push({
-      ...oxql_tmLanguage_default
-    });
-    highlighter = await getHighlighter({
-      themes: [oxide_dark_default],
-      langs
-    });
+// components/src/utils.ts
+import cn from "classnames";
+import { createElement } from "react";
+var titleCase = (text) => {
+  return text.replace(
+    /\w\S*/g,
+    (text2) => text2.charAt(0).toUpperCase() + text2.substring(1).toLowerCase()
+  );
+};
+var make = (tag) => (
+  // only one argument here means string interpolations are not allowed
+  (strings) => {
+    const Comp = ({ className, children, ...rest }) => createElement(tag, { className: cn(strings[0], className), ...rest }, children);
+    Comp.displayName = `classed.${tag}`;
+    return Comp;
   }
-  return highlighter;
-}
-var highlight = async (block) => {
-  if (block.type === "listing") {
-    const literalBlock = block;
-    if (!literalBlock.content) {
-      return block;
-    }
-    const calloutRegex = /<i class="conum" data-value="\d+"><\/i>/g;
-    const callouts = [];
-    const placeholderContent = literalBlock.content.replace(calloutRegex, (match) => {
-      callouts.push(match);
-      return `__CALLOUT_PLACEHOLDER_${callouts.length - 1}__`;
-    });
-    if (!literalBlock.language) {
-      return {
-        ...block,
-        content: placeholderContent.replace(
-          /__CALLOUT_PLACEHOLDER_(\d+)__/g,
-          (_, index) => callouts[parseInt(index)]
-        )
-      };
-    }
-    let lang = literalBlock.language;
-    const h = await getOrCreateHighlighter();
-    const loadedLanguages = h.getLoadedLanguages();
-    if (!supportedLanguages.includes(lang)) {
-      lang = "text";
-    }
-    if (!loadedLanguages.includes(lang)) {
-      await h.loadLanguage(lang);
-    }
-    const highlightedContent = h.codeToHtml(placeholderContent, {
-      lang,
-      theme: oxide_dark_default,
-      structure: "inline"
-    });
-    const restoredContent = highlightedContent.replace(
-      /__CALLOUT_PLACEHOLDER_(\d+)__/g,
-      (_, index) => callouts[parseInt(index)]
-    );
-    return {
-      ...block,
-      content: restoredContent
-    };
+);
+var classed = {
+  button: make("button"),
+  div: make("div"),
+  h1: make("h1"),
+  h2: make("h2"),
+  h3: make("h3"),
+  h4: make("h4"),
+  hr: make("hr"),
+  header: make("header"),
+  input: make("input"),
+  label: make("label"),
+  li: make("li"),
+  main: make("main"),
+  ol: make("ol"),
+  p: make("p"),
+  span: make("span"),
+  table: make("table"),
+  tbody: make("tbody"),
+  td: make("td"),
+  th: make("th"),
+  tr: make("tr")
+};
+
+// components/src/asciidoc/Admonition.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Admonition = ({ node }) => {
+  const attrs = node.attributes;
+  let icon;
+  if (attrs.name === "caution") {
+    icon = /* @__PURE__ */ jsx(Error12, {});
+  } else if (attrs.name === "warning") {
+    icon = /* @__PURE__ */ jsx(Warning12, {});
+  } else {
+    icon = /* @__PURE__ */ jsx(Error12, { className: "rotate-180" });
   }
-  return block;
+  return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs.name}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "admonition-icon", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "admonition-content content", children: [
+      /* @__PURE__ */ jsx(Title, { text: node.title }),
+      /* @__PURE__ */ jsx("div", { children: titleCase(attrs.name.toString()) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { text: node.title }),
+        node.content && parse(node.content),
+        /* @__PURE__ */ jsx(Content, { blocks: node.blocks })
+      ] })
+    ] })
+  ] });
 };
-var loadAsciidoctor = ({
-  extensions = []
-}) => {
-  const ad = asciidoctor();
-  class InlineConverter {
-    baseConverter;
-    constructor() {
-      this.baseConverter = new ad.Html5Converter();
-    }
-    convert(node, transform) {
-      switch (node.getNodeName()) {
-        case "inline_callout":
-          return convertInlineCallout(node);
-        default:
-          break;
+var Error12 = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z",
+        fill: "currentColor"
       }
-      return this.baseConverter.convert(node, transform);
-    }
+    )
   }
-  extensions.forEach((extension) => ad.Extensions.register(extension));
-  ad.ConverterFactory.register(new InlineConverter(), ["html5"]);
-  return ad;
-};
-function convertInlineCallout(node) {
-  return `<i class="conum" data-value="${node.getText()}"></i>`;
-}
-var handleDocument = async (document) => {
-  const doc = prepareDocument(document);
-  return await processDocument(doc, highlight);
-};
+);
+var Warning12 = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    className,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Zm.083-9c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 7h-.166a.667.667 0 0 1-.667-.667V3.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var Admonition_default = Admonition;
+
+// components/src/asciidoc/Table.tsx
+import { Table as InnerTable } from "@oxide/react-asciidoc";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Table = ({ node }) => /* @__PURE__ */ jsx2("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx2(InnerTable, { node }) });
+var Table_default = Table;
 
-// components/src/asciidoc/index.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var MinimalDocument = ({ document }) => /* @__PURE__ */ jsx7("div", { id: "content", className: "asciidoc-body w-full", children: /* @__PURE__ */ jsx7(Content3, { blocks: document.blocks }) });
+// components/src/asciidoc/index.ts
 var AsciiDocBlocks = {
   Admonition: Admonition_default,
-  Table: Table_default,
-  Section: Section_default,
-  MinimalDocument
+  Table: Table_default
 };
 
 // components/src/ui/badge/Badge.tsx
-import cn3 from "classnames";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import cn2 from "classnames";
+import { jsx as jsx3 } 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)]`,
@@ -1816,25 +145,25 @@ var Badge = ({
   color = "default",
   variant = "default"
 }) => {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
-      className: cn3(
+      className: cn2(
         "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__ */ jsx8("span", { children })
+      children: /* @__PURE__ */ jsx3("span", { children })
     }
   );
 };
 
 // components/src/ui/button/Button.tsx
-import cn4 from "classnames";
+import cn3 from "classnames";
 import { forwardRef } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonSizes = ["sm", "icon", "base"];
 var variants = ["primary", "secondary", "ghost", "danger"];
 var sizeStyle = {
@@ -1847,7 +176,7 @@ var buttonStyle = ({
   size: size2 = "base",
   variant = "primary"
 } = {}) => {
-  return cn4(
+  return cn3(
     "ox-button inline-flex items-center justify-center rounded align-top elevation-1 disabled:cursor-not-allowed",
     `btn-${variant}`,
     sizeStyle[size2],
@@ -1874,10 +203,10 @@ var Button = forwardRef(
     ...rest
   }, ref) => {
     const isDisabled = disabled || loading;
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs2(
       "button",
       {
-        className: cn4(buttonStyle({ size: size2, variant }), className, {
+        className: cn3(buttonStyle({ size: size2, variant }), className, {
           "visually-disabled": isDisabled
         }),
         ref,
@@ -1887,8 +216,8 @@ var Button = forwardRef(
         "aria-disabled": isDisabled,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ jsx9(Spinner, { className: "absolute", variant }),
-          /* @__PURE__ */ jsx9("span", { className: cn4("flex items-center", innerClassName, { invisible: loading }), children })
+          loading && /* @__PURE__ */ jsx4(Spinner, { className: "absolute", variant }),
+          /* @__PURE__ */ jsx4("span", { className: cn3("flex items-center", innerClassName, { invisible: loading }), children })
         ]
       }
     );
@@ -1896,9 +225,9 @@ var Button = forwardRef(
 );
 
 // components/src/ui/spinner/Spinner.tsx
-import cn5 from "classnames";
+import cn4 from "classnames";
 import { useEffect, useRef, useState } from "react";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var spinnerSizes = ["base", "lg"];
 var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
 var Spinner = ({
@@ -1910,7 +239,7 @@ var Spinner = ({
   const center = size2 === "lg" ? 18 : 6;
   const radius = size2 === "lg" ? 16 : 5;
   const strokeWidth = size2 === "lg" ? 3 : 2;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs3(
     "svg",
     {
       width: frameSize,
@@ -1919,9 +248,9 @@ var Spinner = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-labelledby": "Spinner",
-      className: cn5("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
+      className: cn4("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx5(
           "circle",
           {
             fill: "none",
@@ -1934,7 +263,7 @@ var Spinner = ({
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx5(
           "circle",
           {
             className: "path",
@@ -1975,24 +304,88 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
         clearTimeout(hideTimeout.current);
     };
   }, [isLoading, minTime]);
-  return isVisible ? /* @__PURE__ */ jsx10(Spinner, {}) : /* @__PURE__ */ jsx10(Fragment2, { children });
+  return isVisible ? /* @__PURE__ */ jsx5(Spinner, {}) : /* @__PURE__ */ jsx5(Fragment, { children });
 };
 
 // components/src/ui/tabs/Tabs.tsx
-import { Content as Content4, List, Root, Trigger } from "@radix-ui/react-tabs";
-import cn6 from "classnames";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Content as Content2, List, Root, Trigger } from "@radix-ui/react-tabs";
+import cn5 from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var Tabs = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx11(Root, { ...props, className: cn6("ox-tabs", className) }),
-  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx11(Trigger, { ...props, className: cn6("ox-tab", className), children: /* @__PURE__ */ jsx11("div", { children }) }),
-  List: ({ className, ...props }) => /* @__PURE__ */ jsx11(List, { ...props, className: cn6("ox-tabs-list", className) }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx11(Content4, { ...props, className: cn6("ox-tabs-panel", className) })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx6(Root, { ...props, className: cn5("ox-tabs", className) }),
+  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx6(Trigger, { ...props, className: cn5("ox-tab", className), children: /* @__PURE__ */ jsx6("div", { children }) }),
+  List: ({ className, ...props }) => /* @__PURE__ */ jsx6(List, { ...props, className: cn5("ox-tabs-list", className) }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx6(Content2, { ...props, className: cn5("ox-tabs-panel", className) })
 };
 
+// icons/react/Checkmark12Icon.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var Checkmark12Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs4(
+  "svg",
+  {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx7(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M10.492 2.651c.28.242.31.665.067.944L5.447 9.463a.667.667 0 0 1-.974.035L1.475 6.516a.667.667 0 0 1 0-.946l.237-.235a.667.667 0 0 1 .94 0l2.24 2.226L9.3 2.501a.667.667 0 0 1 .938-.068l.253.218Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
+var Checkmark12Icon_default = Checkmark12Icon;
+
+// icons/react/SelectArrows6Icon.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var SelectArrows6Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs5(
+  "svg",
+  {
+    width: 6,
+    height: 14,
+    viewBox: "0 0 6 14",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx8(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.322.536a.375.375 0 0 0-.644 0L.341 4.432C.19 4.682.37 5 .662 5h4.676a.375.375 0 0 0 .321-.568L3.322.536Zm-.644 12.928a.375.375 0 0 0 .644 0l2.337-3.896A.375.375 0 0 0 5.338 9H.662a.375.375 0 0 0-.321.568l2.337 3.896Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
+var SelectArrows6Icon_default = SelectArrows6Icon;
+
 // components/src/ui/checkbox/Checkbox.tsx
-import cn7 from "classnames";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-var Check = () => /* @__PURE__ */ jsx12(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
+import cn6 from "classnames";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var Check = () => /* @__PURE__ */ jsx9(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
@@ -2006,28 +399,28 @@ var Checkbox = ({
   children,
   className,
   ...inputProps
-}) => /* @__PURE__ */ jsxs8("label", { className: "inline-flex items-center", children: [
-  /* @__PURE__ */ jsxs8("span", { className: "relative h-4 w-4", children: [
-    /* @__PURE__ */ jsx12(
+}) => /* @__PURE__ */ jsxs6("label", { className: "inline-flex items-center", children: [
+  /* @__PURE__ */ jsxs6("span", { className: "relative h-4 w-4", children: [
+    /* @__PURE__ */ jsx9(
       "input",
       {
-        className: cn7(inputStyle, className),
+        className: cn6(inputStyle, className),
         type: "checkbox",
         ref: (el) => el && (el.indeterminate = !!indeterminate),
         ...inputProps
       }
     ),
-    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx12(Check, {}),
-    indeterminate && /* @__PURE__ */ jsx12(Indeterminate, {})
+    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx9(Check, {}),
+    indeterminate && /* @__PURE__ */ jsx9(Indeterminate, {})
   ] }),
-  children && /* @__PURE__ */ jsx12("span", { className: "ml-2.5 text-sans-md text-secondary", children })
+  children && /* @__PURE__ */ jsx9("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 cn8 from "classnames";
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import cn7 from "classnames";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var Listbox = ({
   name,
   selected,
@@ -2056,19 +449,19 @@ var Listbox = ({
   const selectedItem = selected && items.find((i) => i.value === selected);
   const noItems = !isLoading && items.length === 0;
   const isDisabled = disabled || noItems;
-  return /* @__PURE__ */ jsx13("div", { className: cn8("relative", className), children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx10("div", { className: cn7("relative", className), children: /* @__PURE__ */ jsx10(
     Select,
     {
       value: selected,
       onChange: (val) => val !== null && onChange(val),
       disabled: isDisabled || isLoading,
-      children: ({ open }) => /* @__PURE__ */ jsxs9(Fragment3, { children: [
-        /* @__PURE__ */ jsxs9(
+      children: ({ open }) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        /* @__PURE__ */ jsxs7(
           Select.Button,
           {
             name,
             ref: refs.setReference,
-            className: cn8(
+            className: cn7(
               `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",
@@ -2079,37 +472,37 @@ var Listbox = ({
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx13("div", { className: "w-full px-3 text-left", children: selectedItem ? (
+              /* @__PURE__ */ jsx10("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__ */ jsx13("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
-              !isDisabled && /* @__PURE__ */ jsx13(SpinnerLoader, { isLoading }),
-              /* @__PURE__ */ jsx13(
+              ) : /* @__PURE__ */ jsx10("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
+              !isDisabled && /* @__PURE__ */ jsx10(SpinnerLoader, { isLoading }),
+              /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx13(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
+                  children: /* @__PURE__ */ jsx10(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx13(FloatingPortal, { children: /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx10(FloatingPortal, { children: /* @__PURE__ */ jsx10(
           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__ */ jsx13(
+            children: items.map((item) => /* @__PURE__ */ jsx10(
               Select.Option,
               {
                 value: item.value,
                 className: "relative border-b border-secondary last:border-0",
-                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx13(
+                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx10(
                   "div",
                   {
-                    className: cn8(
+                    className: cn7(
                       "ox-menu-item text-secondary",
                       selected2 && "is-selected",
                       active && "is-highlighted"
@@ -2138,9 +531,6 @@ export {
   badgeColors,
   buttonSizes,
   buttonStyle,
-  handleDocument,
-  highlight,
-  loadAsciidoctor,
   spinnerSizes,
   spinnerVariants,
   variants