vane-waterfall 2.0.2 → 2.0.3

package/dist/chunks/{doc-DukOmDCo.js → doc-C-B3zK2o.js}

@@ -1,9 +1,9 @@
 const l = "(prefers-reduced-motion: reduce)";
-function R(c = {}) {
+function C(c = {}) {
   const i = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(l) : null;
   let s = i?.matches ?? !1;
-  const m = c.disableTransform ?? !0, u = c.removeTransitions ?? !0, o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), a = (e) => {
-    if (!(!e || !u))
+  const m = c.disableTransform ?? !0, d = c.removeTransitions ?? !0, o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), a = (e) => {
+    if (!(!e || !d))
       if (s) {
         const n = e.style.transitionDuration;
         n && n !== "0s" ? t.set(e, n) : t.has(e) || t.set(e, n), e.style.setProperty("transition-duration", "0s");
@@ -12,10 +12,10 @@ function R(c = {}) {
         if (n === void 0) return;
         n ? e.style.setProperty("transition-duration", n) : e.style.removeProperty("transition-duration"), t.delete(e);
       }
-  }, f = () => o.forEach((e) => a(e)), d = (e) => {
+  }, f = () => o.forEach((e) => a(e)), u = (e) => {
     e.matches !== s && (s = e.matches, f());
   };
-  return i?.addEventListener?.("change", d), {
+  return i?.addEventListener?.("change", u), {
     name: "ReducedMotionPlugin",
     priority: 70,
     enabled: !0,
@@ -23,7 +23,7 @@ function R(c = {}) {
       transformProps: (e) => {
         if (!s) return e;
         const n = { ...e };
-        return m && (n.useTransform = !1), u && (n.itemStyle = { ...e.itemStyle ?? {}, transitionDuration: "0s" }), n;
+        return m && (n.useTransform = !1), d && (n.itemStyle = { ...e.itemStyle ?? {}, transitionDuration: "0s" }), n;
       },
       onItemMount: (e, n, r) => {
         o.set(n, r), a(r);
@@ -37,15 +37,41 @@ function R(c = {}) {
         });
       },
       onUnmount: () => {
-        i?.removeEventListener?.("change", d), o.clear(), t.clear();
+        i?.removeEventListener?.("change", u), o.clear(), t.clear();
       }
     }
   };
 }
-const p = "ReducedMotionPlugin", y = "检测 `prefers-reduced-motion: reduce`，命中后把 useTransform 关掉并清掉项上的 transition。前庭功能敏感用户不会因为滚动时的位置微动而不适。", g = "2.0.0", h = [
+const p = "ReducedMotionPlugin", h = "检测 `prefers-reduced-motion: reduce`，命中后把 useTransform 关掉并清掉项上的 transition。前庭功能敏感用户不会因为滚动时的位置微动而不适。", y = "2.0.0", g = [
   "perf",
   "a11y"
-], T = [
+], w = [
+  {
+    name: "onUnmount",
+    when: "瀑布流卸载前",
+    description: "断开观察器、移除滚动监听"
+  },
+  {
+    name: "onItemMount",
+    when: "单个卡片挂载并拿到 DOM 元素时",
+    description: "按卡片绑定监听、观察器、埋点"
+  },
+  {
+    name: "onItemUnmount",
+    when: "单个卡片卸载时",
+    description: "解绑该卡片的监听与观察器"
+  },
+  {
+    name: "onLayoutComplete",
+    when: "DOM 落位完成（可安全测量）",
+    description: "测量真实高度、懒加载判定、曝光上报"
+  },
+  {
+    name: "transformProps",
+    when: "渲染前链式改写瀑布流 props",
+    description: "补 gap / columns 默认值、按断点覆盖配置"
+  }
+], M = [], P = "只读取 context 字段（props / state / data），不调用上下文方法", T = [
   {
     name: "disableTransform",
     type: "boolean",
@@ -58,7 +84,7 @@ const p = "ReducedMotionPlugin", y = "检测 `prefers-reduced-motion: reduce`，
     default: "true",
     description: "命中偏好时清掉项过渡"
   }
-], P = `// 尊重系统「减少动画」偏好：关掉 transform 定位与项过渡。
+], v = `// 尊重系统「减少动画」偏好：关掉 transform 定位与项过渡。
 const Waterfall = withPlugins(WaterfallCore, [
   createReducedMotionPlugin({
     disableTransform: true,
@@ -66,30 +92,33 @@ const Waterfall = withPlugins(WaterfallCore, [
   }),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, M = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, R = [
   "系统偏好驱动，零配置生效",
   "两项能力可分别关闭",
   "与 TransitionPlugin 同装时优先生效"
-], v = [
+], b = [
   "政务 / 医疗类站点",
   "无障碍合规要求",
   "低性能设备"
-], w = [
+], x = [
   "偏好由 matchMedia 驱动，并监听 change：运行中改系统设置即时生效（定位方式要等下一次重渲染才切过来）。",
   "只压 `transition-duration`，不写 `transition: none` —— 写简写会把 TransitionPlugin 的过渡整条覆盖，撤销偏好后无从还原。",
   "与 TransitionPlugin 同装不是冲突：ReducedMotion 优先级更高，会先执行并压住过渡。"
-], b = {
+], D = {
   name: p,
-  description: y,
-  since: g,
-  tags: h,
+  description: h,
+  since: y,
+  tags: g,
+  events: w,
+  methods: M,
+  methodsNote: P,
   config: T,
-  example: P,
-  features: M,
-  useCases: v,
-  notes: w
+  example: v,
+  features: R,
+  useCases: b,
+  notes: x
 };
 export {
-  R as c,
-  b as d
+  C as c,
+  D as d
 };

package/dist/chunks/{doc-DElLNjIc.js → doc-C206ZwYC.js}

@@ -1,61 +1,70 @@
-function b(e) {
-  const c = Object.values(e.breakpoints).sort((s, n) => s.width - n.width);
+function w(n) {
+  const l = Object.values(n.breakpoints).sort((e, s) => e.width - s.width);
   return {
     name: "ResponsiveColumnsPlugin",
     priority: 55,
     enabled: !0,
     hooks: {
-      calculateColumns: (s, n) => {
-        const t = e.fallbackColumns ?? s.props.columns ?? 3;
-        if (!n) return t;
+      calculateColumns: (e, s) => {
+        const t = n.fallbackColumns ?? e.props.columns ?? 3;
+        if (!s) return t;
         let o = t;
-        for (const l of c)
-          n >= l.width && (o = l.columns);
+        for (const c of l)
+          s >= c.width && (o = c.columns);
         return o;
       }
     }
   };
 }
-const u = "ResponsiveColumnsPlugin", a = "用一张断点表控制列数，命中哪档用哪档。走 D1-A 布局钩子（calculateColumns），按容器宽度匹配断点。", i = "2.0.0", r = [
+const a = "ResponsiveColumnsPlugin", u = "用一张断点表控制列数，命中哪档用哪档。走 D1-A 布局钩子（calculateColumns），按容器宽度匹配断点。", i = "2.0.0", r = [
   "layout",
   "layout-hook",
   "响应式"
 ], m = [
+  {
+    name: "calculateColumns",
+    when: "每次布局前，询问列数",
+    description: "返回列数则覆盖 props.columns；返回 undefined 沿用配置"
+  }
+], p = [], d = "只读取 context 字段（props / state / data），不调用上下文方法", f = [
   {
     name: "breakpoints",
     type: "Record<string, { width: number; columns: number }>",
     default: "—",
     description: "断点表，按 width 升序匹配"
   }
-], p = `// 按断点表决定列数（如 640 → 2 列、1024 → 3 列、1440 → 4 列）。
+], C = `// 按断点表决定列数（如 640 → 2 列、1024 → 3 列、1440 → 4 列）。
 const Waterfall = withPlugins(WaterfallCore, [
   createResponsiveColumnsPlugin(),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, f = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, h = [
   "AutoColumnPlugin"
-], d = [
+], g = [
   "断点表驱动，设计稿几档就写几档",
   "按容器宽度而非视口宽度匹配",
   "未命中任何断点时回退到 props.columns"
-], C = [
+], b = [
   "严格对齐设计断点的站点",
   "同一个组件嵌在不同宽度的容器里"
-], g = [
+], v = [
   "与 AutoColumnPlugin 互斥。"
-], h = {
-  name: u,
-  description: a,
+], P = {
+  name: a,
+  description: u,
   since: i,
   tags: r,
-  config: m,
-  example: p,
-  conflicts: f,
-  features: d,
-  useCases: C,
-  notes: g
+  events: m,
+  methods: p,
+  methodsNote: d,
+  config: f,
+  example: C,
+  conflicts: h,
+  features: g,
+  useCases: b,
+  notes: v
 };
 export {
-  b as c,
-  h as d
+  w as c,
+  P as d
 };

package/dist/chunks/{doc-BSnWbrkH.js → doc-C2L8kkeI.js}

@@ -2,15 +2,15 @@ function p(o, t) {
   const n = o.responsive || {};
   return t >= 1200 && n.xl ? n.xl : t >= 992 && n.lg ? n.lg : t >= 768 && n.md ? n.md : t < 768 && n.sm ? n.sm : {};
 }
-function W(o) {
+function y(o) {
   let t = 0, n = "";
   const i = (e) => {
-    const r = e.containerRef?.current?.clientWidth ?? 0;
-    if (r <= 0) return;
+    const s = e.containerRef?.current?.clientWidth ?? 0;
+    if (s <= 0) return;
     const a = t;
-    t = r;
-    const s = JSON.stringify(p(o, r));
-    a > 0 && s !== n && e.bus?.emit("props:invalidate"), n = s;
+    t = s;
+    const r = JSON.stringify(p(o, s));
+    a > 0 && r !== n && e.bus?.emit("props:invalidate"), n = r;
   };
   return {
     name: "GapPlugin",
@@ -18,9 +18,9 @@ function W(o) {
     enabled: !0,
     hooks: {
       transformProps: (e) => {
-        const r = t > 0 ? t : typeof window < "u" ? window.innerWidth : 1024, a = { columnGap: o.columnGap, rowGap: o.rowGap }, s = p(o, r), c = {
-          columnGap: s.columnGap ?? a.columnGap ?? e.columnGap,
-          rowGap: s.rowGap ?? a.rowGap ?? e.rowGap
+        const s = t > 0 ? t : typeof window < "u" ? window.innerWidth : 1024, a = { columnGap: o.columnGap, rowGap: o.rowGap }, r = p(o, s), c = {
+          columnGap: r.columnGap ?? a.columnGap ?? e.columnGap,
+          rowGap: r.rowGap ?? a.rowGap ?? e.rowGap
         };
         return { ...e, ...c };
       },
@@ -33,10 +33,31 @@ function W(o) {
     }
   };
 }
-const u = "GapPlugin", l = "把 rowGap / columnGap 收敛到一处配置，并支持按窗口宽度切换间距（窄屏 8px、宽屏 16px 这类）。", m = "2.0.0", d = [
+const m = "GapPlugin", u = "把 rowGap / columnGap 收敛到一处配置，并支持按窗口宽度切换间距（窄屏 8px、宽屏 16px 这类）。", l = "2.0.0", d = [
   "layout",
   "间距"
 ], G = [
+  {
+    name: "onMount",
+    when: "瀑布流挂载完成",
+    description: "初始化观察器与滚动监听，返回清理函数"
+  },
+  {
+    name: "onResize",
+    when: "容器宽度变化触发重排前",
+    description: "按新宽度调整列数或卡片密度"
+  },
+  {
+    name: "transformProps",
+    when: "渲染前链式改写瀑布流 props",
+    description: "补 gap / columns 默认值、按断点覆盖配置"
+  },
+  {
+    name: "props:invalidate",
+    when: "内部布局参数变更需要重排时",
+    description: "通知宿主刷新 props 触发重新布局"
+  }
+], f = [], w = "只读取 context 字段（props / state / data），不调用上下文方法", g = [
   {
     name: "columnGap",
     type: "number",
@@ -55,34 +76,37 @@ const u = "GapPlugin", l = "把 rowGap / columnGap 收敛到一处配置，并
     default: "—",
     description: "断点覆盖（按 window 宽度）"
   }
-], f = `// 统一控制行/列间距，支持按断点给不同间距。
+], h = `// 统一控制行/列间距，支持按断点给不同间距。
 const Waterfall = withPlugins(WaterfallCore, [
   createGapPlugin(),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, w = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, x = [
   "行列间距一处配置",
   "断点覆盖（sm/md/lg/xl）",
   "不填则回退到 props"
-], g = [
+], v = [
   "设计规范里间距随断点变化",
   "同一组件在不同页面用不同密度"
-], x = [
+], W = [
   "断点判断用的是 window.innerWidth（间距通常跟视口走，与列数按容器算不一样）。",
   "断点是「命中即覆盖」：桌面窗口 ≥1200 又配了 responsive.lg，那就一直是 lg 的值，config.columnGap/rowGap 在这档不起作用；想让手写值生效就别给该档位配 responsive。",
   "sm 只在小屏（<768）生效，不会被当成兜底档套到桌面端。"
-], v = {
-  name: u,
-  description: l,
-  since: m,
+], P = {
+  name: m,
+  description: u,
+  since: l,
   tags: d,
-  config: G,
-  example: f,
-  features: w,
-  useCases: g,
-  notes: x
+  events: G,
+  methods: f,
+  methodsNote: w,
+  config: g,
+  example: h,
+  features: x,
+  useCases: v,
+  notes: W
 };
 export {
-  W as c,
-  v as d
+  y as c,
+  P as d
 };

package/dist/chunks/{doc-a0MK2S3n.js → doc-CE1DGMBV.js}

@@ -1,6 +1,6 @@
-import { jsxs as p } from "react/jsx-runtime";
-function H(d = {}) {
-  const v = d.showOverlay ?? d.showOverlaySummary ?? !1, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+import { jsxs as d } from "react/jsx-runtime";
+function V(y = {}) {
+  const w = y.showOverlay ?? y.showOverlaySummary ?? !1, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   let l = !1, c = null;
   const f = (t) => Array.from(t.values()).reduce((e, s) => e + s, 0), m = (t, e, s) => {
     try {
@@ -9,54 +9,54 @@ function H(d = {}) {
     } catch {
     }
     return `#${s}`;
-  }, u = (t) => {
+  }, p = (t) => {
     const e = t.items;
-    (c === null || e !== c) && (c = e, a.clear(), o.clear(), r.clear(), l = !1);
+    (c === null || e !== c) && (c = e, o.clear(), a.clear(), r.clear(), l = !1);
   };
   return {
     name: "HeatmapAnalyticsPlugin",
     enabled: !0,
     getStats: () => {
-      const t = /* @__PURE__ */ new Set([...a.keys(), ...o.keys()]);
+      const t = /* @__PURE__ */ new Set([...o.keys(), ...a.keys()]);
       return {
-        totalViews: f(a),
-        totalClicks: f(o),
+        totalViews: f(o),
+        totalClicks: f(a),
         items: Array.from(t).map((e) => ({
           index: r.get(e) ?? 0,
           key: e,
-          views: a.get(e) ?? 0,
-          clicks: o.get(e) ?? 0
+          views: o.get(e) ?? 0,
+          clicks: a.get(e) ?? 0
         })).sort((e, s) => e.index - s.index || e.key.localeCompare(s.key))
       };
     },
     hooks: {
       onLayoutComplete: (t) => {
-        if (u(t), l) return;
+        if (p(t), l) return;
         const { start: e, end: s } = t.visibleRange, n = t.items;
         for (let i = e; i <= s; i++) {
           const g = n[i];
           if (g === void 0) continue;
-          const y = m(t, g, i);
-          r.set(y, i), a.set(y, (a.get(y) || 0) + 1);
+          const u = m(t, g, i);
+          r.set(u, i), o.set(u, (o.get(u) || 0) + 1);
         }
         l = !0;
       },
       onItemEnterViewport: (t, e) => {
-        u(t);
+        p(t);
         const s = t.items[e];
         if (s === void 0) return;
         const n = m(t, s, e);
-        r.set(n, e), a.set(n, (a.get(n) || 0) + 1);
+        r.set(n, e), o.set(n, (o.get(n) || 0) + 1);
       },
       onItemClick: (t, e, s) => {
-        u(t);
+        p(t);
         const n = m(t, s, e);
-        r.set(n, e), o.set(n, (o.get(n) || 0) + 1), t.forceUpdate?.();
+        r.set(n, e), a.set(n, (a.get(n) || 0) + 1), t.forceUpdate?.();
       },
       renderOverlay: () => {
-        if (!v) return null;
-        const t = Array.from(a.values()).reduce((s, n) => s + n, 0), e = Array.from(o.values()).reduce((s, n) => s + n, 0);
-        return /* @__PURE__ */ p(
+        if (!w) return null;
+        const t = Array.from(o.values()).reduce((s, n) => s + n, 0), e = Array.from(a.values()).reduce((s, n) => s + n, 0);
+        return /* @__PURE__ */ d(
           "div",
           {
             style: {
@@ -74,11 +74,11 @@ function H(d = {}) {
               marginBottom: 8
             },
             children: [
-              /* @__PURE__ */ p("span", { children: [
+              /* @__PURE__ */ d("span", { children: [
                 "曝光总计: ",
                 t
               ] }),
-              /* @__PURE__ */ p("span", { children: [
+              /* @__PURE__ */ d("span", { children: [
                 "点击总计: ",
                 e
               ] })
@@ -89,11 +89,32 @@ function H(d = {}) {
     }
   };
 }
-const w = "HeatmapAnalyticsPlugin", k = "统计每项进入视口次数与点击次数，可选顶部汇总条，`getStats()` 取出每项明细。曝光是瀑布流里最容易统计错的东西（滚动时反复进出视口），交给插件比自己写 IntersectionObserver 少踩坑。", h = "2.0.0", C = [
+const h = "HeatmapAnalyticsPlugin", v = "统计每项进入视口次数与点击次数，可选顶部汇总条，`getStats()` 取出每项明细。曝光是瀑布流里最容易统计错的东西（滚动时反复进出视口），交给插件比自己写 IntersectionObserver 少踩坑。", k = "2.0.0", C = [
   "interaction",
   "埋点",
   "曝光"
 ], O = [
+  {
+    name: "onItemClick",
+    when: "单个卡片被点击",
+    description: "卡片级跳转与点击埋点"
+  },
+  {
+    name: "onItemEnterViewport",
+    when: "单个卡片进入视口",
+    description: "卡片级曝光、视频自动播放等"
+  },
+  {
+    name: "onLayoutComplete",
+    when: "DOM 落位完成（可安全测量）",
+    description: "测量真实高度、懒加载判定、曝光上报"
+  },
+  {
+    name: "renderOverlay",
+    when: "每次渲染，滚动容器内的内容层之上",
+    description: "回到顶部、加载提示、浮层工具"
+  }
+], I = [], S = "只读取 context 字段（props / state / data），不调用上下文方法", A = [
   {
     name: "showOverlay",
     type: "boolean",
@@ -106,37 +127,40 @@ const w = "HeatmapAnalyticsPlugin", k = "统计每项进入视口次数与点击
     default: "—",
     description: "showOverlay 的旧别名"
   }
-], S = `// 统计每项曝光次数与点击次数，可显示汇总条。
+], b = `// 统计每项曝光次数与点击次数，可显示汇总条。
 const Waterfall = withPlugins(WaterfallCore, [
   createHeatmapAnalyticsPlugin({
     showOverlay: false,
   }),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, A = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, P = [
   "按项的曝光 / 点击双计数",
   "首屏曝光在 onLayoutComplete 补一次",
   "getStats() 输出可上报的扁平结构"
-], b = [
+], H = [
   "信息流曝光分析",
   "广告位可见性验证",
   "调试曝光策略"
-], I = [
+], L = [
   "首屏曝光靠 onLayoutComplete 补一次，否则第一帧显示 0。",
   "真实上报要自己做去重与批次（插件只负责计数，不区分「同一项第几次进入」）。",
   "计数只在内存里，刷新即清零 —— 定时取 getStats() 上报。"
-], L = {
-  name: w,
-  description: k,
-  since: h,
+], x = {
+  name: h,
+  description: v,
+  since: k,
   tags: C,
-  config: O,
-  example: S,
-  features: A,
-  useCases: b,
-  notes: I
+  events: O,
+  methods: I,
+  methodsNote: S,
+  config: A,
+  example: b,
+  features: P,
+  useCases: H,
+  notes: L
 };
 export {
-  H as c,
-  L as d
+  V as c,
+  x as d
 };

package/dist/chunks/{doc-BXSy2aPP.js → doc-CHbQXLwY.js}

@@ -1,5 +1,5 @@
-function A(t = {}) {
-  const s = t.getAnchorId || ((n) => n?.id);
+function P(o = {}) {
+  const s = o.getAnchorId || ((n) => n?.id);
   let e;
   return {
     name: "ScrollAnchorPlugin",
@@ -7,53 +7,67 @@ function A(t = {}) {
     hooks: {
       onMount: (n) => {
         e = n.bus?.on("anchor:scrollToId", (c) => {
-          const o = (n.props?.items || []).findIndex((i, r) => s(i, r) === c.id);
-          o >= 0 && n.scrollToItem?.(o, { behavior: "smooth", block: "start" });
+          const t = (n.props?.items || []).findIndex((i, r) => s(i, r) === c.id);
+          t >= 0 && n.scrollToItem?.(t, { behavior: "smooth", block: "start" });
         });
       },
       onUnmount: () => e?.()
     }
   };
 }
-const a = "ScrollAnchorPlugin", l = '不需要自己算索引：外部只管 `bus.emit("anchor:scrollToId", { id })`，插件用 getAnchorId 找到对应项并滚过去。适合「从消息跳到某条内容」。', d = "2.0.0", m = [
+const a = "ScrollAnchorPlugin", d = '不需要自己算索引：外部只管 `bus.emit("anchor:scrollToId", { id })`，插件用 getAnchorId 找到对应项并滚过去。适合「从消息跳到某条内容」。', l = "2.0.0", m = [
   "interaction",
   "滚动"
 ], u = [
+  {
+    name: "onMount",
+    when: "瀑布流挂载完成",
+    description: "初始化观察器与滚动监听，返回清理函数"
+  },
+  {
+    name: "onUnmount",
+    when: "瀑布流卸载前",
+    description: "断开观察器、移除滚动监听"
+  }
+], h = [], g = "只读取 context 字段（props / state / data），不调用上下文方法", p = [
   {
     name: "getAnchorId",
     type: "(item, index) => string | number | undefined",
     default: "item.id",
     description: "从项里取锚点 id"
   }
-], g = `// 监听 \`anchor:scrollToId\` 事件，按业务 id 滚动到对应项。
+], f = `// 监听 \`anchor:scrollToId\` 事件，按业务 id 滚动到对应项。
 const Waterfall = withPlugins(WaterfallCore, [
   createScrollAnchorPlugin({
     getAnchorId: "item.id",
   }),
 ]);
 
-<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, h = [
+<Waterfall items={items} renderItem={(item) => <Card data={item} />} />;`, I = [
   "按业务 id 定位，不用算下标",
   "onMount 订阅 / onUnmount 退订（不泄漏）",
   "平滑滚动"
-], f = [
+], A = [
   "从通知跳转到具体卡片",
   "目录点击定位",
   "外链深链定位"
-], I = [
+], b = [
   "目标项必须已在 items 里；分页场景请先切到对应页再发事件。"
-], b = {
+], C = {
   name: a,
-  description: l,
-  since: d,
+  description: d,
+  since: l,
   tags: m,
-  config: u,
-  example: g,
-  features: h,
-  useCases: f,
-  notes: I
+  events: u,
+  methods: h,
+  methodsNote: g,
+  config: p,
+  example: f,
+  features: I,
+  useCases: A,
+  notes: b
 };
 export {
-  A as c,
-  b as d
+  P as c,
+  C as d
 };