@multiplatform.one/components 0.2.0

package/dist/jsx/mdx/hooks/useCompileMdx.mjs

@@ -0,0 +1,55 @@
+import { useState, useEffect } from "react";
+function useCompileMdx(source, options) {
+  const [code, setCode] = useState();
+  const [frontmatter, setFrontmatter] = useState();
+  useEffect(() => {
+    (async () => {
+      const [
+        { compile },
+        { default: grayMatter },
+        { default: rehypeAutolinkHeadings },
+        { default: rehypeSlug },
+        { default: remarkFrontmatter },
+        { default: remarkMdxFrontmatter },
+        { rehypeHighlightCode },
+        { rehypeMetaAttributes }
+      ] = await Promise.all([
+        import("@mdx-js/mdx"),
+        import("gray-matter"),
+        import("rehype-autolink-headings"),
+        import("rehype-slug"),
+        import("remark-frontmatter"),
+        import("remark-mdx-frontmatter"),
+        import("../util/rehypeHighlightCode"),
+        import("../util/rehypeMetaAttributes")
+      ]);
+      const { value } = await compile(source, {
+        ...options,
+        development: false,
+        outputFormat: "function-body",
+        useDynamicImport: true,
+        remarkPlugins: [
+          ...options?.remarkPlugins || [],
+          [remarkMdxFrontmatter, { name: "frontmatter" }],
+          remarkFrontmatter
+        ],
+        rehypePlugins: [
+          ...options?.rehypePlugins || [],
+          rehypeAutolinkHeadings,
+          rehypeHighlightCode,
+          rehypeMetaAttributes,
+          rehypeSlug
+        ]
+      });
+      setCode(value.toString());
+      setFrontmatter(grayMatter(source));
+    })();
+  }, [source, options]);
+  if (!code || !frontmatter)
+    return {};
+  return { code, frontmatter };
+}
+export {
+  useCompileMdx
+};
+//# sourceMappingURL=useCompileMdx.mjs.map

package/dist/jsx/mdx/hooks/useCompileMdx.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/useCompileMdx.ts"],
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAE7B,SAAS,cACd,QACA,SAIA;AACA,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B;AACrD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0C;AAEhF,YAAU,MAAM;AACd,KAAC,YAAY;AACX,YAAM;AAAA,QACJ,EAAE,QAAQ;AAAA,QACV,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,uBAAuB;AAAA,QAClC,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,kBAAkB;AAAA,QAC7B,EAAE,SAAS,qBAAqB;AAAA,QAChC,EAAE,oBAAoB;AAAA,QACtB,EAAE,qBAAqB;AAAA,MACzB,IAAI,MAAM,QAAQ,IAAI;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,0BAA0B;AAAA,QACjC,OAAO,aAAa;AAAA,QACpB,OAAO,oBAAoB;AAAA,QAC3B,OAAO,wBAAwB;AAAA,QAC/B,OAAO,6BAA6B;AAAA,QACpC,OAAO,8BAA8B;AAAA,MACvC,CAAC;AACD,YAAM,EAAE,MAAM,IAAI,MAAM,QAAQ,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B,CAAC,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,QACA,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AACD,cAAQ,MAAM,SAAS,CAAC;AACxB,qBAAe,WAAW,MAAM,CAAC;AAAA,IACnC,GAAG;AAAA,EACL,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,QAAQ,CAAC;AAAa,WAAO,CAAC;AACnC,SAAO,EAAE,MAAM,YAAY;AAC7B;",
+  "names": []
+}

package/dist/jsx/mdx/hooks/useEvaluateMdx.js

@@ -0,0 +1,25 @@
+import * as jsxRuntime from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+function useEvaluateMdx(code, options) {
+  const [Component, setComponent] = useState();
+  useEffect(() => {
+    if (!code)
+      return;
+    setComponent(() => evaluateMdx(code, options));
+  }, [code, options]);
+  return Component;
+}
+function evaluateMdx(code, options) {
+  return run(code, {
+    ...jsxRuntime,
+    ...options
+  }).default;
+}
+const AsyncFunction = Object.getPrototypeOf(run).constructor;
+function run(code, options) {
+  return new AsyncFunction(String(code))(options);
+}
+export {
+  useEvaluateMdx
+};
+//# sourceMappingURL=useEvaluateMdx.js.map

