@koide-labs/ui 0.0.7 → 0.0.9

package/dist/components/code/index.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as ne, jsx as j } from "react/jsx-runtime";
-import { c as re } from "../../clsx-OuTLNxxd.js";
+import { jsxs as re, jsx as P } from "react/jsx-runtime";
+import { c as J } from "../../clsx-OuTLNxxd.js";
 import { useMemo as ie } from "react";
-import { Surface as J } from "../surface/index.js";
+import { Surface as V } from "../surface/index.js";
 import { Text as se } from "../text/index.js";
 import { View as ue } from "../view/index.js";
-import '../../index22.css';var V = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import '../../index22.css';var K = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function le(b) {
   return b && b.__esModule && Object.prototype.hasOwnProperty.call(b, "default") ? b.default : b;
 }
-var Z = { exports: {} }, K;
+var Z = { exports: {} }, Q;
 function oe() {
-  return K || (K = 1, (function(b) {
-    var z = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
+  return Q || (Q = 1, (function(b) {
+    var j = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
     var i = (function(g) {
       var f = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, F = 0, A = {}, s = {
         /**
@@ -358,8 +358,8 @@ function oe() {
                 a.hasOwnProperty(o) || (l[o] = r[o]);
               }
             var d = n[t];
-            return n[t] = l, s.languages.DFS(s.languages, function(v, k) {
-              k === d && v != t && (this[v] = l);
+            return n[t] = l, s.languages.DFS(s.languages, function(v, _) {
+              _ === d && v != t && (this[v] = l);
             }), l;
           },
           // Traverse a language definition with Depth First Search
@@ -454,8 +454,8 @@ function oe() {
             grammar: r,
             code: o
           };
-          function d(k) {
-            u.highlightedCode = k, s.hooks.run("before-insert", u), u.element.innerHTML = u.highlightedCode, s.hooks.run("after-highlight", u), s.hooks.run("complete", u), a && a.call(u.element);
+          function d(_) {
+            u.highlightedCode = _, s.hooks.run("before-insert", u), u.element.innerHTML = u.highlightedCode, s.hooks.run("after-highlight", u), s.hooks.run("complete", u), a && a.call(u.element);
           }
           if (s.hooks.run("before-sanity-check", u), l = u.element.parentElement, l && l.nodeName.toLowerCase() === "pre" && !l.hasAttribute("tabindex") && l.setAttribute("tabindex", "0"), !u.code) {
             s.hooks.run("complete", u), a && a.call(u.element);
@@ -467,8 +467,8 @@ function oe() {
           }
           if (e && g.Worker) {
             var v = new Worker(s.filename);
-            v.onmessage = function(k) {
-              d(k.data);
+            v.onmessage = function(_) {
+              d(_.data);
             }, v.postMessage(JSON.stringify({
               language: u.language,
               code: u.code,
@@ -539,7 +539,7 @@ function oe() {
             delete e.rest;
           }
           var r = new T();
-          return S(r, r.head, t), P(t, r, e, r.head, 0), L(r);
+          return S(r, r.head, t), I(t, r, e, r.head, 0), M(r);
         },
         /**
          * @namespace
@@ -618,7 +618,7 @@ function oe() {
         }
         return r;
       }
-      function P(t, e, a, n, r, l) {
+      function I(t, e, a, n, r, l) {
         for (var o in a)
           if (!(!a.hasOwnProperty(o) || !a[o])) {
             var u = a[o];
@@ -626,41 +626,41 @@ function oe() {
             for (var d = 0; d < u.length; ++d) {
               if (l && l.cause == o + "," + d)
                 return;
-              var v = u[d], k = v.inside, W = !!v.lookbehind, N = !!v.greedy, Q = v.alias;
+              var v = u[d], _ = v.inside, W = !!v.lookbehind, N = !!v.greedy, ee = v.alias;
               if (N && !v.pattern.global) {
-                var ee = v.pattern.toString().match(/[imsuy]*$/)[0];
-                v.pattern = RegExp(v.pattern.source, ee + "g");
+                var te = v.pattern.toString().match(/[imsuy]*$/)[0];
+                v.pattern = RegExp(v.pattern.source, te + "g");
               }
               for (var X = v.pattern || v, m = n.next, w = r; m !== e.tail && !(l && w >= l.reach); w += m.value.length, m = m.next) {
                 var E = m.value;
                 if (e.length > t.length)
                   return;
                 if (!(E instanceof y)) {
-                  var I = 1, x;
+                  var z = 1, x;
                   if (N) {
                     if (x = $(X, w, t, W), !x || x.index >= t.length)
                       break;
-                    var M = x.index, te = x.index + x[0].length, _ = w;
-                    for (_ += m.value.length; M >= _; )
-                      m = m.next, _ += m.value.length;
-                    if (_ -= m.value.length, w = _, m.value instanceof y)
+                    var D = x.index, ae = x.index + x[0].length, k = w;
+                    for (k += m.value.length; D >= k; )
+                      m = m.next, k += m.value.length;
+                    if (k -= m.value.length, w = k, m.value instanceof y)
                       continue;
-                    for (var C = m; C !== e.tail && (_ < te || typeof C.value == "string"); C = C.next)
-                      I++, _ += C.value.length;
-                    I--, E = t.slice(w, _), x.index -= w;
+                    for (var C = m; C !== e.tail && (k < ae || typeof C.value == "string"); C = C.next)
+                      z++, k += C.value.length;
+                    z--, E = t.slice(w, k), x.index -= w;
                   } else if (x = $(X, 0, E, W), !x)
                     continue;
-                  var M = x.index, D = x[0], q = E.slice(0, M), Y = E.slice(M + D.length), G = w + E.length;
+                  var D = x.index, O = x[0], q = E.slice(0, D), Y = E.slice(D + O.length), G = w + E.length;
                   l && G > l.reach && (l.reach = G);
-                  var O = m.prev;
-                  q && (O = S(e, O, q), w += q.length), H(e, O, I);
-                  var ae = new y(o, k ? s.tokenize(D, k) : D, Q, D);
-                  if (m = S(e, O, ae), Y && S(e, m, Y), I > 1) {
+                  var R = m.prev;
+                  q && (R = S(e, R, q), w += q.length), H(e, R, z);
+                  var ne = new y(o, _ ? s.tokenize(O, _) : O, ee, O);
+                  if (m = S(e, R, ne), Y && S(e, m, Y), z > 1) {
                     var U = {
                       cause: o + "," + d,
                       reach: G
                     };
-                    P(t, e, a, m.prev, w, U), l && U.reach > l.reach && (l.reach = U.reach);
+                    I(t, e, a, m.prev, w, U), l && U.reach > l.reach && (l.reach = U.reach);
                   }
                 }
               }
@@ -680,7 +680,7 @@ function oe() {
           n = n.next;
         e.next = n, n.prev = e, t.length -= r;
       }
-      function L(t) {
+      function M(t) {
         for (var e = [], a = t.head.next; a !== t.tail; )
           e.push(a.value), a = a.next;
         return e;
@@ -700,8 +700,8 @@ function oe() {
         h === "loading" || h === "interactive" && p && p.defer ? document.addEventListener("DOMContentLoaded", c) : window.requestAnimationFrame ? window.requestAnimationFrame(c) : window.setTimeout(c, 16);
       }
       return s;
-    })(z);
-    b.exports && (b.exports = i), typeof V < "u" && (V.Prism = i), i.languages.markup = {
+    })(j);
+    b.exports && (b.exports = i), typeof K < "u" && (K.Prism = i), i.languages.markup = {
       comment: {
         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
         greedy: !0
@@ -1091,7 +1091,7 @@ function oe() {
         bat: "batch",
         h: "c",
         tex: "latex"
-      }, s = "data-src-status", y = "loading", $ = "loaded", P = "failed", T = "pre[data-src]:not([" + s + '="' + $ + '"]):not([' + s + '="' + y + '"])';
+      }, s = "data-src-status", y = "loading", $ = "loaded", I = "failed", T = "pre[data-src]:not([" + s + '="' + $ + '"]):not([' + s + '="' + y + '"])';
       function S(p, c, h) {
         var t = new XMLHttpRequest();
         t.open("GET", p, !0), t.onreadystatechange = function() {
@@ -1136,7 +1136,7 @@ function oe() {
               h.textContent = r, i.highlightElement(h);
             },
             function(r) {
-              c.setAttribute(s, P), h.textContent = r;
+              c.setAttribute(s, I), h.textContent = r;
             }
           );
         }
@@ -1153,45 +1153,46 @@ function oe() {
             i.highlightElement(e);
         }
       };
-      var L = !1;
+      var M = !1;
       i.fileHighlight = function() {
-        L || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), L = !0), i.plugins.fileHighlight.highlight.apply(this, arguments);
+        M || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), M = !0), i.plugins.fileHighlight.highlight.apply(this, arguments);
       };
     })();
   })(Z)), Z.exports;
 }
 var ge = oe();
-const B = /* @__PURE__ */ le(ge), ce = "_code_1uijz_1", de = "_code_title_1uijz_6", fe = "_code__value_1uijz_10", pe = "_code__title_1uijz_15", R = {
-  code: ce,
-  code_title: de,
-  code__value: fe,
-  code__title: pe
+const B = /* @__PURE__ */ le(ge), ce = "_code__root_1cnms_1", de = "_code_1cnms_1", fe = "_code_title_1cnms_12", pe = "_code__value_1cnms_16", he = "_code__title_1cnms_21", L = {
+  code__root: ce,
+  code: de,
+  code_title: fe,
+  code__value: pe,
+  code__title: he
 };
-function xe({
+function Ae({
   language: b = "javascript",
-  children: z = "",
+  children: j = "",
   title: i,
   className: g
 }) {
   const f = ie(
     () => B.highlight(
-      z,
+      j,
       B.languages[b] ?? B.languages.javascript,
       b
     ),
-    [z, b]
+    [j, b]
   );
-  return /* @__PURE__ */ ne(ue, { className: g, children: [
-    i ? /* @__PURE__ */ j(J, { elevated: !0, className: R.code__title, children: /* @__PURE__ */ j(se, { size: "sm", color: "dimmer", children: i }) }) : null,
-    /* @__PURE__ */ j(
-      J,
+  return /* @__PURE__ */ re(ue, { className: J(L.code__root, g), children: [
+    i ? /* @__PURE__ */ P(V, { elevated: !0, className: L.code__title, children: /* @__PURE__ */ P(se, { size: "sm", color: "dimmer", children: i }) }) : null,
+    /* @__PURE__ */ P(
+      V,
       {
         elevated: !0,
-        className: re(R.code, i && R.code_title),
-        children: /* @__PURE__ */ j("pre", { children: /* @__PURE__ */ j(
+        className: J(L.code, i && L.code_title),
+        children: /* @__PURE__ */ P("pre", { children: /* @__PURE__ */ P(
           "code",
           {
-            className: R.code__value,
+            className: L.code__value,
             dangerouslySetInnerHTML: {
               __html: f
             }
@@ -1202,5 +1203,5 @@ function xe({
   ] });
 }
 export {
-  xe as Code
+  Ae as Code
 };

package/dist/index22.css

@@ -1 +1 @@
-._code_1uijz_1{border-radius:var(--border-radius-default);padding:var(--space-8)}._code_title_1uijz_6{border-top-left-radius:0}._code__value_1uijz_10{font-size:var(--font-size-default);font-family:var(--font-family-code)}._code__title_1uijz_15{border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default);padding:var(--space-4) var(--space-8);width:-moz-fit-content;width:fit-content}
+._code__root_1cnms_1{border-radius:var(--border-radius-default);overflow:hidden}._code_1cnms_1{border-radius:var(--border-radius-default);padding:var(--space-8);overflow-x:auto}._code_title_1cnms_12{border-top-left-radius:0}._code__value_1cnms_16{font-size:var(--font-size-default);font-family:var(--font-family-code)}._code__title_1cnms_21{border-top-right-radius:var(--border-radius-default);border-top-left-radius:var(--border-radius-default);padding:var(--space-4) var(--space-8);width:-moz-fit-content;width:fit-content}

package/dist/integrations/react-markdown/index.js

@@ -1,12 +1,13 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import s from "react-markdown";
-import { omit as e } from "../../-utils.js";
+import { omit as a } from "../../-utils.js";
 import { Anchor as i } from "../../components/anchor/index.js";
 import { Code as w } from "../../components/code/index.js";
-import { Heading as n } from "../../components/heading/index.js";
-import { S as k } from "../../index-DVjyPAD4.js";
+import { Heading as m } from "../../components/heading/index.js";
+import { InlineCode as k } from "../../components/inline-code/index.js";
+import { S as h } from "../../index-DVjyPAD4.js";
 import { Text as l } from "../../components/text/index.js";
-import { View as h } from "../../components/view/index.js";
+import { View as u } from "../../components/view/index.js";
 import '../../index2.css';const _ = {
   "react-markdown__h1": "_react-markdown__h1_slb08_6",
   "react-markdown__h2": "_react-markdown__h2_slb08_7",
@@ -21,129 +22,130 @@ import '../../index2.css';const _ = {
   "react-markdown__img-root": "_react-markdown__img-root_slb08_45",
   "react-markdown__img": "_react-markdown__img_slb08_45"
 };
-function y({
-  components: o,
+function z({
+  components: n,
   children: t,
   ...c
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(
     s,
     {
       ...c,
       components: {
-        h1: (r) => /* @__PURE__ */ a(
-          n,
+        h1: (r) => /* @__PURE__ */ e(
+          m,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             level: 1,
             className: _["react-markdown__h1"]
           }
         ),
-        h2: (r) => /* @__PURE__ */ a(
-          n,
+        h2: (r) => /* @__PURE__ */ e(
+          m,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             level: 2,
             className: _["react-markdown__h2"]
           }
         ),
-        h3: (r) => /* @__PURE__ */ a(
-          n,
+        h3: (r) => /* @__PURE__ */ e(
+          m,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             level: 3,
             className: _["react-markdown__h3"]
           }
         ),
-        h4: (r) => /* @__PURE__ */ a(
-          n,
+        h4: (r) => /* @__PURE__ */ e(
+          m,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             level: 4,
             className: _["react-markdown__h4"]
           }
         ),
-        h5: (r) => /* @__PURE__ */ a(
-          n,
+        h5: (r) => /* @__PURE__ */ e(
+          m,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             level: 5,
             className: _["react-markdown__h5"]
           }
         ),
-        p: (r) => /* @__PURE__ */ a(
+        p: (r) => /* @__PURE__ */ e(
           l,
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             multiline: !0,
             className: _["react-markdown__p"]
           }
         ),
-        hr: () => /* @__PURE__ */ a(k, {}),
-        ul: (r) => /* @__PURE__ */ a(
+        hr: () => /* @__PURE__ */ e(h, {}),
+        ul: (r) => /* @__PURE__ */ e(
           "ul",
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             className: _["react-markdown__ul"]
           }
         ),
-        ol: (r) => /* @__PURE__ */ a(
+        ol: (r) => /* @__PURE__ */ e(
           "ul",
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             className: _["react-markdown__ol"]
           }
         ),
-        li: (r) => /* @__PURE__ */ a(
+        li: (r) => /* @__PURE__ */ e(
           "li",
           {
-            ...e(r, ["node"]),
+            ...a(r, ["node"]),
             className: _["react-markdown__li"]
           }
         ),
-        a: ({ href: r, ...m }) => /* @__PURE__ */ a(
+        a: ({ href: r, ...o }) => /* @__PURE__ */ e(
           i,
           {
-            ...e(m, ["node"]),
+            ...a(o, ["node"]),
             href: r,
-            ...g(r) ? {
+            ...f(r) ? {
               target: "_blank",
               rel: "noreferrer"
             } : {}
           }
         ),
-        code: ({ className: r, ...m }) => /* @__PURE__ */ a(
+        code: ({ className: r, ...o }) => typeof o.children == "string" && !o.children.includes(`
+`) ? /* @__PURE__ */ e(k, { ...a(o, ["node"]) }) : /* @__PURE__ */ e(
           w,
           {
             className: _["react-markdown__code"],
-            ...e(m, ["node"]),
-            language: u(r)
+            ...a(o, ["node"]),
+            language: g(r)
           }
         ),
-        img: ({ alt: r, ...m }) => /* @__PURE__ */ d(h, { className: _["react-markdown__img-root"], children: [
-          /* @__PURE__ */ a(
+        img: ({ alt: r, ...o }) => /* @__PURE__ */ d(u, { className: _["react-markdown__img-root"], children: [
+          /* @__PURE__ */ e(
             "img",
             {
-              ...e(m, ["node"]),
+              ...a(o, ["node"]),
               alt: r,
               className: _["react-markdown__img"]
             }
           ),
-          r ? /* @__PURE__ */ a(l, { size: "sm", color: "dimmer", multiline: !0, children: r }) : null
+          r ? /* @__PURE__ */ e(l, { size: "sm", color: "dimmer", multiline: !0, children: r }) : null
         ] }),
-        ...o
+        ...n
       },
       children: t
     }
   );
 }
-function u(o = "") {
-  const t = (/language-(\w+)/.exec(o) || [])[0];
+function g(n = "") {
+  const t = (/language-(\w+)/.exec(n) || [])[0];
   return t ? t.substring(9) : "text";
 }
-function g(o) {
-  return o?.startsWith("https://");
+function f(n) {
+  return n?.startsWith("https://");
 }
 export {
-  y as Markdown
+  z as Markdown
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {