@wealthx/shadcn 1.1.0 → 1.2.0

package/dist/{chunk-DDPA2XXS.mjs → chunk-PMB3A7V3.mjs}

@@ -1,9 +1,9 @@
 import {
   toggleVariants
-} from "./chunk-3U7SD3MS.mjs";
+} from "./chunk-WOEHFRGB.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-PR6V5XKM.mjs

@@ -0,0 +1,209 @@
+import {
+  Checkbox
+} from "./chunk-RGVKLTLH.mjs";
+import {
+  Spinner
+} from "./chunk-7YAU5CY6.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-XIRTEFKH.mjs";
+import {
+  Button
+} from "./chunk-2I5S2AMY.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/add-lead-modal.tsx
+import * as React from "react";
+import { Search, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AddLeadModal({
+  open,
+  onOpenChange,
+  contacts,
+  total,
+  isLoading = false,
+  isSubmitting = false,
+  searchValue = "",
+  onSearchChange,
+  page = 0,
+  pageSize = 10,
+  onPageChange,
+  onAdd,
+  className
+}) {
+  const [selectedIds, setSelectedIds] = React.useState(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    if (open) setSelectedIds(/* @__PURE__ */ new Set());
+  }, [open]);
+  const allPageSelected = contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id));
+  const somePageSelected = contacts.some((c) => selectedIds.has(c.id));
+  function toggleAll() {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (allPageSelected) {
+        contacts.forEach((c) => next.delete(c.id));
+      } else {
+        contacts.forEach((c) => next.add(c.id));
+      }
+      return next;
+    });
+  }
+  function toggleOne(id) {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+  }
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const canPrev = page > 0;
+  const canNext = page < totalPages - 1;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isSubmitting ? void 0 : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("sm:max-w-2xl", className), children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Lead" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search contacts\u2026",
+          value: searchValue,
+          onChange: (e) => onSearchChange == null ? void 0 : onSearchChange(e.target.value),
+          className: "pl-8 pr-8",
+          disabled: isSubmitting
+        }
+      ),
+      searchValue && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onSearchChange == null ? void 0 : onSearchChange(""),
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative min-h-[200px] overflow-auto border border-border", children: [
+      isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+      /* @__PURE__ */ jsxs("table", { className: "w-full border-separate border-spacing-0 text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-muted/50", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "w-10 border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex h-10 w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: somePageSelected && !allPageSelected ? "indeterminate" : allPageSelected,
+              onCheckedChange: toggleAll,
+              "aria-label": "Select all on page",
+              disabled: contacts.length === 0 || isSubmitting
+            }
+          ) }) }) }),
+          ["Name", "Email", "Phone"].map((col) => /* @__PURE__ */ jsx("th", { className: "border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex h-10 items-center px-3 text-xs font-semibold text-foreground", children: col }) }, col))
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: contacts.length === 0 && !isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: 4,
+            className: "py-10 text-center text-xs text-muted-foreground",
+            children: "No contacts found."
+          }
+        ) }) : contacts.map((contact, idx) => {
+          var _a, _b;
+          const isSelected = selectedIds.has(contact.id);
+          const tdCls = cn(
+            idx < contacts.length - 1 && "border-b border-border"
+          );
+          return /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              className: cn(
+                "cursor-pointer",
+                isSelected ? "bg-primary/5 hover:bg-primary/10" : "hover:bg-muted/30"
+              ),
+              onClick: () => !isSubmitting && toggleOne(contact.id),
+              children: [
+                /* @__PURE__ */ jsx("td", { className: tdCls, children: /* @__PURE__ */ jsx("div", { className: "flex h-12 w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: isSelected,
+                    onCheckedChange: () => toggleOne(contact.id),
+                    disabled: isSubmitting
+                  }
+                ) }) }) }),
+                /* @__PURE__ */ jsx("td", { className: tdCls, children: /* @__PURE__ */ jsx("div", { className: "flex h-12 items-center px-3 font-medium text-foreground", children: contact.name }) }),
+                /* @__PURE__ */ jsx("td", { className: tdCls, children: /* @__PURE__ */ jsx("div", { className: "flex h-12 items-center px-3 text-muted-foreground", children: (_a = contact.email) != null ? _a : "\u2014" }) }),
+                /* @__PURE__ */ jsx("td", { className: tdCls, children: /* @__PURE__ */ jsx("div", { className: "flex h-12 items-center px-3 text-muted-foreground", children: (_b = contact.phone) != null ? _b : "\u2014" }) })
+              ]
+            },
+            contact.id
+          );
+        }) })
+      ] })
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        total,
+        " contact",
+        total !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-7 text-xs",
+            onClick: () => onPageChange == null ? void 0 : onPageChange(page - 1),
+            disabled: !canPrev || isLoading || isSubmitting,
+            children: "Prev"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { children: [
+          page + 1,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-7 text-xs",
+            onClick: () => onPageChange == null ? void 0 : onPageChange(page + 1),
+            disabled: !canNext || isLoading || isSubmitting,
+            children: "Next"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isSubmitting,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => onAdd == null ? void 0 : onAdd([...selectedIds]),
+          disabled: selectedIds.size === 0 || isSubmitting,
+          children: isSubmitting ? "Adding\u2026" : `Add${selectedIds.size > 0 ? ` (${selectedIds.size})` : ""}`
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  AddLeadModal
+};

package/dist/{chunk-46OFHMQA.mjs → chunk-Q76O3RIQ.mjs}

@@ -1,15 +1,15 @@
 import {
   Textarea
-} from "./chunk-GPRJQ24C.mjs";
+} from "./chunk-34NWQURD.mjs";
 import {
   Input
-} from "./chunk-DS2AMHN2.mjs";
+} from "./chunk-GYMYRIZP.mjs";
 import {
   Button
-} from "./chunk-4AJ5HWHD.mjs";
+} from "./chunk-2I5S2AMY.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues
@@ -131,12 +131,16 @@ function InputGroupButton(_a) {
   );
 }
 function InputGroupText(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsx(
     "span",
     __spreadValues({
       className: cn(
-        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        "flex items-center gap-2 text-body-small text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
       )
     }, props)

package/dist/chunk-QVKWW6KE.mjs

@@ -0,0 +1,272 @@
+import {
+  Skeleton
+} from "./chunk-D6ID6M4V.mjs";
+import {
+  ChartLegendItem,
+  ChartPeriodButton,
+  FALLBACK_PRIMARY,
+  FALLBACK_TICK,
+  formatCount,
+  formatMonthLabel,
+  formatTooltipDate,
+  hexToRgba
+} from "./chunk-FZIXGLMV.mjs";
+import {
+  Empty,
+  EmptyDescription
+} from "./chunk-NQPOYKAQ.mjs";
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "./chunk-CLIN5525.mjs";
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/backoffice-contact-history-chart.tsx
+import { useMemo, useState } from "react";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Tooltip
+} from "chart.js";
+import { Chart } from "react-chartjs-2";
+import { jsx, jsxs } from "react/jsx-runtime";
+ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip);
+var CONTACT_PERIODS = [3, 6, 12];
+var SLICE_COUNT = {
+  3: 3,
+  6: 6,
+  12: 12
+};
+function ChartLegend({
+  callColor,
+  emailColor,
+  meetingColor,
+  noteColor,
+  showNotes
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1.5 pb-2", children: [
+    /* @__PURE__ */ jsx(ChartLegendItem, { label: "Calls", color: callColor }),
+    /* @__PURE__ */ jsx(ChartLegendItem, { label: "Emails", color: emailColor }),
+    /* @__PURE__ */ jsx(ChartLegendItem, { label: "Meetings", color: meetingColor }),
+    showNotes && /* @__PURE__ */ jsx(ChartLegendItem, { label: "Notes", color: noteColor })
+  ] });
+}
+function BackofficeContactHistoryChart({
+  chartData,
+  title = "Contact History",
+  showLegend = true,
+  legendPosition = "top",
+  showXAxis = true,
+  showYAxis = false,
+  defaultPeriod = 6,
+  height = 200,
+  width = "100%",
+  className,
+  isLoading = false
+}) {
+  const [period, setPeriod] = useState(defaultPeriod);
+  const themeVars = useThemeVars();
+  const brandPrimary = themeVars["--theme-primary"] || FALLBACK_PRIMARY;
+  const fontFamily = themeVars["--font-sans"] || "Figtree, sans-serif";
+  const callColor = brandPrimary;
+  const emailColor = hexToRgba(brandPrimary, 0.65);
+  const meetingColor = hexToRgba(brandPrimary, 0.4);
+  const noteColor = hexToRgba(brandPrimary, 0.22);
+  const sliced = useMemo(() => {
+    if (!(chartData == null ? void 0 : chartData.length)) return null;
+    const count = Math.min(SLICE_COUNT[period], chartData.length);
+    return chartData.slice(chartData.length - count);
+  }, [chartData, period]);
+  const showNotes = useMemo(
+    () => !!(sliced == null ? void 0 : sliced.some((p) => {
+      var _a;
+      return ((_a = p.notes) != null ? _a : 0) > 0;
+    })),
+    [sliced]
+  );
+  const labels = useMemo(
+    () => {
+      var _a;
+      return (_a = sliced == null ? void 0 : sliced.map((p) => formatMonthLabel(p.date))) != null ? _a : [];
+    },
+    [sliced]
+  );
+  const data = useMemo(() => {
+    if (!sliced) return { labels: [], datasets: [] };
+    return {
+      labels,
+      datasets: [
+        {
+          label: "Calls",
+          data: sliced.map((p) => p.calls),
+          backgroundColor: callColor,
+          borderWidth: 0,
+          stack: "contacts"
+        },
+        {
+          label: "Emails",
+          data: sliced.map((p) => p.emails),
+          backgroundColor: emailColor,
+          borderWidth: 0,
+          stack: "contacts"
+        },
+        {
+          label: "Meetings",
+          data: sliced.map((p) => p.meetings),
+          backgroundColor: meetingColor,
+          borderWidth: 0,
+          stack: "contacts"
+        },
+        ...showNotes ? [
+          {
+            label: "Notes",
+            data: sliced.map((p) => {
+              var _a;
+              return (_a = p.notes) != null ? _a : 0;
+            }),
+            backgroundColor: noteColor,
+            borderWidth: 0,
+            stack: "contacts"
+          }
+        ] : []
+      ]
+    };
+  }, [
+    sliced,
+    labels,
+    callColor,
+    emailColor,
+    meetingColor,
+    noteColor,
+    showNotes
+  ]);
+  const options = useMemo(
+    () => ({
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: { duration: 600, easing: "easeOutQuart" },
+      layout: { padding: 0 },
+      plugins: {
+        legend: { display: false },
+        tooltip: {
+          mode: "index",
+          intersect: false,
+          padding: 12,
+          cornerRadius: 0,
+          titleFont: { size: 11, weight: 600 },
+          bodyFont: { size: 12, weight: 500 },
+          callbacks: {
+            title: (tooltipItems) => {
+              var _a, _b, _c, _d;
+              const idx = (_a = tooltipItems[0]) == null ? void 0 : _a.dataIndex;
+              if (idx != null && ((_b = sliced == null ? void 0 : sliced[idx]) == null ? void 0 : _b.date)) {
+                return formatTooltipDate(sliced[idx].date, "monthly");
+              }
+              return (_d = (_c = tooltipItems[0]) == null ? void 0 : _c.label) != null ? _d : "";
+            },
+            label: (ctx) => {
+              const val = ctx.raw;
+              if (val === 0) return;
+              return ` ${ctx.dataset.label}: ${formatCount(val)}`;
+            }
+          }
+        }
+      },
+      scales: {
+        x: {
+          stacked: true,
+          display: showXAxis,
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            maxRotation: 0,
+            minRotation: 0,
+            color: FALLBACK_TICK,
+            font: { size: 10 }
+          }
+        },
+        y: {
+          stacked: true,
+          display: showYAxis,
+          grid: { display: false },
+          border: { display: false },
+          ticks: {
+            padding: 8,
+            maxTicksLimit: 5,
+            color: FALLBACK_TICK,
+            font: { size: 10 },
+            callback: (v) => formatCount(Number(v))
+          }
+        }
+      }
+    }),
+    [showXAxis, showYAxis, sliced]
+  );
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn("w-full py-4 sm:py-6 gap-2", className),
+      style: { maxWidth: width, fontFamily },
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "px-3 sm:px-6", children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-sm sm:text-base", children: title }),
+          /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 sm:gap-1", children: CONTACT_PERIODS.map((p) => /* @__PURE__ */ jsx(
+            ChartPeriodButton,
+            {
+              period: p,
+              active: period === p,
+              onClick: () => setPeriod(p)
+            },
+            p
+          )) }) })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "px-3 sm:px-6", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { style: { height, width: "100%" } }) : !sliced ? /* @__PURE__ */ jsx(Empty, { className: "flex-none p-4", style: { height }, children: /* @__PURE__ */ jsx(EmptyDescription, { children: "No data available" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          showLegend && legendPosition === "top" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              callColor,
+              emailColor,
+              meetingColor,
+              noteColor,
+              showNotes
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { height, width: "100%", position: "relative" }, children: /* @__PURE__ */ jsx(
+            Chart,
+            {
+              type: "bar",
+              data,
+              options,
+              "aria-label": title
+            },
+            brandPrimary
+          ) }),
+          showLegend && legendPosition === "bottom" && /* @__PURE__ */ jsx(
+            ChartLegend,
+            {
+              callColor,
+              emailColor,
+              meetingColor,
+              noteColor,
+              showNotes
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+export {
+  BackofficeContactHistoryChart
+};

package/dist/chunk-RGU7HOEC.mjs

@@ -0,0 +1,140 @@
+import {
+  useThemeVars
+} from "./chunk-FEZKMUCF.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/pipeline-chart.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatValue(v) {
+  return new Intl.NumberFormat("en-AU", {
+    style: "currency",
+    currency: "AUD",
+    notation: "compact",
+    maximumFractionDigits: 1
+  }).format(v);
+}
+var FALLBACK_COLORS = [
+  "var(--color-stage-1)",
+  "var(--color-stage-2)",
+  "var(--color-stage-3)",
+  "var(--color-stage-4)",
+  "var(--color-stage-5)"
+];
+function PipelineChart({
+  stages,
+  barHeight = 32,
+  className
+}) {
+  const themeVars = useThemeVars();
+  const [activeId, setActiveId] = React.useState(null);
+  const [tooltipX, setTooltipX] = React.useState(0);
+  const barRef = React.useRef(null);
+  const nonEmpty = stages.filter((s) => s.value > 0);
+  const total = nonEmpty.reduce((sum, s) => sum + s.value, 0);
+  if (total === 0 || stages.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center text-xs text-muted-foreground",
+          className
+        ),
+        style: { height: barHeight },
+        "data-slot": "pipeline-chart",
+        children: "No pipeline data."
+      }
+    );
+  }
+  const activeStage = activeId ? stages.find((s) => s.id === activeId) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-3", className),
+      "data-slot": "pipeline-chart",
+      style: themeVars,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: barRef,
+            className: "relative flex w-full overflow-hidden",
+            style: { height: barHeight },
+            children: [
+              nonEmpty.map((stage, i) => {
+                var _a;
+                const pct = stage.value / total * 100;
+                const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
+                const isActive = activeId === stage.id;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "img",
+                    className: "relative h-full cursor-pointer transition-opacity",
+                    style: {
+                      width: `${pct}%`,
+                      backgroundColor: color,
+                      opacity: activeId && !isActive ? 0.5 : 1,
+                      minWidth: 2
+                    },
+                    onMouseEnter: (e) => {
+                      setActiveId(stage.id);
+                      const bar = barRef.current;
+                      if (!bar) return;
+                      const rect = e.currentTarget.getBoundingClientRect();
+                      const barRect = bar.getBoundingClientRect();
+                      setTooltipX(rect.left + rect.width / 2 - barRect.left);
+                    },
+                    onMouseLeave: () => setActiveId(null),
+                    "aria-label": `${stage.name}: ${formatValue(stage.value)}`
+                  },
+                  stage.id
+                );
+              }),
+              activeStage && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "pointer-events-none absolute -top-8 z-10 whitespace-nowrap border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-sm",
+                  style: { left: tooltipX, transform: "translateX(-50%)" },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: activeStage.name }),
+                    " \u2014 ",
+                    formatValue(activeStage.value)
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: nonEmpty.map((stage, i) => {
+          var _a;
+          const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "inline-block size-2 shrink-0 rounded-full",
+                    style: { backgroundColor: color },
+                    "aria-hidden": "true"
+                  }
+                ),
+                stage.name
+              ]
+            },
+            stage.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+export {
+  PipelineChart
+};