package/dist/jsx/mdx/hooks/useEvaluateMdx.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/useEvaluateMdx.ts"],
+  "mappings": "AAAA,YAAY,gBAAgB;AAG5B,SAAS,UAAU,iBAAiB;AAE7B,SAAS,eAAe,MAAe,SAA+B;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8D;AAEhG,YAAU,MAAM;AACd,QAAI,CAAC;AAAM;AACX,iBAAa,MAAM,YAAY,MAAM,OAAO,CAAC;AAAA,EAC/C,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;AAEA,SAAS,YAAY,MAAc,SAA+B;AAChE,SAAO,IAAI,MAAM;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC,EAAE;AACL;AAEA,MAAM,gBAAgB,OAAO,eAAe,GAAG,EAAE;AACjD,SAAS,IAAI,MAAc,SAA8B;AACvD,SAAO,IAAI,cAAc,OAAO,IAAI,CAAC,EAAE,OAAO;AAChD;",
+  "names": []
+}

package/dist/jsx/mdx/hooks/useEvaluateMdx.mjs

@@ -0,0 +1,25 @@
+import * as jsxRuntime from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+function useEvaluateMdx(code, options) {
+  const [Component, setComponent] = useState();
+  useEffect(() => {
+    if (!code)
+      return;
+    setComponent(() => evaluateMdx(code, options));
+  }, [code, options]);
+  return Component;
+}
+function evaluateMdx(code, options) {
+  return run(code, {
+    ...jsxRuntime,
+    ...options
+  }).default;
+}
+const AsyncFunction = Object.getPrototypeOf(run).constructor;
+function run(code, options) {
+  return new AsyncFunction(String(code))(options);
+}
+export {
+  useEvaluateMdx
+};
+//# sourceMappingURL=useEvaluateMdx.mjs.map

package/dist/jsx/mdx/hooks/useEvaluateMdx.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/useEvaluateMdx.ts"],
+  "mappings": "AAAA,YAAY,gBAAgB;AAG5B,SAAS,UAAU,iBAAiB;AAE7B,SAAS,eAAe,MAAe,SAA+B;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8D;AAEhG,YAAU,MAAM;AACd,QAAI,CAAC;AAAM;AACX,iBAAa,MAAM,YAAY,MAAM,OAAO,CAAC;AAAA,EAC/C,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;AAEA,SAAS,YAAY,MAAc,SAA+B;AAChE,SAAO,IAAI,MAAM;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC,EAAE;AACL;AAEA,MAAM,gBAAgB,OAAO,eAAe,GAAG,EAAE;AACjD,SAAS,IAAI,MAAc,SAA8B;AACvD,SAAO,IAAI,cAAc,OAAO,IAAI,CAAC,EAAE,OAAO;AAChD;",
+  "names": []
+}

package/dist/jsx/mdx/index.js

@@ -0,0 +1,9 @@
+export * from "./ExternalIcon";
+export * from "./HR";
+export * from "./LI";
+export * from "./MDX";
+export * from "./MDXCodeBlock";
+export * from "./UL";
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/mdx/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/mdx/index.mjs

@@ -0,0 +1,9 @@
+export * from "./ExternalIcon";
+export * from "./HR";
+export * from "./LI";
+export * from "./MDX";
+export * from "./MDXCodeBlock";
+export * from "./UL";
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/mdx/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/mdx/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightCode.js

@@ -0,0 +1,28 @@
+import rangeParser from "parse-numeric-range";
+import tsx from "refractor/lang/tsx";
+import { refractor } from "refractor";
+import { rehypeHighlightLine } from "./rehypeHighlightLine";
+import { rehypeHighlightWord } from "./rehypeHighlightWord";
+import { toString } from "hast-util-to-string";
+import { visit } from "unist-util-visit";
+refractor.register(tsx);
+function rehypeHighlightCode(_options = {}) {
+  function visitor(node, index, parent) {
+    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className) {
+      return;
+    }
+    const [, lang] = node.properties.className[0].split("-");
+    const codeString = toString(node);
+    let result = refractor.highlight(codeString, lang);
+    const linesToHighlight = rangeParser(node.properties.line || "0");
+    result = rehypeHighlightLine(result, linesToHighlight);
+    node.children = rehypeHighlightWord(result);
+  }
+  return (tree) => {
+    visit(tree, "element", visitor);
+  };
+}
+export {
+  rehypeHighlightCode
+};
+//# sourceMappingURL=rehypeHighlightCode.js.map

package/dist/jsx/mdx/util/rehypeHighlightCode.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightCode.ts"],
+  "mappings": "AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,UAAU,SAAS,GAAG;AAEf,SAAS,oBAAoB,WAAW,CAAC,GAAG;AACjD,WAAS,QAAQ,MAAW,OAAY,QAAa;AACnD,QAAI,CAAC,UAAU,OAAO,YAAY,SAAS,KAAK,YAAY,UAAU,CAAC,KAAK,WAAW,WAAW;AAChG;AAAA,IACF;AACA,UAAM,CAAC,EAAE,IAAI,IAAI,KAAK,WAAW,UAAU,CAAC,EAAE,MAAM,GAAG;AACvD,UAAM,aAAa,SAAS,IAAI;AAChC,QAAI,SAAS,UAAU,UAAU,YAAY,IAAI;AACjD,UAAM,mBAAmB,YAAY,KAAK,WAAW,QAAQ,GAAG;AAChE,aAAS,oBAAoB,QAAQ,gBAAgB;AACrD,SAAK,WAAW,oBAAoB,MAAM;AAAA,EAC5C;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,OAAO;AAAA,EAChC;AACF;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightCode.mjs

@@ -0,0 +1,28 @@
+import rangeParser from "parse-numeric-range";
+import tsx from "refractor/lang/tsx";
+import { refractor } from "refractor";
+import { rehypeHighlightLine } from "./rehypeHighlightLine";
+import { rehypeHighlightWord } from "./rehypeHighlightWord";
+import { toString } from "hast-util-to-string";
+import { visit } from "unist-util-visit";
+refractor.register(tsx);
+function rehypeHighlightCode(_options = {}) {
+  function visitor(node, index, parent) {
+    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className) {
+      return;
+    }
+    const [, lang] = node.properties.className[0].split("-");
+    const codeString = toString(node);
+    let result = refractor.highlight(codeString, lang);
+    const linesToHighlight = rangeParser(node.properties.line || "0");
+    result = rehypeHighlightLine(result, linesToHighlight);
+    node.children = rehypeHighlightWord(result);
+  }
+  return (tree) => {
+    visit(tree, "element", visitor);
+  };
+}
+export {
+  rehypeHighlightCode
+};
+//# sourceMappingURL=rehypeHighlightCode.mjs.map

package/dist/jsx/mdx/util/rehypeHighlightCode.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightCode.ts"],
+  "mappings": "AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,UAAU,SAAS,GAAG;AAEf,SAAS,oBAAoB,WAAW,CAAC,GAAG;AACjD,WAAS,QAAQ,MAAW,OAAY,QAAa;AACnD,QAAI,CAAC,UAAU,OAAO,YAAY,SAAS,KAAK,YAAY,UAAU,CAAC,KAAK,WAAW,WAAW;AAChG;AAAA,IACF;AACA,UAAM,CAAC,EAAE,IAAI,IAAI,KAAK,WAAW,UAAU,CAAC,EAAE,MAAM,GAAG;AACvD,UAAM,aAAa,SAAS,IAAI;AAChC,QAAI,SAAS,UAAU,UAAU,YAAY,IAAI;AACjD,UAAM,mBAAmB,YAAY,KAAK,WAAW,QAAQ,GAAG;AAChE,aAAS,oBAAoB,QAAQ,gBAAgB;AACrD,SAAK,WAAW,oBAAoB,MAAM;AAAA,EAC5C;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,OAAO;AAAA,EAChC;AACF;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightLine.js

