@floegence/floe-webapp-core 0.50.6 → 0.51.0

package/dist/components/ui/Progress.js

@@ -1,7 +1,7 @@
-import { spread as W, mergeProps as A, memo as B, insert as w, createComponent as $, effect as y, setAttribute as c, className as x, setStyleProperty as G, style as J, template as k } from "solid-js/web";
-import { splitProps as T, Show as L, For as H } from "solid-js";
-import { cn as s } from "../../utils/cn.js";
-var K = /* @__PURE__ */ k('<div class="flex justify-between mb-1"><span>Progress</span><span>'), O = /* @__PURE__ */ k('<div class="absolute inset-0 bg-muted-foreground/20 transition-all duration-300 rounded-full">'), Q = /* @__PURE__ */ k(`<div><div role=progressbar aria-valuemin=0><div></div></div><style>
+import { spread as T, mergeProps as W, memo as B, insert as w, createComponent as P, effect as y, setAttribute as d, className as x, setStyleProperty as E, style as H, template as p } from "solid-js/web";
+import { splitProps as A, Show as j, For as G } from "solid-js";
+import { cn as i } from "../../utils/cn.js";
+var J = /* @__PURE__ */ p('<div class="flex justify-between mb-1"><span>Progress</span><span>'), K = /* @__PURE__ */ p('<div class="absolute inset-0 bg-muted-foreground/20 transition-all duration-300 rounded-full">'), O = /* @__PURE__ */ p(`<div><div data-floe-surface=inset data-floe-surface-part=progress-track role=progressbar aria-valuemin=0><div data-floe-surface=raised data-floe-surface-part=progress-fill></div></div><style>
         .bg-striped {
           background-image: linear-gradient(
             45deg,
@@ -29,7 +29,7 @@ var K = /* @__PURE__ */ k('<div class="flex justify-between mb-1"><span>Progress
         .animate-indeterminate {
           animation: indeterminate 1.5s ease-in-out infinite;
         }
-      `), R = /* @__PURE__ */ k("<svg><circle fill=none stroke=currentColor class=text-muted></svg>", !1, !0, !1), U = /* @__PURE__ */ k("<span>"), Y = /* @__PURE__ */ k("<div role=progressbar aria-valuemin=0><svg><circle fill=none stroke=currentColor stroke-linecap=round>"), Z = /* @__PURE__ */ k('<div class="flex justify-between mb-1"><span>Progress</span><span>%'), ee = /* @__PURE__ */ k("<div><div class=flex role=progressbar aria-valuemin=0>"), D = /* @__PURE__ */ k("<div>"), te = /* @__PURE__ */ k("<div><div><div></div></div><span>"), re = /* @__PURE__ */ k('<svg class="w-3 h-3"viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2><path d="M2 6l3 3 5-6">');
+      `), Q = /* @__PURE__ */ p("<svg><circle fill=none stroke=currentColor class=text-muted></svg>", !1, !0, !1), R = /* @__PURE__ */ p("<span>"), U = /* @__PURE__ */ p("<div data-floe-surface-part=progress-circle role=progressbar aria-valuemin=0><svg><circle fill=none stroke=currentColor stroke-linecap=round>"), Y = /* @__PURE__ */ p('<div class="flex justify-between mb-1"><span>Progress</span><span>%'), Z = /* @__PURE__ */ p("<div><div class=flex role=progressbar aria-valuemin=0>"), ee = /* @__PURE__ */ p("<div data-floe-surface-part=progress-fill>"), te = /* @__PURE__ */ p("<div>"), re = /* @__PURE__ */ p("<div data-floe-surface=inset data-floe-surface-part=progress-track>"), ae = /* @__PURE__ */ p("<div><div><div data-floe-surface-part=step></div></div><span>"), ne = /* @__PURE__ */ p('<svg class="w-3 h-3"viewBox="0 0 12 12"fill=none stroke=currentColor stroke-width=2><path d="M2 6l3 3 5-6">');
 const _ = {
   sm: {
     track: "h-1",
@@ -65,68 +65,71 @@ const _ = {
     label: "text-info"
   }
 };
-function ie(M) {
-  const [e, P] = T(M, ["value", "max", "size", "color", "showLabel", "labelFormat", "striped", "animated", "indeterminate", "buffer", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.max ?? 100, h = () => Math.min(Math.max(e.value ?? 0, 0), u()), v = () => h() / u() * 100, C = () => e.buffer ? Math.min(e.buffer / u() * 100, 100) : 0, b = () => e.labelFormat ? e.labelFormat(h(), u()) : `${Math.round(v())}%`;
+function de(L) {
+  const [e, F] = A(L, ["value", "max", "size", "color", "showLabel", "labelFormat", "striped", "animated", "indeterminate", "buffer", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.max ?? 100, h = () => Math.min(Math.max(e.value ?? 0, 0), u()), f = () => h() / u() * 100, C = () => e.buffer ? Math.min(e.buffer / u() * 100, 100) : 0, b = () => e.labelFormat ? e.labelFormat(h(), u()) : `${Math.round(f())}%`;
   return (() => {
-    var d = Q(), m = d.firstChild, f = m.firstChild;
-    return W(d, A({
+    var c = O(), m = c.firstChild, v = m.firstChild;
+    return T(c, W({
       get class() {
-        return s("w-full", e.class);
+        return i("w-full", e.class);
       }
-    }, P), !1, !0), w(d, $(L, {
+    }, F), !1, !0), w(c, P(j, {
       get when() {
         return e.showLabel;
       },
       get children() {
-        var n = K(), a = n.firstChild, o = a.nextSibling;
-        return w(o, b), y((r) => {
-          var t = s("text-muted-foreground", _[l()].label), i = s("font-medium tabular-nums", _[l()].label, S[g()].label);
-          return t !== r.e && x(a, r.e = t), i !== r.t && x(o, r.t = i), r;
+        var a = J(), n = a.firstChild, s = n.nextSibling;
+        return w(s, b), y((r) => {
+          var t = i("text-muted-foreground", _[l()].label), o = i("font-medium tabular-nums", _[l()].label, S[g()].label);
+          return t !== r.e && x(n, r.e = t), o !== r.t && x(s, r.t = o), r;
         }, {
           e: void 0,
           t: void 0
-        }), n;
+        }), a;
       }
-    }), m), w(m, $(L, {
+    }), m), w(m, P(j, {
       get when() {
         return e.buffer;
       },
       get children() {
-        var n = O();
-        return y((a) => G(n, "width", `${C()}%`)), n;
+        var a = K();
+        return y((n) => E(a, "width", `${C()}%`)), a;
       }
-    }), f), y((n) => {
-      var a = s("relative w-full overflow-hidden rounded-full bg-muted", _[l()].track), o = e.indeterminate ? void 0 : h(), r = u(), t = s("h-full rounded-full transition-all duration-300", S[g()].bar, e.striped && "bg-striped", e.animated && e.striped && "animate-stripe", e.indeterminate && "animate-indeterminate w-1/3"), i = e.indeterminate ? void 0 : {
-        width: `${v()}%`
+    }), v), y((a) => {
+      var n = i("relative w-full overflow-hidden rounded-full bg-muted", _[l()].track), s = e.indeterminate ? void 0 : h(), r = u(), t = i("h-full rounded-full transition-all duration-300", S[g()].bar, e.striped && "bg-striped", e.animated && e.striped && "animate-stripe", e.indeterminate && "animate-indeterminate w-1/3"), o = e.indeterminate ? void 0 : {
+        width: `${f()}%`
       };
-      return a !== n.e && x(m, n.e = a), o !== n.t && c(m, "aria-valuenow", n.t = o), r !== n.a && c(m, "aria-valuemax", n.a = r), t !== n.o && x(f, n.o = t), n.i = J(f, i, n.i), n;
+      return n !== a.e && x(m, a.e = n), s !== a.t && d(m, "aria-valuenow", a.t = s), r !== a.a && d(m, "aria-valuemax", a.a = r), t !== a.o && x(v, a.o = t), a.i = H(v, o, a.i), a;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0
-    }), d;
+    }), c;
   })();
 }
-const ne = {
+const oe = {
   sm: 32,
   md: 48,
   lg: 64
 };
-function se(M) {
-  const [e, P] = T(M, ["value", "max", "size", "strokeWidth", "color", "showLabel", "labelFormat", "indeterminate", "showTrack", "class"]), l = () => {
-    const a = e.size ?? "md";
-    return typeof a == "number" ? a : ne[a];
-  }, g = () => e.strokeWidth ?? l() / 10, u = () => e.color ?? "primary", h = () => e.max ?? 100, v = () => Math.min(Math.max(e.value ?? 0, 0), h()), C = () => v() / h() * 100, b = () => (l() - g()) / 2, d = () => 2 * Math.PI * b(), m = () => d() - C() / 100 * d(), f = () => e.labelFormat ? e.labelFormat(v(), h()) : `${Math.round(C())}%`, n = () => {
-    const a = l();
-    return a <= 32 ? "text-[8px]" : a <= 48 ? "text-[10px]" : a <= 64 ? "text-xs" : "text-sm";
+function ce(L) {
+  const [e, F] = A(L, ["value", "max", "size", "strokeWidth", "color", "showLabel", "labelFormat", "indeterminate", "showTrack", "class"]), l = () => {
+    const n = e.size ?? "md";
+    return typeof n == "number" ? n : oe[n];
+  }, g = () => e.strokeWidth ?? l() / 10, u = () => e.color ?? "primary", h = () => e.max ?? 100, f = () => Math.min(Math.max(e.value ?? 0, 0), h()), C = () => f() / h() * 100, b = () => (l() - g()) / 2, c = () => 2 * Math.PI * b(), m = () => c() - C() / 100 * c(), v = () => e.labelFormat ? e.labelFormat(f(), h()) : `${Math.round(C())}%`, a = () => {
+    const n = l();
+    return n <= 32 ? "text-[8px]" : n <= 48 ? "text-[10px]" : n <= 64 ? "text-xs" : "text-sm";
   };
   return (() => {
-    var a = Y(), o = a.firstChild, r = o.firstChild;
-    return W(a, A({
+    var n = U(), s = n.firstChild, r = s.firstChild;
+    return T(n, W({
+      get "data-floe-surface"() {
+        return e.showTrack !== !1 ? "inset" : void 0;
+      },
       get class() {
-        return s("relative inline-flex items-center justify-center", e.class);
+        return i("relative inline-flex items-center justify-center", e.class);
       },
       get style() {
         return {
@@ -135,20 +138,20 @@ function se(M) {
         };
       },
       get "aria-valuenow"() {
-        return B(() => !!e.indeterminate)() ? void 0 : v();
+        return B(() => !!e.indeterminate)() ? void 0 : f();
       },
       get "aria-valuemax"() {
         return h();
       }
-    }, P), !1, !0), w(o, $(L, {
+    }, F), !1, !0), w(s, P(j, {
       get when() {
         return e.showTrack !== !1;
       },
       get children() {
-        var t = R();
-        return y((i) => {
-          var p = l() / 2, z = l() / 2, F = b(), j = g();
-          return p !== i.e && c(t, "cx", i.e = p), z !== i.t && c(t, "cy", i.t = z), F !== i.a && c(t, "r", i.a = F), j !== i.o && c(t, "stroke-width", i.o = j), i;
+        var t = Q();
+        return y((o) => {
+          var k = l() / 2, z = l() / 2, M = b(), $ = g();
+          return k !== o.e && d(t, "cx", o.e = k), z !== o.t && d(t, "cy", o.t = z), M !== o.a && d(t, "r", o.a = M), $ !== o.o && d(t, "stroke-width", o.o = $), o;
         }, {
           e: void 0,
           t: void 0,
@@ -156,17 +159,17 @@ function se(M) {
           o: void 0
         }), t;
       }
-    }), r), w(a, $(L, {
+    }), r), w(n, P(j, {
       get when() {
         return B(() => !!e.showLabel)() && !e.indeterminate;
       },
       get children() {
-        var t = U();
-        return w(t, f), y(() => x(t, s("absolute font-medium tabular-nums", n(), S[u()].label))), t;
+        var t = R();
+        return w(t, v), y(() => x(t, i("absolute font-medium tabular-nums", a(), S[u()].label))), t;
       }
     }), null), y((t) => {
-      var i = s("transform -rotate-90", e.indeterminate && "animate-spin"), p = l(), z = l(), F = l() / 2, j = l() / 2, I = b(), N = g(), V = String(d()), q = e.indeterminate ? d() * 0.75 : m(), E = s("transition-all duration-300", S[u()].label);
-      return i !== t.e && c(o, "class", t.e = i), p !== t.t && c(o, "width", t.t = p), z !== t.a && c(o, "height", t.a = z), F !== t.o && c(r, "cx", t.o = F), j !== t.i && c(r, "cy", t.i = j), I !== t.n && c(r, "r", t.n = I), N !== t.s && c(r, "stroke-width", t.s = N), V !== t.h && c(r, "stroke-dasharray", t.h = V), q !== t.r && c(r, "stroke-dashoffset", t.r = q), E !== t.d && c(r, "class", t.d = E), t;
+      var o = i("transform -rotate-90", e.indeterminate && "animate-spin"), k = l(), z = l(), M = l() / 2, $ = l() / 2, D = b(), I = g(), N = String(c()), V = e.indeterminate ? c() * 0.75 : m(), q = i("transition-all duration-300", S[u()].label);
+      return o !== t.e && d(s, "class", t.e = o), k !== t.t && d(s, "width", t.t = k), z !== t.a && d(s, "height", t.a = z), M !== t.o && d(r, "cx", t.o = M), $ !== t.i && d(r, "cy", t.i = $), D !== t.n && d(r, "r", t.n = D), I !== t.s && d(r, "stroke-width", t.s = I), N !== t.h && d(r, "stroke-dasharray", t.h = N), V !== t.r && d(r, "stroke-dashoffset", t.r = V), q !== t.d && d(r, "class", t.d = q), t;
     }, {
       e: void 0,
       t: void 0,
@@ -178,44 +181,50 @@ function se(M) {
       h: void 0,
       r: void 0,
       d: void 0
-    }), a;
+    }), n;
   })();
 }
-function ue(M) {
-  const [e, P] = T(M, ["value", "max", "segments", "size", "color", "showLabel", "gap", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.max ?? 100, h = () => e.segments ?? 5, v = () => e.gap ?? 2, C = () => Math.min(Math.max(e.value ?? 0, 0), u()), b = () => C() / u() * 100, d = () => Math.round(b() / 100 * h());
+function ue(L) {
+  const [e, F] = A(L, ["value", "max", "segments", "size", "color", "showLabel", "gap", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.max ?? 100, h = () => e.segments ?? 5, f = () => e.gap ?? 2, C = () => Math.min(Math.max(e.value ?? 0, 0), u()), b = () => C() / u() * 100, c = () => Math.round(b() / 100 * h());
   return (() => {
-    var m = ee(), f = m.firstChild;
-    return W(m, A({
+    var m = Z(), v = m.firstChild;
+    return T(m, W({
       get class() {
-        return s("w-full", e.class);
+        return i("w-full", e.class);
       }
-    }, P), !1, !0), w(m, $(L, {
+    }, F), !1, !0), w(m, P(j, {
       get when() {
         return e.showLabel;
       },
       get children() {
-        var n = Z(), a = n.firstChild, o = a.nextSibling, r = o.firstChild;
-        return w(o, () => Math.round(b()), r), y((t) => {
-          var i = s("text-muted-foreground", _[l()].label), p = s("font-medium tabular-nums", _[l()].label, S[g()].label);
-          return i !== t.e && x(a, t.e = i), p !== t.t && x(o, t.t = p), t;
+        var a = Y(), n = a.firstChild, s = n.nextSibling, r = s.firstChild;
+        return w(s, () => Math.round(b()), r), y((t) => {
+          var o = i("text-muted-foreground", _[l()].label), k = i("font-medium tabular-nums", _[l()].label, S[g()].label);
+          return o !== t.e && x(n, t.e = o), k !== t.t && x(s, t.t = k), t;
         }, {
           e: void 0,
           t: void 0
-        }), n;
+        }), a;
       }
-    }), f), w(f, $(H, {
+    }), v), w(v, P(G, {
       get each() {
         return Array.from({
           length: h()
         });
       },
-      children: (n, a) => (() => {
-        var o = D();
-        return y(() => x(o, s("flex-1 rounded-full transition-colors duration-200", _[l()].track, a() < d() ? S[g()].bar : "bg-muted"))), o;
+      children: (a, n) => (() => {
+        var s = ee();
+        return y((r) => {
+          var t = n() < c() ? "raised" : "inset", o = i("flex-1 rounded-full transition-colors duration-200", _[l()].track, n() < c() ? S[g()].bar : "bg-muted");
+          return t !== r.e && d(s, "data-floe-surface", r.e = t), o !== r.t && x(s, r.t = o), r;
+        }, {
+          e: void 0,
+          t: void 0
+        }), s;
       })()
-    })), y((n) => {
-      var a = `${v()}px`, o = C(), r = u();
-      return a !== n.e && G(f, "gap", n.e = a), o !== n.t && c(f, "aria-valuenow", n.t = o), r !== n.a && c(f, "aria-valuemax", n.a = r), n;
+    })), y((a) => {
+      var n = `${f()}px`, s = C(), r = u();
+      return n !== a.e && E(v, "gap", a.e = n), s !== a.t && d(v, "aria-valuenow", a.t = s), r !== a.a && d(v, "aria-valuemax", a.a = r), a;
     }, {
       e: void 0,
       t: void 0,
@@ -240,50 +249,52 @@ const X = {
     connector: "h-1"
   }
 };
-function ce(M) {
-  const [e, P] = T(M, ["current", "steps", "size", "color", "orientation", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.orientation === "vertical", h = (v) => v < e.current ? "completed" : v === e.current ? "current" : "pending";
+function me(L) {
+  const [e, F] = A(L, ["current", "steps", "size", "color", "orientation", "class"]), l = () => e.size ?? "md", g = () => e.color ?? "primary", u = () => e.orientation === "vertical", h = (f) => f < e.current ? "completed" : f === e.current ? "current" : "pending";
   return (() => {
-    var v = D();
-    return W(v, A({
+    var f = te();
+    return T(f, W({
       get class() {
-        return s("flex", u() ? "flex-col" : "flex-row items-start", e.class);
+        return i("flex", u() ? "flex-col" : "flex-row items-start", e.class);
       }
-    }, P), !1, !0), w(v, $(H, {
+    }, F), !1, !0), w(f, P(G, {
       get each() {
         return e.steps;
       },
       children: (C, b) => {
-        const d = () => h(b()), m = () => b() === e.steps.length - 1;
+        const c = () => h(b()), m = () => b() === e.steps.length - 1;
         return (() => {
-          var f = te(), n = f.firstChild, a = n.firstChild, o = n.nextSibling;
-          return w(a, (() => {
-            var r = B(() => d() === "completed");
-            return () => r() ? re() : b() + 1;
-          })()), w(n, $(L, {
+          var v = ae(), a = v.firstChild, n = a.firstChild, s = a.nextSibling;
+          return w(n, (() => {
+            var r = B(() => c() === "completed");
+            return () => r() ? ne() : b() + 1;
+          })()), w(a, P(j, {
             get when() {
               return !m();
             },
             get children() {
-              var r = D();
-              return y(() => x(r, s("transition-colors duration-200", u() ? s("w-0.5 h-8 my-1", b() < e.current ? S[g()].bar : "bg-muted") : s("flex-1 mx-2", X[l()].connector, b() < e.current ? S[g()].bar : "bg-muted")))), r;
+              var r = re();
+              return y(() => x(r, i("transition-colors duration-200", u() ? i("w-0.5 h-8 my-1", b() < e.current ? S[g()].bar : "bg-muted") : i("flex-1 mx-2", X[l()].connector, b() < e.current ? S[g()].bar : "bg-muted")))), r;
             }
-          }), null), w(o, C), y((r) => {
-            var t = s("flex", u() ? "flex-row" : "flex-col items-center", !m() && "flex-1"), i = s("flex items-center", u() ? "flex-col" : "flex-row w-full"), p = s("flex items-center justify-center rounded-full font-medium transition-colors duration-200 shrink-0", X[l()].dot, d() === "completed" && s(S[g()].bar, "text-primary-foreground"), d() === "current" && s("border-2", `border-current ${S[g()].label}`, "bg-background"), d() === "pending" && "bg-muted text-muted-foreground"), z = s("mt-2 text-center", X[l()].label, d() === "current" ? "text-foreground font-medium" : "text-muted-foreground", u() && "ml-3 mt-0");
-            return t !== r.e && x(f, r.e = t), i !== r.t && x(n, r.t = i), p !== r.a && x(a, r.a = p), z !== r.o && x(o, r.o = z), r;
+          }), null), w(s, C), y((r) => {
+            var t = i("flex", u() ? "flex-row" : "flex-col items-center", !m() && "flex-1"), o = i("flex items-center", u() ? "flex-col" : "flex-row w-full"), k = c() === "pending" ? "inset" : "raised", z = c(), M = i("flex items-center justify-center rounded-full font-medium transition-colors duration-200 shrink-0", X[l()].dot, c() === "completed" && i(S[g()].bar, "text-primary-foreground"), c() === "current" && i("border-2", `border-current ${S[g()].label}`, "bg-background"), c() === "pending" && "bg-muted text-muted-foreground"), $ = i("mt-2 text-center", X[l()].label, c() === "current" ? "text-foreground font-medium" : "text-muted-foreground", u() && "ml-3 mt-0");
+            return t !== r.e && x(v, r.e = t), o !== r.t && x(a, r.t = o), k !== r.a && d(n, "data-floe-surface", r.a = k), z !== r.o && d(n, "data-floe-step-state", r.o = z), M !== r.i && x(n, r.i = M), $ !== r.n && x(s, r.n = $), r;
           }, {
             e: void 0,
             t: void 0,
             a: void 0,
-            o: void 0
-          }), f;
+            o: void 0,
+            i: void 0,
+            n: void 0
+          }), v;
         })();
       }
-    })), v;
+    })), f;
   })();
 }
 export {
-  se as CircularProgress,
-  ie as LinearProgress,
+  ce as CircularProgress,
+  de as LinearProgress,
   ue as SegmentedProgress,
-  ce as StepsProgress
+  me as StepsProgress
 };

package/dist/components/ui/QuoteBlock.js

@@ -1,14 +1,14 @@
-import { spread as f, mergeProps as x, insert as r, createComponent as d, memo as h, effect as p, className as m, template as a } from "solid-js/web";
+import { spread as b, mergeProps as x, insert as r, createComponent as d, memo as h, effect as p, className as s, template as a } from "solid-js/web";
 import { splitProps as y, Show as i } from "solid-js";
 import { cn as u } from "../../utils/cn.js";
-var v = /* @__PURE__ */ a("<span>"), $ = /* @__PURE__ */ a('<span class="mx-1 opacity-50">—'), _ = /* @__PURE__ */ a("<cite class=not-italic>"), w = /* @__PURE__ */ a("<footer>"), k = /* @__PURE__ */ a("<blockquote><div>");
-function q(s) {
-  const [e, g] = y(s, ["variant", "citation", "author", "class", "children"]), t = () => e.variant ?? "default", b = () => t() === "inline" ? {} : {
+var v = /* @__PURE__ */ a("<span>"), $ = /* @__PURE__ */ a('<span class="mx-1 opacity-50">—'), _ = /* @__PURE__ */ a("<cite class=not-italic>"), w = /* @__PURE__ */ a("<footer>"), k = /* @__PURE__ */ a("<blockquote data-floe-surface=inset data-floe-surface-part=message><div>");
+function q(m) {
+  const [e, f] = y(m, ["variant", "citation", "author", "class", "children"]), t = () => e.variant ?? "default", g = () => t() === "inline" ? {} : {
     "border-left-color": `color-mix(in srgb, var(--primary) ${(t() === "subtle" ? 0.5 : 0.7) * 100}%, transparent)`
   };
   return (() => {
     var o = k(), c = o.firstChild;
-    return f(o, x({
+    return b(o, x({
       get class() {
         return u(
           "relative my-2",
@@ -26,9 +26,9 @@ function q(s) {
         );
       },
       get style() {
-        return b();
+        return g();
       }
-    }, g), !1, !0), r(c, () => e.children), r(o, d(i, {
+    }, f), !1, !0), r(c, () => e.children), r(o, d(i, {
       get when() {
         return e.citation || e.author;
       },
@@ -57,9 +57,9 @@ function q(s) {
             var l = _();
             return r(l, () => e.citation), l;
           }
-        }), null), p(() => m(n, u("mt-1.5 text-[10px] text-muted-foreground/70 not-italic", t() === "code" && "font-mono"))), n;
+        }), null), p(() => s(n, u("mt-1.5 text-[10px] text-muted-foreground/70 not-italic", t() === "code" && "font-mono"))), n;
       }
-    }), null), p(() => m(c, u("text-xs leading-relaxed text-foreground/80", t() === "code" && "text-[11px]", t() === "inline" && "text-[11px]"))), o;
+    }), null), p(() => s(c, u("text-xs leading-relaxed text-foreground/80", t() === "code" && "text-[11px]", t() === "inline" && "text-[11px]"))), o;
   })();
 }
 export {