@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/anchor/anchor.js

@@ -1,13 +1,13 @@
 import { u as n } from "../../useRender-C3vlzS3t.js";
-import { m as a } from "../../useRenderElement-DngNDu_P.js";
-import '../../anchor.css';const t = "_anchor_1bdhy_2", s = {
-  anchor: t
+import { m as t } from "../../useRenderElement-DngNDu_P.js";
+import '../../anchor.css';const a = "_anchor_1mbt9_3", s = {
+  anchor: a
 };
-function h({ external: e, render: r, ...o }) {
+function p({ external: e, render: r, ...o }) {
   return n({
     defaultTagName: "a",
     render: r,
-    props: a(o, {
+    props: t(o, {
       className: s.anchor,
       ...e ? {
         target: "_blank",
@@ -17,5 +17,5 @@ function h({ external: e, render: r, ...o }) {
   });
 }
 export {
-  h as Anchor
+  p as Anchor
 };

package/dist/components/avatar/avatar.js

@@ -1,17 +1,17 @@
-import { jsx as v, jsxs as L } from "react/jsx-runtime";
-import { c as R } from "../../clsx-OuTLNxxd.js";
+import { jsx as v, jsxs as E } from "react/jsx-runtime";
+import { c as L } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
-import { u as f, N as h } from "../../useRenderElement-DngNDu_P.js";
-import { f as k } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as C } from "../../useStableCallback-DKZHlUAT.js";
+import { u as f, N as R } from "../../useRenderElement-DngNDu_P.js";
+import { f as h } from "../../formatErrorMessage-BqPuTBN-.js";
+import { u as k } from "../../useStableCallback-DKZHlUAT.js";
 import { u as N } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { u as M } from "../../useTimeout-BNni6aw5.js";
+import { u as C } from "../../useTimeout-BNni6aw5.js";
 import '../../avatar.css';const g = /* @__PURE__ */ o.createContext(void 0);
 process.env.NODE_ENV !== "production" && (g.displayName = "AvatarRootContext");
 function b() {
   const e = o.useContext(g);
   if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : k(13));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : h(13));
   return e;
 }
 const p = {
@@ -38,14 +38,14 @@ const p = {
   });
 });
 process.env.NODE_ENV !== "production" && (z.displayName = "AvatarRoot");
-function w(e, {
+function M(e, {
   referrerPolicy: a,
   crossOrigin: s
 }) {
   const [l, i] = o.useState("idle");
   return N(() => {
     if (!e)
-      return i("error"), h;
+      return i("error"), R;
     let r = !0;
     const t = new window.Image(), c = (_) => () => {
       r && i(_);
@@ -55,7 +55,7 @@ function w(e, {
     };
   }, [e, s, a]), l;
 }
-const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
+const y = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
     render: i,
@@ -63,10 +63,10 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
     referrerPolicy: t,
     crossOrigin: c,
     ..._
-  } = a, u = b(), n = w(a.src, {
+  } = a, u = b(), n = M(a.src, {
     referrerPolicy: t,
     crossOrigin: c
-  }), d = C((x) => {
+  }), d = k((x) => {
     r?.(x), u.setImageLoadingStatus(x);
   });
   N(() => {
@@ -83,8 +83,8 @@ const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
     enabled: n === "loaded"
   });
 });
-process.env.NODE_ENV !== "production" && (S.displayName = "AvatarImage");
-const E = /* @__PURE__ */ o.forwardRef(function(a, s) {
+process.env.NODE_ENV !== "production" && (y.displayName = "AvatarImage");
+const S = /* @__PURE__ */ o.forwardRef(function(a, s) {
   const {
     className: l,
     render: i,
@@ -92,7 +92,7 @@ const E = /* @__PURE__ */ o.forwardRef(function(a, s) {
     ...t
   } = a, {
     imageLoadingStatus: c
-  } = b(), [_, u] = o.useState(r === void 0), n = M();
+  } = b(), [_, u] = o.useState(r === void 0), n = C();
   o.useEffect(() => (r !== void 0 && n.start(r, () => u(!0)), n.clear), [n, r]);
   const d = o.useMemo(() => ({
     imageLoadingStatus: c
@@ -105,9 +105,9 @@ const E = /* @__PURE__ */ o.forwardRef(function(a, s) {
     enabled: c !== "loaded" && _
   });
 });
-process.env.NODE_ENV !== "production" && (E.displayName = "AvatarFallback");
-const y = "_avatar_1886r_2", I = "_avatar__image_1886r_16", O = "_avatar__fallback_1886r_22", D = "_avatar_size_sm_1886r_35", V = "_avatar_size_md_1886r_39", F = "_avatar_size_lg_1886r_43", P = "_avatar_size_xl_1886r_47", j = "_avatar_size_2xl_1886r_51", U = "_avatar_size_3xl_1886r_55", m = {
-  avatar: y,
+process.env.NODE_ENV !== "production" && (S.displayName = "AvatarFallback");
+const w = "_avatar_l5yco_3", I = "_avatar__image_l5yco_17", O = "_avatar__fallback_l5yco_23", D = "_avatar_size_sm_l5yco_36", V = "_avatar_size_md_l5yco_40", F = "_avatar_size_lg_l5yco_44", P = "_avatar_size_xl_l5yco_48", j = "_avatar_size_2xl_l5yco_52", U = "_avatar_size_3xl_l5yco_56", m = {
+  avatar: w,
   avatar__image: I,
   avatar__fallback: O,
   avatar_size_sm: D,
@@ -126,10 +126,10 @@ function W({
   ...r
 }) {
   const t = B(a, s);
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ E(
     z,
     {
-      className: R(
+      className: L(
         m.avatar,
         m[`avatar_size_${l}`],
         i
@@ -137,13 +137,13 @@ function W({
       ...r,
       children: [
         e ? /* @__PURE__ */ v(
-          S,
+          y,
           {
             src: e,
             className: m.avatar__image
           }
         ) : null,
-        /* @__PURE__ */ v(E, { className: m.avatar__fallback, children: t })
+        /* @__PURE__ */ v(S, { className: m.avatar__fallback, children: t })
       ]
     }
   );

package/dist/components/badge/badge.js

@@ -1,41 +1,41 @@
 import { jsx as e, jsxs as p, Fragment as g } from "react/jsx-runtime";
 import { c as f } from "../../clsx-OuTLNxxd.js";
-import { T as _ } from "../../tooltip-BJQPwudf.js";
+import { T as _ } from "../../tooltip-JPnUwFFR.js";
 import { Text as b } from "../text/text.js";
 import { View as h } from "../view/view.js";
 import { Icon as u } from "../icon/icon.js";
-import { u as x } from "../../useRender-C3vlzS3t.js";
-import { m as y } from "../../useRenderElement-DngNDu_P.js";
-import '../../badge.css';const T = "_badge_184a8_2", j = "_badge_shiny_184a8_17", m = {
+import { u as y } from "../../useRender-C3vlzS3t.js";
+import { m as x } from "../../useRenderElement-DngNDu_P.js";
+import '../../badge.css';const T = "_badge_1m3yi_3", j = "_badge_shiny_1m3yi_18", s = {
   badge: T,
   badge_shiny: j
 };
 function V({
   icon: r,
-  name: t,
-  color: n,
-  shiny: a,
-  tagline: o,
-  render: i,
+  name: i,
+  color: t,
+  shiny: n,
+  tagline: m,
+  render: a,
   className: d,
   ...l
 }) {
-  const c = x({
+  const c = y({
     defaultTagName: "span",
-    render: i,
-    props: y(l, {
+    render: a,
+    props: x(l, {
       className: f(
-        m.badge,
-        a && m.badge_shiny,
+        s.badge,
+        n && s.badge_shiny,
         d
       ),
       children: /* @__PURE__ */ p(g, { children: [
         r ? /* @__PURE__ */ e(u, { name: r }) : null,
-        t
+        i
       ] })
     })
-  }), s = /* @__PURE__ */ e(h, { color: n, children: c });
-  return o ? /* @__PURE__ */ e(_, { trigger: s, children: /* @__PURE__ */ e(b, { size: "sm", multiline: !0, children: o }) }) : s;
+  }), o = /* @__PURE__ */ e(h, { color: t, children: c });
+  return m ? /* @__PURE__ */ e(_, { trigger: o, children: /* @__PURE__ */ e(b, { size: "sm", multiline: !0, children: m }) }) : o;
 }
 export {
   V as Badge

package/dist/components/button/button.js

@@ -4,14 +4,14 @@ 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 = {
+import '../../button.css';const c = "_button_17tw0_3", x = "_button_height_sm_17tw0_16", a = "_button_height_md_17tw0_21", d = "_button_height_lg_17tw0_26", f = "_button_height_xl_17tw0_31", w = "_button_height_2xl_17tw0_36", p = "_button_height_3xl_17tw0_41", i = {
   button: c,
-  button_height_sm: f,
-  button_height_md: x,
-  button_height_lg: a,
-  button_height_xl: y,
-  button_height_2xl: d,
-  button_height_3xl: w
+  button_height_sm: x,
+  button_height_md: a,
+  button_height_lg: d,
+  button_height_xl: f,
+  button_height_2xl: w,
+  button_height_3xl: p
 };
 function N({
   size: t = "md",

package/dist/components/checkbox/checkbox.js

@@ -4,7 +4,7 @@ import { Icon as Fe } from "../icon/icon.js";
 import { Text as Te } from "../text/text.js";
 import * as r from "react";
 import { f as ee } from "../../formatErrorMessage-BqPuTBN-.js";
-import { N as qe, d as Ue, m as je, E as De, u as te } from "../../useRenderElement-DngNDu_P.js";
+import { N as je, d as qe, m as Ue, E as De, u as te } from "../../useRenderElement-DngNDu_P.js";
 import { f as ne, c as He, a as Le, u as $e, b as ze } from "../../LabelableContext-Be1u-eFg.js";
 import { u as Je, t as Ke } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as We } from "../../useTransitionStatus-CmMyUh74.js";
@@ -40,10 +40,10 @@ function ot(e = !0) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>." : ee(3));
   return n;
 }
-const U = /* @__PURE__ */ r.createContext(void 0);
-process.env.NODE_ENV !== "production" && (U.displayName = "CheckboxRootContext");
+const q = /* @__PURE__ */ r.createContext(void 0);
+process.env.NODE_ENV !== "production" && (q.displayName = "CheckboxRootContext");
 function rt() {
-  const e = r.useContext(U);
+  const e = r.useContext(q);
   if (e === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>." : ee(14));
   return e;
@@ -61,7 +61,7 @@ const at = "data-parent", ae = /* @__PURE__ */ r.forwardRef(function(n, k) {
     onCheckedChange: E,
     parent: i = !1,
     readOnly: l = !1,
-    render: j,
+    render: U,
     required: f = !1,
     uncheckedValue: N,
     value: P,
@@ -109,7 +109,7 @@ const at = "data-parent", ae = /* @__PURE__ */ r.forwardRef(function(n, k) {
     state: "checked"
   });
   Y(() => {
-    if (V !== qe)
+    if (V !== je)
       return V(g), () => {
         V(void 0);
       };
@@ -122,13 +122,13 @@ const at = "data-parent", ae = /* @__PURE__ */ r.forwardRef(function(n, k) {
     name: h,
     getValue: () => o
   });
-  const v = r.useRef(null), Re = Ue(_, v, d.inputRef);
+  const v = r.useRef(null), Re = qe(_, v, d.inputRef);
   Y(() => {
     v.current && (v.current.indeterminate = I, o && S(!0));
   }, [o, I, S]), nt(o, () => {
     t && !i || (ue(h), S(o), pe(o !== Ce.initialValue), ke() ? d.commit(o) : d.commit(o, !0));
   });
-  const Me = je(
+  const Me = Ue(
     {
       checked: o,
       disabled: p,
@@ -197,7 +197,7 @@ const at = "data-parent", ae = /* @__PURE__ */ r.forwardRef(function(n, k) {
     }, L, d.getValidationProps, de, Pe, Ve],
     stateAttributesMapping: Oe
   });
-  return /* @__PURE__ */ A(U.Provider, {
+  return /* @__PURE__ */ A(q.Provider, {
     value: T,
     children: [Be, !o && !t && h && !i && N !== void 0 && /* @__PURE__ */ m("input", {
       type: "hidden",
@@ -229,7 +229,7 @@ const ie = /* @__PURE__ */ r.forwardRef(function(n, k) {
       c || G(!1);
     }
   });
-  const l = oe(s), j = r.useMemo(() => ({
+  const l = oe(s), U = r.useMemo(() => ({
     ...l,
     ...Ke,
     ...ne
@@ -237,13 +237,13 @@ const ie = /* @__PURE__ */ r.forwardRef(function(n, k) {
     enabled: f,
     ref: [k, E],
     state: i,
-    stateAttributesMapping: j,
+    stateAttributesMapping: U,
     props: B
   });
   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_1o5lj_3", st = "_checkbox_1o5lj_3", ct = "_checkbox__indicator_1o5lj_31", j = {
   checkbox__label: it,
   checkbox: st,
   checkbox__indicator: ct
@@ -255,11 +255,11 @@ function yt({ color: e, label: n, ...k }) {
       color: e,
       interactive: "fill-outline",
       render: /* @__PURE__ */ m(ae, { "aria-label": n, ...k }),
-      className: q.checkbox,
-      children: /* @__PURE__ */ m(ie, { className: q.checkbox__indicator, children: /* @__PURE__ */ m(Fe, { name: "check-line", size: "sm" }) })
+      className: j.checkbox,
+      children: /* @__PURE__ */ m(ie, { className: j.checkbox__indicator, children: /* @__PURE__ */ m(Fe, { name: "check-line", size: "sm" }) })
     }
   );
-  return n ? /* @__PURE__ */ A("label", { className: q.checkbox__label, children: [
+  return n ? /* @__PURE__ */ A("label", { className: j.checkbox__label, children: [
     x,
     /* @__PURE__ */ m(Te, { children: n })
   ] }) : x;

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, F = 0, w = {}, 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
@@ -232,10 +232,10 @@ function oe() {
           /**
            * The grammar for plain, unformatted text.
            */
-          plain: A,
-          plaintext: A,
-          text: A,
-          txt: A,
+          plain: w,
+          plaintext: w,
+          text: w,
+          txt: w,
           /**
            * Creates a deep copy of the language with the given id and appends the given tokens.
            *
@@ -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, A = r; m !== e.tail && !(l && A >= l.reach); A += m.value.length, m = m.next) {
+                var E = m.value;
                 if (e.length > t.length)
                   return;
                 if (!(E instanceof y)) {
                   var z = 1, x;
                   if (N) {
-                    if (x = $(X, w, t, W), !x || x.index >= t.length)
+                    if (x = $(X, A, t, W), !x || x.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 = x.index, ae = x.index + x[0].length, k = A;
+                    for (k += m.value.length; D >= k; )
+                      m = m.next, k += m.value.length;
+                    if (k -= m.value.length, A = 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;
+                    z--, E = t.slice(A, k), x.index -= A;
                   } else if (x = $(X, 0, E, W), !x)
                     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 = x.index, O = x[0], q = E.slice(0, D), Y = E.slice(D + O.length), G = A + E.length;
                   l && G > l.reach && (l.reach = G);
-                  var R = v.prev;
-                  q && (R = S(e, R, q), w += q.length), H(e, R, z);
+                  var R = m.prev;
+                  q && (R = S(e, R, q), A += 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, A, 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])*?-->/,
@@ -792,16 +792,16 @@ function oe() {
        * addInlined('style', 'css');
        */
       value: function(f, F) {
-        var A = {};
-        A["language-" + F] = {
+        var w = {};
+        w["language-" + F] = {
           pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
           lookbehind: !0,
           inside: i.languages[F]
-        }, A.cdata = /^<!\[CDATA\[|\]\]>$/i;
+        }, w.cdata = /^<!\[CDATA\[|\]\]>$/i;
         var s = {
           "included-cdata": {
             pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-            inside: A
+            inside: w
           }
         };
         s["language-" + F] = {
@@ -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 = {
+      }, F = "✖ Error: File does not exist or is empty", w = {
         js: "javascript",
         py: "python",
         rb: "ruby",
@@ -1118,7 +1118,7 @@ function oe() {
           var t = c.getAttribute("data-src"), e = p.language;
           if (e === "none") {
             var a = (/\.(\w+)$/.exec(t) || [, "none"])[1];
-            e = A[a] || a;
+            e = w[a] || a;
           }
           i.util.setLanguage(h, e), i.util.setLanguage(c, e);
           var n = i.plugins.autoloader;
@@ -1160,38 +1160,38 @@ 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_1w9hs_3", de = "_code_1w9hs_3", fe = "_code_title_1w9hs_14", pe = "_code__value_1w9hs_18", he = "_code__title_1w9hs_23", L = {
   code__root: ce,
   code: de,
   code_title: fe,
   code__value: pe,
   code__title: he
 };
-function Ae({
+function we({
   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
             }
@@ -1202,5 +1202,5 @@ function Ae({
   ] });
 }
 export {
-  Ae as Code
+  we as Code
 };

package/dist/components/collapse/collapse.js

@@ -2,12 +2,12 @@ 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_m77a0_2", h = "_collapse_expand_m77a0_13", x = "_collapse_hidden_m77a0_18", o = {
+import '../../collapse.css';const f = "_collapse_k1eaa_3", h = "_collapse_expand_k1eaa_14", x = "_collapse_hidden_k1eaa_19", o = {
   collapse: f,
   collapse_expand: h,
   collapse_hidden: x
 };
-function b({
+function R({
   expand: s = !0,
   render: l,
   recalculate: a,
@@ -31,5 +31,5 @@ function b({
   });
 }
 export {
-  b as Collapse
+  R as Collapse
 };