@@ -0,0 +1,98 @@
+import parse from "rehype-parse";
+import { toHtml } from "hast-util-to-html";
+import { unified } from "unified";
+function rehypeHighlightLine(ast, lines) {
+  const formattedAst = applyMultilineFix(ast);
+  const numbered = lineNumberify(formattedAst).nodes;
+  return wrapLines(numbered, lines);
+}
+function lineNumberify(ast, lineNum = 1) {
+  let lineNumber = lineNum;
+  return ast.reduce(
+    (result, node) => {
+      if (node.type === "text") {
+        if (node.value.indexOf("\n") === -1) {
+          node.lineNumber = lineNumber;
+          result.nodes.push(node);
+          return result;
+        }
+        const lines = node.value.split("\n");
+        for (let i = 0; i < lines.length; i++) {
+          if (i !== 0)
+            ++lineNumber;
+          if (i === lines.length - 1 && lines[i].length === 0)
+            continue;
+          result.nodes.push({
+            type: "text",
+            value: i === lines.length - 1 ? lines[i] : `${lines[i]}
+`,
+            lineNumber
+          });
+        }
+        result.lineNumber = lineNumber;
+        return result;
+      }
+      if (node.children) {
+        node.lineNumber = lineNumber;
+        const processed = lineNumberify(node.children, lineNumber);
+        node.children = processed.nodes;
+        result.lineNumber = processed.lineNumber;
+        result.nodes.push(node);
+        return result;
+      }
+      result.nodes.push(node);
+      return result;
+    },
+    { nodes: [], lineNumber }
+  );
+}
+function wrapLines(ast, linesToHighlight) {
+  const highlightAll = linesToHighlight.length === 1 && linesToHighlight[0] === 0;
+  const allLines = Array.from(new Set(ast.map((x) => x.lineNumber)));
+  let i = 0;
+  const wrapped = allLines.reduce((nodes, marker) => {
+    const line = marker;
+    const children = [];
+    for (; i < ast.length; i++) {
+      if (ast[i].lineNumber < line) {
+        nodes.push(ast[i]);
+        continue;
+      }
+      if (ast[i].lineNumber === line) {
+        children.push(ast[i]);
+        continue;
+      }
+      if (ast[i].lineNumber > line) {
+        break;
+      }
+    }
+    nodes.push({
+      type: "element",
+      tagName: "div",
+      properties: {
+        dataLine: line,
+        className: "highlight-line",
+        dataHighlighted: linesToHighlight.includes(line) || highlightAll ? "true" : "false"
+      },
+      children,
+      lineNumber: line
+    });
+    return nodes;
+  }, []);
+  return wrapped;
+}
+const MULTILINE_TOKEN_SPAN = /<span class="token ([^"]+)">[^<]*\n[^<]*<\/span>/g;
+function applyMultilineFix(ast) {
+  let html = toHtml(ast);
+  html = html.replace(
+    MULTILINE_TOKEN_SPAN,
+    (match, token) => match.replace(/\n/g, `</span>
+<span class="token ${token}">`)
+  );
+  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(html);
+  return hast.children;
+}
+export {
+  rehypeHighlightLine
+};
+//# sourceMappingURL=rehypeHighlightLine.js.map

