@gearbox-protocol/permissionless-ui 1.17.9 → 1.19.0

package/dist/esm/components/general-asset-list/general-asset-list.js

@@ -0,0 +1,42 @@
+import { jsx as n, Fragment as p, jsxs as t } from "react/jsx-runtime";
+import { TokenSymbol as i } from "../token-symbol/token-symbol.js";
+import "react";
+import { cn as r } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+function h({
+  assets: m,
+  onSelect: l,
+  children: o,
+  className: c,
+  lineProps: d,
+  ...a
+}) {
+  return o ? /* @__PURE__ */ n(p, { children: o }) : /* @__PURE__ */ n("div", { className: r("space-y-1", c), ...a, children: m.map((e) => /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      onClick: () => l?.(e.tokenAddress, e.item),
+      className: r(
+        "w-full flex items-center gap-3 px-3 py-2 rounded-md",
+        "hover:bg-accent transition-colors text-left",
+        d?.className
+      ),
+      children: [
+        e.token && (typeof e.token == "object" && "symbol" in e.token ? e.token.symbol && /* @__PURE__ */ n(i, { token: e.token.symbol, size: 24 }) : typeof e.token == "string" && /* @__PURE__ */ n(i, { token: e.token, size: 24 })),
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "font-medium truncate", children: e.tokenLabel || e.token?.symbol || "Unknown" }),
+            e.tokenDescription && /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground truncate", children: e.tokenDescription })
+          ] }),
+          e.valueDescription && /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground truncate", children: e.valueDescription })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n("div", { className: "font-medium tabular-nums", children: e.value }) })
+      ]
+    },
+    e.id
+  )) });
+}
+export {
+  h as GeneralAssetList
+};

package/dist/esm/components/general-asset-list/index.js

@@ -0,0 +1,4 @@
+import { GeneralAssetList as s } from "./general-asset-list.js";
+export {
+  s as GeneralAssetList
+};

package/dist/esm/components/graph/graph-view.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cva as k } from "class-variance-authority";
-import * as y from "react";
-import { useRef as p, useState as j, useEffect as R } from "react";
-import { cn as N } from "../../utils/cn.js";
-import { Graph as V } from "./graph.js";
-const W = k(
+import { cva as W } from "class-variance-authority";
+import * as G from "react";
+import { useMemo as z, useRef as N, useState as L, useEffect as H } from "react";
+import { cn as k } from "../../utils/cn.js";
+import { Graph as S } from "./graph.js";
+const A = W(
   "relative w-full overflow-hidden rounded-lg border-border border bg-card text-card-foreground",
   {
     variants: {
@@ -34,45 +34,45 @@ const W = k(
       padding: "default"
     }
   }
-), w = y.forwardRef(
+), y = G.forwardRef(
   ({
-    className: t,
-    variant: s,
-    size: r,
-    padding: m,
-    title: n,
+    className: s,
+    variant: r,
+    size: i,
+    padding: o,
+    title: a,
     description: l,
-    toolbar: a,
-    loading: i = !1,
-    emptyMessage: o,
-    error: d,
-    children: h,
-    ...f
-  }, u) => {
-    const x = n || l || a;
+    toolbar: t,
+    loading: d = !1,
+    emptyMessage: m,
+    error: n,
+    children: f,
+    ...x
+  }, p) => {
+    const v = a || l || t;
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: u,
-        className: N(
+        ref: p,
+        className: k(
           "flex flex-col",
-          W({ variant: s, size: r, padding: m, className: t })
+          A({ variant: r, size: i, padding: o, className: s })
         ),
-        ...f,
+        ...x,
         children: [
-          x && /* @__PURE__ */ c("div", { className: "mb-4 flex items-start justify-between gap-4 flex-shrink-0", children: [
-            (n || l) && /* @__PURE__ */ c("div", { className: "flex-1", children: [
-              n && /* @__PURE__ */ e("h3", { className: "text-base sm:text-lg font-semibold leading-none tracking-tight", children: n }),
+          v && /* @__PURE__ */ c("div", { className: "mb-4 flex items-start justify-between gap-4 flex-shrink-0", children: [
+            (a || l) && /* @__PURE__ */ c("div", { className: "flex-1", children: [
+              a && /* @__PURE__ */ e("h3", { className: "text-base sm:text-lg font-semibold leading-none tracking-tight", children: a }),
               l && /* @__PURE__ */ e("p", { className: "mt-1 text-xs sm:text-sm text-muted-foreground", children: l })
             ] }),
-            a && /* @__PURE__ */ e("div", { className: "flex-shrink-0 w-full", children: a })
+            t && /* @__PURE__ */ e("div", { className: "flex-shrink-0 w-full", children: t })
           ] }),
           /* @__PURE__ */ c("div", { className: "relative flex-1 w-full min-h-0", children: [
-            i && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2", children: [
+            d && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center opacity-0 animate-delayed-fade-in", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2", children: [
               /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }),
               /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm text-muted-foreground", children: "Loading..." })
             ] }) }),
-            d && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2 text-destructive", children: [
+            n && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2 text-destructive", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -92,9 +92,9 @@ const W = k(
                   )
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: d })
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm font-medium", children: n })
             ] }) }),
