@wealthx/shadcn 1.1.0 → 1.2.0

package/dist/components/ui/pipeline-board.mjs

@@ -0,0 +1,24 @@
+import {
+  PipelineBoard
+} from "../../chunk-4CX4SBRO.mjs";
+import "../../chunk-VACKZOMY.mjs";
+import "../../chunk-4MN6UQHG.mjs";
+import "../../chunk-FMAXJ2SI.mjs";
+import "../../chunk-PMB3A7V3.mjs";
+import "../../chunk-WOEHFRGB.mjs";
+import "../../chunk-EFRENWEJ.mjs";
+import "../../chunk-WAZD7NFU.mjs";
+import "../../chunk-MARPPFOJ.mjs";
+import "../../chunk-FH6QVUVZ.mjs";
+import "../../chunk-RGVKLTLH.mjs";
+import "../../chunk-7YAU5CY6.mjs";
+import "../../chunk-GYMYRIZP.mjs";
+import "../../chunk-2I5S2AMY.mjs";
+import "../../chunk-DBHJ5KC3.mjs";
+import "../../chunk-FEZKMUCF.mjs";
+import "../../chunk-QOJ2DQD6.mjs";
+import "../../chunk-VLQZANBF.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  PipelineBoard
+};

package/dist/components/ui/pipeline-chart.js

@@ -0,0 +1,216 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/pipeline-chart.tsx
+var pipeline_chart_exports = {};
+__export(pipeline_chart_exports, {
+  PipelineChart: () => PipelineChart
+});
+module.exports = __toCommonJS(pipeline_chart_exports);
+var React2 = __toESM(require("react"));
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/lib/theme-provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeVarsContext = (0, import_react.createContext)({});
+function useThemeVars() {
+  return (0, import_react.useContext)(ThemeVarsContext);
+}
+
+// src/components/ui/pipeline-chart.tsx
+var import_jsx_runtime2 = require("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] = React2.useState(null);
+  const [tooltipX, setTooltipX] = React2.useState(0);
+  const barRef = React2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: cn("flex flex-col gap-3", className),
+      "data-slot": "pipeline-chart",
+      style: themeVars,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-medium", children: activeStage.name }),
+                    " \u2014 ",
+                    formatValue(activeStage.value)
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "span",
+                  {
+                    className: "inline-block size-2 shrink-0 rounded-full",
+                    style: { backgroundColor: color },
+                    "aria-hidden": "true"
+                  }
+                ),
+                stage.name
+              ]
+            },
+            stage.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PipelineChart
+});

package/dist/components/ui/pipeline-chart.mjs

@@ -0,0 +1,10 @@
+import {
+  PipelineChart
+} from "../../chunk-RGU7HOEC.mjs";
+import "../../chunk-FEZKMUCF.mjs";
+import "../../chunk-QOJ2DQD6.mjs";
+import "../../chunk-VLQZANBF.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  PipelineChart
+};