package/dist/jsx/mdx/util/rehypeHighlightLine.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightLine.ts"],
+  "mappings": "AAEA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,SAAS,oBAAoB,KAAU,OAAc;AAC1D,QAAM,eAAe,kBAAkB,GAAG;AAC1C,QAAM,WAAW,cAAc,YAAY,EAAE;AAC7C,SAAO,UAAU,UAAU,KAAK;AAClC;AAEA,SAAS,cAAc,KAAU,UAAU,GAAG;AAC5C,MAAI,aAAa;AACjB,SAAO,IAAI;AAAA,IACT,CAAC,QAAa,SAAc;AAC1B,UAAI,KAAK,SAAS,QAAQ;AACxB,YAAI,KAAK,MAAM,QAAQ,IAAI,MAAM,IAAI;AACnC,eAAK,aAAa;AAClB,iBAAO,MAAM,KAAK,IAAI;AACtB,iBAAO;AAAA,QACT;AACA,cAAM,QAAQ,KAAK,MAAM,MAAM,IAAI;AACnC,iBAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,cAAI,MAAM;AAAG,cAAE;AACf,cAAI,MAAM,MAAM,SAAS,KAAK,MAAM,CAAC,EAAE,WAAW;AAAG;AACrD,iBAAO,MAAM,KAAK;AAAA,YAChB,MAAM;AAAA,YACN,OAAO,MAAM,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;AAAA;AAAA,YACrD;AAAA,UACF,CAAC;AAAA,QACH;AACA,eAAO,aAAa;AACpB,eAAO;AAAA,MACT;AACA,UAAI,KAAK,UAAU;AACjB,aAAK,aAAa;AAClB,cAAM,YAAY,cAAc,KAAK,UAAU,UAAU;AACzD,aAAK,WAAW,UAAU;AAC1B,eAAO,aAAa,UAAU;AAC9B,eAAO,MAAM,KAAK,IAAI;AACtB,eAAO;AAAA,MACT;AACA,aAAO,MAAM,KAAK,IAAI;AACtB,aAAO;AAAA,IACT;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,WAAuB;AAAA,EACtC;AACF;AAEA,SAAS,UAAU,KAAY,kBAAuB;AACpD,QAAM,eAAe,iBAAiB,WAAW,KAAK,iBAAiB,CAAC,MAAM;AAC9E,QAAM,WAAkB,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACxE,MAAI,IAAI;AACR,QAAM,UAAU,SAAS,OAAO,CAAC,OAAO,WAAW;AACjD,UAAM,OAAO;AACb,UAAM,WAAkB,CAAC;AACzB,WAAO,IAAI,IAAI,QAAQ,KAAK;AAC1B,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B,cAAM,KAAK,IAAI,CAAC,CAAC;AACjB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,eAAe,MAAM;AAC9B,iBAAS,KAAK,IAAI,CAAC,CAAC;AACpB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B;AAAA,MACF;AAAA,IACF;AACA,UAAM,KAAK;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB,iBAAiB,SAAS,IAAI,KAAK,eAAe,SAAS;AAAA,MAC9E;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAGA,MAAM,uBAAuB;AAE7B,SAAS,kBAAkB,KAAU;AAEnC,MAAI,OAAO,OAAO,GAAG;AAErB,SAAO,KAAK;AAAA,IAAQ;AAAA,IAAsB,CAAC,OAAO,UAChD,MAAM,QAAQ,OAAO;AAAA,qBAA+B,SAAS;AAAA,EAC/D;AAEA,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,IAAI;AACvF,SAAO,KAAK;AACd;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightLine.mjs