-            !d && !h && o && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
+            !n && !f && m && /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
               /* @__PURE__ */ e(
                 "svg",
                 {
@@ -114,16 +114,16 @@ const W = k(
                   )
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: o })
+              /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm", children: m })
             ] }) }),
             /* @__PURE__ */ e(
               "div",
               {
-                className: N(
+                className: k(
                   "w-full h-full transition-[filter] duration-300 delay-300",
-                  i && "blur-sm pointer-events-none"
+                  d && "blur-sm pointer-events-none"
                 ),
-                children: !d && h
+                children: !n && f
               }
             )
           ] })
@@ -132,66 +132,79 @@ const W = k(
     );
   }
 );
-w.displayName = "GraphView";
-function S({
-  series: t,
-  onUnselectSeries: s,
-  loading: r,
-  title: m,
-  description: n,
-  toolbar: l,
-  emptyMessage: a = "No data available",
-  error: i,
-  containerClassName: o,
-  variant: d,
-  size: h,
-  padding: f,
-  ...u
+y.displayName = "GraphView";
+function I({
+  series: s,
+  data: r,
+  graphId: i,
+  onUnselectSeries: o,
+  loading: a,
+  title: l,
+  description: t,
+  toolbar: d,
+  emptyMessage: m = "No data available",
+  error: n,
+  containerClassName: f,
+  variant: x,
+  size: p,
+  padding: v,
+  yMeasureUnit: g,
+  ...V
 }) {
-  const x = !r && t.length === 0, v = p(t);
-  t.length > 0 && (v.current = t);
-  const g = r && t.length === 0 ? v.current : t, b = g.length > 0;
+  const h = z(() => s && s.length > 0 ? s : r && r.length > 0 ? [
+    {
+      data: r.map((u) => ({
+        time: typeof u.time == "number" ? u.time : Number(u.time),
+        value: u.value
+      })),
+      label: "Value",
+      yMeasureUnit: g
+    }
+  ] : [], [s, r, g]), j = !a && h.length === 0, b = N(h);
+  h.length > 0 && (b.current = h);
+  const w = a && h.length === 0 ? b.current : h, R = w.length > 0;
   return /* @__PURE__ */ e(
-    w,
+    y,
     {
-      className: o,
-      variant: d,
-      size: h,
-      padding: f,
-      title: m,
-      description: n,
-      toolbar: l,
-      loading: r,
-      error: i,
-      emptyMessage: x ? a : void 0,
-      children: b && !i && /* @__PURE__ */ e(
-        V,
+      className: f,
+      variant: x,
+      size: p,
+      padding: v,
+      title: l,
+      description: t,
+      toolbar: d,
+      loading: a,
+      error: n,
+      emptyMessage: j ? m : void 0,
+      children: R && !n && /* @__PURE__ */ e(
+        S,
         {
-          series: g,
-          ...s ? { onUnselectSeries: s } : {},
-          ...u
+          series: w,
+          yMeasureUnit: g,
+          ...o ? { onUnselectSeries: o } : {},
+          ...V
         }
       )
     }
   );
 }
-function A(t = 0) {
-  const s = p(null), r = p(null), [m, n] = j(null);
-  return R(() => {
+function O(s = 0) {
+  const r = N(null), i = N(null), [o, a] = L(null);
+  return H(() => {
     const l = () => {
-      if (s.current && r.current) {
-        const o = r.current.clientWidth, d = s.current.clientWidth;
-        n(o - d - t);
+      if (r.current && i.current) {
+        const m = i.current.clientWidth, n = r.current.clientWidth;
+        a(m - n - s);
       }
-    }, a = r.current, i = a ? new ResizeObserver(l) : null;
-    return a && i?.observe(a), () => {
-      a && i?.unobserve(a);
+    }, t = i.current, d = t ? new ResizeObserver(l) : null;
+    return t && d?.observe(t), () => {
+      t && d?.unobserve(t);
     };
-  }, [t]), { graphWidth: m, parentRef: r, asideRef: s };
+  }, [s]), { graphWidth: o, parentRef: i, asideRef: r };
 }
 export {
-  w as GraphView,
-  S as GraphViewWithData,
-  W as graphViewVariants,
-  A as useGraphAside
+  y as GraphView,
+  I as GraphViewWithData,
+  A as graphViewVariants,
+  O as useGraphAside
 };

package/dist/esm/components/graph/graph.js

@@ -81,8 +81,8 @@ function Yt({
   O(() => {
     const e = () => {
       if (x.current && A.current) {
-        const d = A.current.clientWidth, a = A.current.clientHeight;
-        x.current.resize(d, a), x.current.timeScale().fitContent();
+        const g = A.current.clientWidth, a = A.current.clientHeight;
+        x.current.resize(g, a), x.current.timeScale().fitContent();
       }
     }, r = A.current, l = r ? new ResizeObserver(e) : null;
     return r && l?.observe(r), () => {
@@ -109,13 +109,13 @@ function Yt({
     const e = x.current;
     if (!e || o.length === 0) return;
     const r = V === "time" ? gt(V, L) : gt(V), l = L.map((t) => t.value), {
-      formatter: d,
+      formatter: g,
       updateVisibleRange: a,
-      updateLastValues: u
+      updateLastValues: f
     } = Lt(l);
-    Z.current = a, ht.current = u;
-    const m = o.filter((t) => t.data.length > 0).map((t) => t.data[t.data.length - 1].value);
-    u(m);
+    Z.current = a, ht.current = f;
+    const h = o.filter((t) => t.data.length > 0).map((t) => t.data[t.data.length - 1].value);
+    f(h);
     const v = dt();
     e.applyOptions({
       localization: {
@@ -134,16 +134,16 @@ function Yt({
         minBarSpacing: 0
       }
     });
-    const M = (L.length > 0 ? Math.min(...L.map((t) => t.value)) : 0) < 0, y = L.some((t) => t.value === 0), f = !M && y, i = o.length > 1, c = i || k, s = ft(
+    const M = (L.length > 0 ? Math.min(...L.map((t) => t.value)) : 0) < 0, y = L.some((t) => t.value === 0), d = !M && y, i = o.length > 1, u = i || k, s = ft(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
     e.applyOptions({
       rightPriceScale: {
         ...v.rightPriceScale || {},
-        visible: !c,
+        visible: !u,
         textColor: s,
-        ...f && {
+        ...d && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -151,8 +151,8 @@ function Yt({
         }
       }
     });
-    const g = new Set(b.current.keys()), R = new Set(o.map((t) => t.label));
-    for (const t of g)
+    const m = new Set(b.current.keys()), R = new Set(o.map((t) => t.label));
+    for (const t of m)
       if (!R.has(t)) {
         const n = b.current.get(t);
         n && (e.removeSeries(n), b.current.delete(t));
@@ -166,22 +166,22 @@ function Yt({
         if (n.topColor && n.bottomColor)
           N = n.topColor, T = n.bottomColor;
         else if (n.topColor) {
-          const p = rt(G);
-          N = n.topColor, T = p.bottomColor;
+          const c = rt(G);
+          N = n.topColor, T = c.bottomColor;
         } else if (n.bottomColor)
           N = rt(G).topColor, T = n.bottomColor;
         else {
-          const p = rt(G);
-          N = p.topColor, T = p.bottomColor;
+          const c = rt(G);
+          N = c.topColor, T = c.bottomColor;
         }
       else
         N = n.topColor || tt.top, T = n.bottomColor || tt.bottom;
       if (n.data.length === 0) {
-        const p = b.current.get(n.label);
-        p && (e.removeSeries(p), b.current.delete(n.label));
+        const c = b.current.get(n.label);
+        c && (e.removeSeries(c), b.current.delete(n.label));
         continue;
       }
-      const Ct = (n.data.length > 0 ? Math.min(...n.data.map((p) => p.value)) : 0) < 0, St = n.data.some((p) => p.value === 0), xt = !Ct && St, et = i ? I === 0 ? "right" : `scale-${I}` : "right";
+      const Ct = (n.data.length > 0 ? Math.min(...n.data.map((c) => c.value)) : 0) < 0, St = n.data.some((c) => c.value === 0), xt = !Ct && St, et = i ? I === 0 ? "right" : `scale-${I}` : "right";
       i && B.push({
         priceScaleId: et || "right",
         shouldPreventNegativeAxis: xt,
@@ -195,9 +195,14 @@ function Yt({
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: d
+          formatter: g
         }
-      }), z.setData(n.data)) : (z = e.addAreaSeries({
+      }), z.setData(
+        n.data.map((c) => ({
+          ...c,
+          time: c.time
+        }))
+      )) : (z = e.addAreaSeries({
         ...F,
         lineColor: G,
         topColor: N,
@@ -205,9 +210,14 @@ function Yt({
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: d
+          formatter: g
         }
-      }), z.setData(n.data), b.current.set(n.label, z)), I++;
+      }), z.setData(
+        n.data.map((c) => ({
+          ...c,
+          time: c.time
+        }))
+      ), b.current.set(n.label, z)), I++;
     }
     if (i && B.length > 0)
       for (const t of B)
@@ -245,7 +255,7 @@ function Yt({
           scaleMargins: {
             top: 0.1,
             bottom: 0.1,
-            ...f && {
+            ...d && {
               top: 0.3,
               bottom: 0
             }
@@ -275,105 +285,105 @@ function Yt({
         break;
       }
     if (!l) return;
-    const d = (a) => {
-      const { time: u = l, seriesData: m, point: v } = a || {}, h = Array.from(b.current.values());
-      if (!v || !u) {
-        const f = /* @__PURE__ */ new Map();
+    const g = (a) => {
+      const { time: f = l, seriesData: h, point: v } = a || {}, p = Array.from(b.current.values());
+      if (!v || !f) {
+        const d = /* @__PURE__ */ new Map();
         for (const i of o)
-          i.data.length > 0 && f.set(i.label, i.data[i.data.length - 1]);
-        if (J(f.size > 0 ? f : void 0), r)
+          i.data.length > 0 && d.set(i.label, i.data[i.data.length - 1]);
+        if (J(d.size > 0 ? d : void 0), r)
           P(null);
-        else if (h[0] && l) {
-          const c = e.timeScale().timeToCoordinate(l), s = o[0];
+        else if (p[0] && l) {
+          const u = e.timeScale().timeToCoordinate(l), s = o[0];
           if (s.data.length > 0) {
-            const g = s.data[s.data.length - 1].value, R = h[0].priceToCoordinate(g);
-            c !== null && R !== null && P({ x: c, y: R });
+            const m = s.data[s.data.length - 1].value, R = p[0].priceToCoordinate(m);
+            u !== null && R !== null && P({ x: u, y: R });
           }
         }
         return;
       }
       const M = /* @__PURE__ */ new Map();
       let y;
-      for (let f = 0; f < o.length; f++) {
-        const i = o[f], c = h[f];
-        if (!c) continue;
-        const s = m?.get(c), g = s && "value" in s ? s.value : void 0, R = i.data[i.data.length - 1], F = g !== void 0 ? g : R?.value ?? 0;
-        f === 0 && (y = F), M.set(i.label, { value: F, time: u });
+      for (let d = 0; d < o.length; d++) {
+        const i = o[d], u = p[d];
+        if (!u) continue;
+        const s = h?.get(u), m = s && "value" in s ? s.value : void 0, R = i.data[i.data.length - 1], F = m !== void 0 ? m : R?.value ?? 0;
+        d === 0 && (y = F), M.set(i.label, { value: F, time: f });
       }
-      if (J(M), y !== void 0 && h[0]) {
-        const i = e.timeScale().timeToCoordinate(u), c = h[0].priceToCoordinate(y);
-        if (i !== null && c !== null) {
+      if (J(M), y !== void 0 && p[0]) {
+        const i = e.timeScale().timeToCoordinate(f), u = p[0].priceToCoordinate(y);
+        if (i !== null && u !== null) {
           const s = A.current;
           if (s) {
-            const g = s.querySelector(
+            const m = s.querySelector(
               ".LightweightChart"
             );
-            if (g) {
-              const R = g.getBoundingClientRect(), F = s.getBoundingClientRect(), B = i + (R.left - F.left), I = c + (R.top - F.top);
+            if (m) {
+              const R = m.getBoundingClientRect(), F = s.getBoundingClientRect(), B = i + (R.left - F.left), I = u + (R.top - F.top);
               P({ x: B, y: I });
             } else
-              P({ x: i, y: c });
+              P({ x: i, y: u });
           } else
-            P({ x: i, y: c });
+            P({ x: i, y: u });
         } else
           P(null);
       } else
         P(null);
     };
-    return e.subscribeCrosshairMove(d), r || requestAnimationFrame(() => {
+    return e.subscribeCrosshairMove(g), r || requestAnimationFrame(() => {
       const a = Array.from(b.current.values());
       if (a[0] && l && o[0]?.data.length > 0) {
-        const m = e.timeScale().timeToCoordinate(l), v = o[0].data[o[0].data.length - 1].value, h = a[0].priceToCoordinate(v);
-        m !== null && h !== null && P({ x: m, y: h });
+        const h = e.timeScale().timeToCoordinate(l), v = o[0].data[o[0].data.length - 1].value, p = a[0].priceToCoordinate(v);
+        h !== null && p !== null && P({ x: h, y: p });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(d);
+      e.unsubscribeCrosshairMove(g);
     };
   }, [o]), O(() => {
     const e = x.current;
     if (!e || o.length === 0) return;
-    const r = e.timeScale(), l = Math.max(...o.map((a) => a.data.length)), d = () => {
+    const r = e.timeScale(), l = Math.max(...o.map((a) => a.data.length)), g = () => {
       if (l === 0) return;
       const a = r.getVisibleLogicalRange();
       if (!a) return;
-      const u = {
+      const f = {
         from: 0,
         to: l - 1
-      }, m = typeof a.from == "number" ? a.from : 0, v = typeof a.to == "number" ? a.to : l - 1;
+      }, h = typeof a.from == "number" ? a.from : 0, v = typeof a.to == "number" ? a.to : l - 1;
       if (Z.current) {
-        const f = Math.max(0, Math.floor(m)), i = Math.min(l - 1, Math.ceil(v)), c = [];
+        const d = Math.max(0, Math.floor(h)), i = Math.min(l - 1, Math.ceil(v)), u = [];
         for (const s of o)
-          for (let g = f; g <= i && g < s.data.length; g++)
-            c.push(s.data[g].value);
-        c.length > 0 && Z.current(c);
+          for (let m = d; m <= i && m < s.data.length; m++)
+            u.push(s.data[m].value);
+        u.length > 0 && Z.current(u);
       }
-      const h = 0.01;
+      const p = 0.01;
       let M = !1;
       const y = { ...a };
-      m < u.from - h && (y.from = u.from, M = !0), v > u.to + h && (y.to = u.to, M = !0), M && r.setVisibleLogicalRange(y);
+      h < f.from - p && (y.from = f.from, M = !0), v > f.to + p && (y.to = f.to, M = !0), M && r.setVisibleLogicalRange(y);
     };
-    return r.subscribeVisibleLogicalRangeChange(d), () => {
+    return r.subscribeVisibleLogicalRangeChange(g), () => {
       r.unsubscribeVisibleLogicalRangeChange(
-        d
+        g
       );
     };
   }, [o]), O(() => {
     const e = x.current, r = Array.from(b.current.values()), l = [];
     if (e && r.length > 0 && j) {
-      const d = Vt(), a = r[0];
-      for (const u of j) {
-        const m = new At(e, a, u.xCoordinate, {
-          ...d,
-          ...u.options || {}
+      const g = Vt(), a = r[0];
+      for (const f of j) {
+        const h = new At(e, a, f.xCoordinate, {
+          ...g,
+          ...f.options || {}
         });
-        a.attachPrimitive(m), l.push(m);
+        a.attachPrimitive(h), l.push(h);
       }
     }
     return () => {
       if (r.length > 0) {
-        const d = r[0];
+        const g = r[0];
         for (const a of l)
-          d.detachPrimitive(a);
+          g.detachPrimitive(a);
       }
     };
   }, [j]);

package/dist/esm/components/grid-td-cell/grid-td-cell.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import "react";
+import { cn as p } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+function l({ children: r, className: o, ...t }) {
+  return /* @__PURE__ */ m("td", { className: p("px-3 py-2", o), ...t, children: r });
+}
+export {
+  l as GridTDCell
+};

package/dist/esm/components/grid-td-cell/index.js

@@ -0,0 +1,4 @@
+import { GridTDCell as l } from "./grid-td-cell.js";
+export {
+  l as GridTDCell
+};

package/dist/esm/components/help-sections/help-sections.js

@@ -0,0 +1,18 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { cn as o } from "../../utils/cn.js";
+import "sonner";
+import "@gearbox-protocol/sdk";
+function d({ children: e, className: t }) {
+  return /* @__PURE__ */ r("div", { className: o("space-y-4", t), children: e });
+}
+function u({ title: e, children: t, className: m }) {
+  return /* @__PURE__ */ s("div", { className: o("space-y-2", m), children: [
+    e && /* @__PURE__ */ r("h3", { className: "text-sm font-medium text-foreground", children: e }),
+    /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: t })
+  ] });
+}
+export {
+  u as HelpSection,
+  d as HelpSections
+};

package/dist/esm/components/help-sections/index.js

@@ -0,0 +1,5 @@
+import { HelpSection as p, HelpSections as t } from "./help-sections.js";
+export {
+  p as HelpSection,
+  t as HelpSections
+};