@koide-labs/ui 0.1.0 → 0.1.2

package/dist/components/button/button.js

@@ -1,36 +1,36 @@
-import { jsxs as l, jsx as _ } from "react/jsx-runtime";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { jsxs as b, jsx as _ } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
 import { textify as m } from "../../-utils.js";
 import { View as r } from "../view/view.js";
 import { Icon as e } from "../icon/icon.js";
 import { B as s } from "../../Button-BmcVHRRW.js";
-import '../../button.css';const c = "_button_y8f8w_2", f = "_button_height_sm_y8f8w_15", x = "_button_height_md_y8f8w_20", a = "_button_height_lg_y8f8w_25", y = "_button_height_xl_y8f8w_30", d = "_button_height_2xl_y8f8w_35", w = "_button_height_3xl_y8f8w_40", i = {
-  button: c,
-  button_height_sm: f,
+import '../../button.css';const a = "_button_nag0o_2", c = "_button_height_sm_nag0o_15", x = "_button_height_md_nag0o_20", d = "_button_height_lg_nag0o_25", f = "_button_height_xl_nag0o_30", p = "_button_height_2xl_nag0o_35", B = "_button_height_3xl_nag0o_40", i = {
+  button: a,
+  button_height_sm: c,
   button_height_md: x,
-  button_height_lg: a,
-  button_height_xl: y,
-  button_height_2xl: d,
-  button_height_3xl: w
+  button_height_lg: d,
+  button_height_xl: f,
+  button_height_2xl: p,
+  button_height_3xl: B
 };
 function N({
   size: t = "md",
   leftIcon: o,
   rightIcon: n,
   children: u,
-  render: b,
+  render: g,
   ...h
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ b(
     r,
     {
       interactive: !0,
       render: /* @__PURE__ */ _(
         s,
         {
-          className: g(i.button, i[`button_height_${t}`]),
+          className: l(i.button, i[`button_height_${t}`]),
           focusableWhenDisabled: !!h.loading,
-          render: b
+          render: g
         }
       ),
       ...h,

package/dist/components/checkbox/checkbox.js

@@ -243,7 +243,7 @@ const ie = /* @__PURE__ */ r.forwardRef(function(n, k) {
   return f ? N : null;
 });
 process.env.NODE_ENV !== "production" && (ie.displayName = "CheckboxIndicator");
-const it = "_checkbox__label_1e2ro_2", st = "_checkbox_1e2ro_2", ct = "_checkbox__indicator_1e2ro_30", q = {
+const it = "_checkbox__label_1pchx_2", st = "_checkbox_1pchx_2", ct = "_checkbox__indicator_1pchx_30", q = {
   checkbox__label: it,
   checkbox: st,
   checkbox__indicator: ct

package/dist/components/code/code.js

@@ -1,4 +1,4 @@
-import { jsxs as re, jsx as j } from "react/jsx-runtime";
+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 { View as se } from "../view/view.js";
@@ -11,9 +11,9 @@ function le(b) {
 var Z = { exports: {} }, Q;
 function oe() {
   return Q || (Q = 1, (function(b) {
-    var L = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
+    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 = {
+      var f = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, x = 0, A = {}, s = {
         /**
          * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
          * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -97,7 +97,7 @@ function oe() {
            * @returns {number}
            */
           objId: function(t) {
-            return t.__id || Object.defineProperty(t, "__id", { value: ++F }), t.__id;
+            return t.__id || Object.defineProperty(t, "__id", { value: ++x }), t.__id;
           },
           /**
            * Creates a deep clone of the given object.
@@ -357,8 +357,8 @@ function oe() {
                 a.hasOwnProperty(o) || (l[o] = r[o]);
               }
             var d = n[t];
-            return n[t] = l, s.languages.DFS(s.languages, function(m, _) {
-              _ === d && m != t && (this[m] = 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
@@ -465,10 +465,10 @@ function oe() {
             return;
           }
           if (e && g.Worker) {
-            var m = new Worker(s.filename);
-            m.onmessage = function(_) {
+            var v = new Worker(s.filename);
+            v.onmessage = function(_) {
               d(_.data);
-            }, m.postMessage(JSON.stringify({
+            }, v.postMessage(JSON.stringify({
               language: u.language,
               code: u.code,
               immediateClose: !0
@@ -625,41 +625,41 @@ function oe() {
             for (var d = 0; d < u.length; ++d) {
               if (l && l.cause == o + "," + d)
                 return;
-              var m = u[d], _ = m.inside, W = !!m.lookbehind, N = !!m.greedy, ee = m.alias;
-              if (N && !m.pattern.global) {
-                var te = m.pattern.toString().match(/[imsuy]*$/)[0];
-                m.pattern = RegExp(m.pattern.source, te + "g");
+              var v = u[d], _ = v.inside, W = !!v.lookbehind, N = !!v.greedy, ee = v.alias;
+              if (N && !v.pattern.global) {
+                var te = v.pattern.toString().match(/[imsuy]*$/)[0];
+                v.pattern = RegExp(v.pattern.source, te + "g");
               }
-              for (var X = m.pattern || m, v = n.next, w = r; v !== e.tail && !(l && w >= l.reach); w += v.value.length, v = v.next) {
-                var E = v.value;
+              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 z = 1, x;
+                  var z = 1, F;
                   if (N) {
-                    if (x = $(X, w, t, W), !x || x.index >= t.length)
+                    if (F = $(X, w, t, W), !F || F.index >= t.length)
                       break;
-                    var D = x.index, ae = x.index + x[0].length, k = w;
-                    for (k += v.value.length; D >= k; )
-                      v = v.next, k += v.value.length;
-                    if (k -= v.value.length, w = k, v.value instanceof y)
+                    var D = F.index, ae = F.index + F[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 = v; C !== e.tail && (k < ae || typeof C.value == "string"); C = C.next)
+                    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)
+                    z--, E = t.slice(w, k), F.index -= w;
+                  } else if (F = $(X, 0, E, W), !F)
                     continue;
-                  var D = x.index, O = x[0], q = E.slice(0, D), Y = E.slice(D + O.length), G = w + E.length;
+                  var D = F.index, O = F[0], q = E.slice(0, D), Y = E.slice(D + O.length), G = w + E.length;
                   l && G > l.reach && (l.reach = G);
-                  var R = v.prev;
+                  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 (v = S(e, R, ne), Y && S(e, v, Y), z > 1) {
+                  if (m = S(e, R, ne), Y && S(e, m, Y), z > 1) {
                     var U = {
                       cause: o + "," + d,
                       reach: G
                     };
-                    I(t, e, a, v.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);
                   }
                 }
               }
@@ -699,7 +699,7 @@ function oe() {
         h === "loading" || h === "interactive" && p && p.defer ? document.addEventListener("DOMContentLoaded", c) : window.requestAnimationFrame ? window.requestAnimationFrame(c) : window.setTimeout(c, 16);
       }
       return s;
-    })(L);
+    })(j);
     b.exports && (b.exports = i), typeof K < "u" && (K.Prism = i), i.languages.markup = {
       comment: {
         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
@@ -791,12 +791,12 @@ function oe() {
        * @example
        * addInlined('style', 'css');
        */
-      value: function(f, F) {
+      value: function(f, x) {
         var A = {};
-        A["language-" + F] = {
+        A["language-" + x] = {
           pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
           lookbehind: !0,
-          inside: i.languages[F]
+          inside: i.languages[x]
         }, A.cdata = /^<!\[CDATA\[|\]\]>$/i;
         var s = {
           "included-cdata": {
@@ -804,9 +804,9 @@ function oe() {
             inside: A
           }
         };
-        s["language-" + F] = {
+        s["language-" + x] = {
           pattern: /[\s\S]+/,
-          inside: i.languages[F]
+          inside: i.languages[x]
         };
         var y = {};
         y[f] = {
@@ -912,8 +912,8 @@ function oe() {
         },
         punctuation: /[(){};:,]/
       }, g.languages.css.atrule.inside.rest = g.languages.css;
-      var F = g.languages.markup;
-      F && (F.tag.addInlined("style", "css"), F.tag.addAttribute("style", "css"));
+      var x = g.languages.markup;
+      x && (x.tag.addInlined("style", "css"), x.tag.addAttribute("style", "css"));
     })(i), i.languages.clike = {
       comment: [
         {
@@ -1080,7 +1080,7 @@ function oe() {
       Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
       var g = "Loading…", f = function(p, c) {
         return "✖ Error " + p + " while fetching file: " + c;
-      }, F = "✖ Error: File does not exist or is empty", A = {
+      }, x = "✖ Error: File does not exist or is empty", A = {
         js: "javascript",
         py: "python",
         rb: "ruby",
@@ -1094,7 +1094,7 @@ function oe() {
       function S(p, c, h) {
         var t = new XMLHttpRequest();
         t.open("GET", p, !0), t.onreadystatechange = function() {
-          t.readyState == 4 && (t.status < 400 && t.responseText ? c(t.responseText) : t.status >= 400 ? h(f(t.status, t.statusText)) : h(F));
+          t.readyState == 4 && (t.status < 400 && t.responseText ? c(t.responseText) : t.status >= 400 ? h(f(t.status, t.statusText)) : h(x));
         }, t.send(null);
       }
       function H(p) {
@@ -1160,7 +1160,7 @@ function oe() {
   })(Z)), Z.exports;
 }
 var ge = oe();
-const B = /* @__PURE__ */ le(ge), ce = "_code__root_jkm0m_2", de = "_code_jkm0m_2", fe = "_code_title_jkm0m_13", pe = "_code__value_jkm0m_17", he = "_code__title_jkm0m_22", P = {
+const B = /* @__PURE__ */ le(ge), ce = "_code__root_1bx1u_2", de = "_code_1bx1u_2", fe = "_code_title_1bx1u_13", pe = "_code__value_1bx1u_17", he = "_code__title_1bx1u_22", L = {
   code__root: ce,
   code: de,
   code_title: fe,
@@ -1169,29 +1169,29 @@ const B = /* @__PURE__ */ le(ge), ce = "_code__root_jkm0m_2", de = "_code_jkm0m_
 };
 function Ae({
   language: b = "javascript",
-  children: L = "",
+  children: j = "",
   title: i,
   className: g
 }) {
   const f = ie(
     () => B.highlight(
-      L,
+      j,
       B.languages[b] ?? B.languages.javascript,
       b
     ),
-    [L, b]
+    [j, b]
   );
-  return /* @__PURE__ */ re(se, { className: J(P.code__root, g), children: [
-    i ? /* @__PURE__ */ j(V, { elevated: !0, className: P.code__title, children: /* @__PURE__ */ j(ue, { size: "sm", color: "dimmer", children: i }) }) : null,
-    /* @__PURE__ */ j(
+  return /* @__PURE__ */ re(se, { className: J(L.code__root, g), children: [
+    i ? /* @__PURE__ */ P(V, { elevated: !0, className: L.code__title, children: /* @__PURE__ */ P(ue, { size: "sm", color: "dimmer", children: i }) }) : null,
+    /* @__PURE__ */ P(
       V,
       {
         elevated: !0,
-        className: J(P.code, i && P.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: P.code__value,
+            className: L.code__value,
             dangerouslySetInnerHTML: {
               __html: f
             }

package/dist/components/collapse/collapse.js

@@ -2,34 +2,34 @@ import { c as p } from "../../clsx-OuTLNxxd.js";
 import { useRef as d, useState as i, useLayoutEffect as m } from "react";
 import { u } from "../../useRender-C3vlzS3t.js";
 import { m as _ } from "../../useRenderElement-DngNDu_P.js";
-import '../../collapse.css';const f = "_collapse_1x5eo_2", h = "_collapse_expand_1x5eo_13", x = "_collapse_hidden_1x5eo_18", t = {
+import '../../collapse.css';const f = "_collapse_10nze_2", h = "_collapse_expand_10nze_13", x = "_collapse_hidden_10nze_18", o = {
   collapse: f,
   collapse_expand: h,
   collapse_hidden: x
 };
-function b({
+function R({
   expand: s = !0,
   render: l,
-  recalculate: c,
-  ...a
+  recalculate: n,
+  ...c
 }) {
-  const o = d(null), [n, r] = i(0);
+  const t = d(null), [a, r] = i(0);
   return m(() => {
-    if (!o.current)
+    if (!t.current)
       return;
-    const e = o.current.cloneNode(!0);
-    e.removeAttribute("style"), e.style.width = `${o.current.offsetWidth}px`, e.className = t.collapse_hidden, document.body.appendChild(e), r(e.offsetHeight), e.remove();
-  }, [c]), u({
+    const e = t.current.cloneNode(!0);
+    e.removeAttribute("style"), e.style.width = `${t.current.offsetWidth}px`, e.className = o.collapse_hidden, document.body.appendChild(e), r(e.offsetHeight), e.remove();
+  }, [n]), u({
     defaultTagName: "div",
     render: l,
-    ref: o,
-    props: _(a, {
+    ref: t,
+    props: _(c, {
       "aria-hidden": !s,
-      className: p(t.collapse, s && t.collapse_expand),
-      style: { "--collapse-height": `${n}px` }
+      className: p(o.collapse, s && o.collapse_expand),
+      style: { "--collapse-height": `${a}px` }
     })
   });
 }
 export {
-  b as Collapse
+  R as Collapse
 };