@@ -0,0 +1,98 @@
+import parse from "rehype-parse";
+import { toHtml } from "hast-util-to-html";
+import { unified } from "unified";
+function rehypeHighlightLine(ast, lines) {
+  const formattedAst = applyMultilineFix(ast);
+  const numbered = lineNumberify(formattedAst).nodes;
+  return wrapLines(numbered, lines);
+}
+function lineNumberify(ast, lineNum = 1) {
+  let lineNumber = lineNum;
+  return ast.reduce(
+    (result, node) => {
+      if (node.type === "text") {
+        if (node.value.indexOf("\n") === -1) {
+          node.lineNumber = lineNumber;
+          result.nodes.push(node);
+          return result;
+        }
+        const lines = node.value.split("\n");
+        for (let i = 0; i < lines.length; i++) {
+          if (i !== 0)
+            ++lineNumber;
+          if (i === lines.length - 1 && lines[i].length === 0)
+            continue;
+          result.nodes.push({
+            type: "text",
+            value: i === lines.length - 1 ? lines[i] : `${lines[i]}
+`,
+            lineNumber
+          });
+        }
+        result.lineNumber = lineNumber;
+        return result;
+      }
+      if (node.children) {
+        node.lineNumber = lineNumber;
+        const processed = lineNumberify(node.children, lineNumber);
+        node.children = processed.nodes;
+        result.lineNumber = processed.lineNumber;
+        result.nodes.push(node);
+        return result;
+      }
+      result.nodes.push(node);
+      return result;
+    },
+    { nodes: [], lineNumber }
+  );
+}
+function wrapLines(ast, linesToHighlight) {
+  const highlightAll = linesToHighlight.length === 1 && linesToHighlight[0] === 0;
+  const allLines = Array.from(new Set(ast.map((x) => x.lineNumber)));
+  let i = 0;
+  const wrapped = allLines.reduce((nodes, marker) => {
+    const line = marker;
+    const children = [];
+    for (; i < ast.length; i++) {
+      if (ast[i].lineNumber < line) {
+        nodes.push(ast[i]);
+        continue;
+      }
+      if (ast[i].lineNumber === line) {
+        children.push(ast[i]);
+        continue;
+      }
+      if (ast[i].lineNumber > line) {
+        break;
+      }
+    }
+    nodes.push({
+      type: "element",
+      tagName: "div",
+      properties: {
+        dataLine: line,
+        className: "highlight-line",
+        dataHighlighted: linesToHighlight.includes(line) || highlightAll ? "true" : "false"
+      },
+      children,
+      lineNumber: line
+    });
+    return nodes;
+  }, []);
+  return wrapped;
+}
+const MULTILINE_TOKEN_SPAN = /<span class="token ([^"]+)">[^<]*\n[^<]*<\/span>/g;
+function applyMultilineFix(ast) {
+  let html = toHtml(ast);
+  html = html.replace(
+    MULTILINE_TOKEN_SPAN,
+    (match, token) => match.replace(/\n/g, `</span>
+<span class="token ${token}">`)
+  );
+  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(html);
+  return hast.children;
+}
+export {
+  rehypeHighlightLine
+};
+//# sourceMappingURL=rehypeHighlightLine.mjs.map

package/dist/jsx/mdx/util/rehypeHighlightLine.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightLine.ts"],
+  "mappings": "AAEA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,eAAe;AAEjB,SAAS,oBAAoB,KAAU,OAAc;AAC1D,QAAM,eAAe,kBAAkB,GAAG;AAC1C,QAAM,WAAW,cAAc,YAAY,EAAE;AAC7C,SAAO,UAAU,UAAU,KAAK;AAClC;AAEA,SAAS,cAAc,KAAU,UAAU,GAAG;AAC5C,MAAI,aAAa;AACjB,SAAO,IAAI;AAAA,IACT,CAAC,QAAa,SAAc;AAC1B,UAAI,KAAK,SAAS,QAAQ;AACxB,YAAI,KAAK,MAAM,QAAQ,IAAI,MAAM,IAAI;AACnC,eAAK,aAAa;AAClB,iBAAO,MAAM,KAAK,IAAI;AACtB,iBAAO;AAAA,QACT;AACA,cAAM,QAAQ,KAAK,MAAM,MAAM,IAAI;AACnC,iBAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,cAAI,MAAM;AAAG,cAAE;AACf,cAAI,MAAM,MAAM,SAAS,KAAK,MAAM,CAAC,EAAE,WAAW;AAAG;AACrD,iBAAO,MAAM,KAAK;AAAA,YAChB,MAAM;AAAA,YACN,OAAO,MAAM,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;AAAA;AAAA,YACrD;AAAA,UACF,CAAC;AAAA,QACH;AACA,eAAO,aAAa;AACpB,eAAO;AAAA,MACT;AACA,UAAI,KAAK,UAAU;AACjB,aAAK,aAAa;AAClB,cAAM,YAAY,cAAc,KAAK,UAAU,UAAU;AACzD,aAAK,WAAW,UAAU;AAC1B,eAAO,aAAa,UAAU;AAC9B,eAAO,MAAM,KAAK,IAAI;AACtB,eAAO;AAAA,MACT;AACA,aAAO,MAAM,KAAK,IAAI;AACtB,aAAO;AAAA,IACT;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,WAAuB;AAAA,EACtC;AACF;AAEA,SAAS,UAAU,KAAY,kBAAuB;AACpD,QAAM,eAAe,iBAAiB,WAAW,KAAK,iBAAiB,CAAC,MAAM;AAC9E,QAAM,WAAkB,MAAM,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACxE,MAAI,IAAI;AACR,QAAM,UAAU,SAAS,OAAO,CAAC,OAAO,WAAW;AACjD,UAAM,OAAO;AACb,UAAM,WAAkB,CAAC;AACzB,WAAO,IAAI,IAAI,QAAQ,KAAK;AAC1B,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B,cAAM,KAAK,IAAI,CAAC,CAAC;AACjB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,eAAe,MAAM;AAC9B,iBAAS,KAAK,IAAI,CAAC,CAAC;AACpB;AAAA,MACF;AACA,UAAI,IAAI,CAAC,EAAE,aAAa,MAAM;AAC5B;AAAA,MACF;AAAA,IACF;AACA,UAAM,KAAK;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB,iBAAiB,SAAS,IAAI,KAAK,eAAe,SAAS;AAAA,MAC9E;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAGA,MAAM,uBAAuB;AAE7B,SAAS,kBAAkB,KAAU;AAEnC,MAAI,OAAO,OAAO,GAAG;AAErB,SAAO,KAAK;AAAA,IAAQ;AAAA,IAAsB,CAAC,OAAO,UAChD,MAAM,QAAQ,OAAO;AAAA,qBAA+B,SAAS;AAAA,EAC/D;AAEA,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,IAAI;AACvF,SAAO,KAAK;AACd;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightWord.js

@@ -0,0 +1,14 @@
+import parse from "rehype-parse";
+import { toHtml } from "hast-util-to-html";
+import { unified } from "unified";
+const CALLOUT = /__(.*?)__/g;
+function rehypeHighlightWord(code) {
+  const html = toHtml(code);
+  const result = html.replace(CALLOUT, (_, text) => `<span class="highlight-word">${text}</span>`);
+  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(result);
+  return hast.children;
+}
+export {
+  rehypeHighlightWord
+};
+//# sourceMappingURL=rehypeHighlightWord.js.map

package/dist/jsx/mdx/util/rehypeHighlightWord.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightWord.ts"],
+  "mappings": "AAEA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,MAAM,UAAU;AAET,SAAS,oBAAoB,MAAwB;AAC1D,QAAM,OAAO,OAAO,IAAI;AACxB,QAAM,SAAS,KAAK,QAAQ,SAAS,CAAC,GAAG,SAAS,gCAAgC,aAAa;AAC/F,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,MAAM;AACzF,SAAO,KAAK;AACd;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeHighlightWord.mjs

@@ -0,0 +1,14 @@
+import parse from "rehype-parse";
+import { toHtml } from "hast-util-to-html";
+import { unified } from "unified";
+const CALLOUT = /__(.*?)__/g;
+function rehypeHighlightWord(code) {
+  const html = toHtml(code);
+  const result = html.replace(CALLOUT, (_, text) => `<span class="highlight-word">${text}</span>`);
+  const hast = unified().use(parse, { emitParseErrors: true, fragment: true }).parse(result);
+  return hast.children;
+}
+export {
+  rehypeHighlightWord
+};
+//# sourceMappingURL=rehypeHighlightWord.mjs.map

package/dist/jsx/mdx/util/rehypeHighlightWord.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeHighlightWord.ts"],
+  "mappings": "AAEA,OAAO,WAAW;AAElB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,MAAM,UAAU;AAET,SAAS,oBAAoB,MAAwB;AAC1D,QAAM,OAAO,OAAO,IAAI;AACxB,QAAM,SAAS,KAAK,QAAQ,SAAS,CAAC,GAAG,SAAS,gCAAgC,aAAa;AAC/F,QAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,EAAE,iBAAiB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,MAAM;AACzF,SAAO,KAAK;AACd;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeMetaAttributes.js

@@ -0,0 +1,20 @@
+import { visit } from "unist-util-visit";
+const re = /\b([-\w]+)(?:=(?:"([^"]*)"|'([^']*)'|([^"'\s]+)))?/g;
+function rehypeMetaAttributes(_options = {}) {
+  function onElement(node) {
+    let match;
+    if (node.tagName === "code" && node.data && node.data.meta) {
+      re.lastIndex = 0;
+      while (match = re.exec(node.data.meta)) {
+        node.properties[match[1]] = match[2] || match[3] || match[4] || "";
+      }
+    }
+  }
+  return (tree) => {
+    visit(tree, "element", onElement);
+  };
+}
+export {
+  rehypeMetaAttributes
+};
+//# sourceMappingURL=rehypeMetaAttributes.js.map

package/dist/jsx/mdx/util/rehypeMetaAttributes.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeMetaAttributes.ts"],
+  "mappings": "AAEA,SAAS,aAAa;AACtB,MAAM,KAAK;AAEJ,SAAS,qBAAqB,WAAW,CAAC,GAAG;AAClD,WAAS,UAAU,MAAW;AAC5B,QAAI;AACJ,QAAI,KAAK,YAAY,UAAU,KAAK,QAAQ,KAAK,KAAK,MAAM;AAC1D,SAAG,YAAY;AACf,aAAQ,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI,GAAI;AACxC,aAAK,WAAW,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK;AAAA,MAClE;AAAA,IACF;AAAA,EACF;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,SAAS;AAAA,EAClC;AACF;",
+  "names": []
+}

package/dist/jsx/mdx/util/rehypeMetaAttributes.mjs

@@ -0,0 +1,20 @@
+import { visit } from "unist-util-visit";
+const re = /\b([-\w]+)(?:=(?:"([^"]*)"|'([^']*)'|([^"'\s]+)))?/g;
+function rehypeMetaAttributes(_options = {}) {
+  function onElement(node) {
+    let match;
+    if (node.tagName === "code" && node.data && node.data.meta) {
+      re.lastIndex = 0;
+      while (match = re.exec(node.data.meta)) {
+        node.properties[match[1]] = match[2] || match[3] || match[4] || "";
+      }
+    }
+  }
+  return (tree) => {
+    visit(tree, "element", onElement);
+  };
+}
+export {
+  rehypeMetaAttributes
+};
+//# sourceMappingURL=rehypeMetaAttributes.mjs.map

package/dist/jsx/mdx/util/rehypeMetaAttributes.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/util/rehypeMetaAttributes.ts"],
+  "mappings": "AAEA,SAAS,aAAa;AACtB,MAAM,KAAK;AAEJ,SAAS,qBAAqB,WAAW,CAAC,GAAG;AAClD,WAAS,UAAU,MAAW;AAC5B,QAAI;AACJ,QAAI,KAAK,YAAY,UAAU,KAAK,QAAQ,KAAK,KAAK,MAAM;AAC1D,SAAG,YAAY;AACf,aAAQ,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI,GAAI;AACxC,aAAK,WAAW,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK;AAAA,MAClE;AAAA,IACF;AAAA,EACF;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,SAAS;AAAA,EAClC;AACF;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js

@@ -0,0 +1,19 @@
+import { SimpleAlertDialog } from "./index";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimpleAlertDialog",
+  component: SimpleAlertDialog,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+><Text>Click here</Text></SimpleAlertDialog>;
+var SImpleAlertDialog_stories_default = meta;
+export {
+  SImpleAlertDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SImpleAlertDialog.stories.js.map

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,CAGP,CAAC,KAAK,UAAU,EAAf,KACH,EARC;AAUH,IAAO,oCAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.mjs

@@ -0,0 +1,19 @@
+import { SimpleAlertDialog } from "./index";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimpleAlertDialog",
+  component: SimpleAlertDialog,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+><Text>Click here</Text></SimpleAlertDialog>;
+var SImpleAlertDialog_stories_default = meta;
+export {
+  SImpleAlertDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SImpleAlertDialog.stories.mjs.map

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,CAGP,CAAC,KAAK,UAAU,EAAf,KACH,EARC;AAUH,IAAO,oCAAQ;",
+  "names": []
+}