@senitix/ui 0.4.0

package/dist/pipeline-D-QNSU0U.js

@@ -0,0 +1,1036 @@
+import { jsx as e, jsxs as r, Fragment as de } from "react/jsx-runtime";
+import * as l from "react";
+import { c as N } from "./index-CwJPJKOE.js";
+import { u as ce } from "./use-mobile-C-LMK4T8.js";
+import { S as me, e as ue } from "./sheet-BVWCpq7E.js";
+import { a as he, b as W, D as pe, j as fe, e as xe, s as ge, K as be, P as ye, S as Ne, v as ve, u as we, C as ke } from "./sortable.esm-Blhf_jh1.js";
+import { B as L, a as I, S as E, d as Ce } from "./scroll-area-DQeqDp3Y.js";
+import { I as De, D as K, a as Q, b as q, c as j, g as $ } from "./input-D4AoiWxo.js";
+import { C as X, e as Y } from "./card-K4fxyYwE.js";
+import { C as G } from "./checkbox-CpOq5hkT.js";
+import { u as F } from "./use-formatters-l1_2c8z0.js";
+import { c as T } from "./createLucideIcon-BbeNo6vq.js";
+import { C as Se } from "./calendar-ChJkFXXr.js";
+import { S as Me } from "./index-l828OqQN.js";
+import { P as Z } from "./plus-CJD68KQD.js";
+import { E as _ } from "./ellipsis-CiKEaUNP.js";
+const Ie = T("Filter", [
+  ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
+]);
+const Pe = T("GripVertical", [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+]);
+const Re = T("LayoutGrid", [
+  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
+]);
+const Le = T("List", [
+  ["line", { x1: "8", x2: "21", y1: "6", y2: "6", key: "7ey8pc" }],
+  ["line", { x1: "8", x2: "21", y1: "12", y2: "12", key: "rjfblc" }],
+  ["line", { x1: "8", x2: "21", y1: "18", y2: "18", key: "c3b1m8" }],
+  ["line", { x1: "3", x2: "3.01", y1: "6", y2: "6", key: "1g7gq3" }],
+  ["line", { x1: "3", x2: "3.01", y1: "12", y2: "12", key: "1pjlvk" }],
+  ["line", { x1: "3", x2: "3.01", y1: "18", y2: "18", key: "28t2mc" }]
+]);
+const je = T("Table2", [
+  [
+    "path",
+    {
+      d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",
+      key: "gugj83"
+    }
+  ]
+]), Fe = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      className: N("flex min-h-screen w-full flex-col bg-background", i),
+      ...n,
+      children: s
+    }
+  )
+);
+Fe.displayName = "AppShell";
+const Ee = l.forwardRef(
+  ({ className: i, ...s }, n) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: n,
+      className: N(
+        "sticky top-0 z-50 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        i
+      ),
+      ...s
+    }
+  )
+);
+Ee.displayName = "AppShellHeader";
+const Te = l.forwardRef(
+  ({ className: i, ...s }, n) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: n,
+      className: N("flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-6", i),
+      ...s
+    }
+  )
+);
+Te.displayName = "AppShellMain";
+const Oe = l.forwardRef(
+  ({ className: i, ...s }, n) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: n,
+      className: N("border-t bg-background px-4 py-6 md:px-6", i),
+      ...s
+    }
+  )
+);
+Oe.displayName = "AppShellFooter";
+const ze = l.forwardRef(
+  ({ className: i, heading: s, description: n, actions: o, children: d, ...u }, m) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: m,
+      className: N("flex flex-col gap-4 md:flex-row md:items-center md:justify-between", i),
+      ...u,
+      children: [
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight md:text-3xl", children: s }),
+          n && /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: n })
+        ] }),
+        o && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o }),
+        d
+      ]
+    }
+  )
+);
+ze.displayName = "PageHeader";
+const ee = l.createContext(null);
+function ae() {
+  const i = l.useContext(ee);
+  if (!i)
+    throw new Error("useDashboardLayout must be used within a DashboardLayout.");
+  return i;
+}
+const Ae = l.forwardRef(
+  ({
+    className: i,
+    children: s,
+    defaultSidebarOpen: n = !0,
+    defaultSidebarCollapsed: o = !1,
+    sidebarWidth: d = "16rem",
+    sidebarCollapsedWidth: u = "4rem",
+    ...m
+  }, v) => {
+    const b = ce(), [k, f] = l.useState(n), [g, y] = l.useState(o), x = l.useCallback(() => {
+      b ? f((c) => !c) : y((c) => !c);
+    }, [b]);
+    l.useEffect(() => {
+      const c = (h) => {
+        h.key === "b" && (h.metaKey || h.ctrlKey) && (h.preventDefault(), x());
+      };
+      return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+    }, [x]);
+    const C = l.useMemo(
+      () => ({
+        sidebarOpen: k,
+        setSidebarOpen: f,
+        sidebarCollapsed: g,
+        setSidebarCollapsed: y,
+        isMobile: b,
+        toggleSidebar: x
+      }),
+      [k, g, b, x]
+    );
+    return /* @__PURE__ */ e(ee.Provider, { value: C, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: v,
+        style: {
+          "--sidebar-width": d,
+          "--sidebar-collapsed-width": u
+        },
+        className: N("flex min-h-screen w-full bg-background", i),
+        ...m,
+        children: s
+      }
+    ) });
+  }
+);
+Ae.displayName = "DashboardLayout";
+const He = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => {
+    const { sidebarOpen: d, setSidebarOpen: u, sidebarCollapsed: m, isMobile: v } = ae();
+    return v ? /* @__PURE__ */ e(me, { open: d, onOpenChange: u, children: /* @__PURE__ */ e(
+      ue,
+      {
+        side: "left",
+        className: "w-[var(--sidebar-width)] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        children: /* @__PURE__ */ e("aside", { className: "flex h-full w-full flex-col", children: s })
+      }
+    ) }) : /* @__PURE__ */ e(
+      "aside",
+      {
+        ref: o,
+        "data-collapsed": m,
+        className: N(
+          "fixed inset-y-0 left-0 z-30 flex h-screen flex-col border-r bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-in-out",
+          m ? "w-[var(--sidebar-collapsed-width)]" : "w-[var(--sidebar-width)]",
+          i
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+He.displayName = "DashboardSidebar";
+const Be = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => {
+    const { sidebarCollapsed: d, isMobile: u } = ae();
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: o,
+        className: N(
+          "flex flex-1 flex-col transition-[margin-left] duration-200 ease-in-out",
+          !u && (d ? "ml-[var(--sidebar-collapsed-width)]" : "ml-[var(--sidebar-width)]"),
+          i
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+Be.displayName = "DashboardContent";
+const Ve = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: o,
+      className: N(
+        "sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        i
+      ),
+      ...n,
+      children: s
+    }
+  )
+);
+Ve.displayName = "DashboardHeader";
+const Ge = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: o,
+      className: N("flex-1 overflow-auto p-4 md:p-6", i),
+      ...n,
+      children: s
+    }
+  )
+);
+Ge.displayName = "DashboardMain";
+const Ke = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: o,
+      className: N("border-t bg-background px-4 py-4 md:px-6", i),
+      ...n,
+      children: s
+    }
+  )
+);
+Ke.displayName = "DashboardFooter";
+const te = l.createContext(null);
+function P() {
+  const i = l.useContext(te);
+  if (!i)
+    throw new Error("usePipeline must be used within a Pipeline component");
+  return i;
+}
+const Qe = l.forwardRef(
+  ({
+    className: i,
+    stages: s,
+    items: n,
+    defaultView: o = "kanban",
+    view: d,
+    onViewChange: u,
+    onItemMove: m,
+    onItemClick: v,
+    onItemAdd: b,
+    onItemEdit: k,
+    onItemDelete: f,
+    children: g,
+    ...y
+  }, x) => {
+    const [C, c] = l.useState(o), [h, a] = l.useState([]), [t, w] = l.useState(""), [M, H] = l.useState(), O = d ?? C, B = (D) => {
+      d === void 0 && c(D), u?.(D);
+    }, z = l.useMemo(() => {
+      if (!t) return n;
+      const D = t.toLowerCase();
+      return n.filter(
+        (S) => S.title.toLowerCase().includes(D) || S.company?.toLowerCase().includes(D) || S.owner?.name.toLowerCase().includes(D)
+      );
+    }, [n, t]), p = l.useMemo(
+      () => ({
+        view: O,
+        setView: B,
+        stages: s,
+        items: z,
+        selectedItems: h,
+        setSelectedItems: a,
+        onItemMove: m,
+        onItemClick: v,
+        onItemAdd: b,
+        onItemEdit: k,
+        onItemDelete: f,
+        searchQuery: t,
+        setSearchQuery: w,
+        groupBy: M,
+        setGroupBy: H
+      }),
+      [
+        O,
+        s,
+        z,
+        h,
+        t,
+        M,
+        m,
+        v,
+        b,
+        k,
+        f
+      ]
+    );
+    return /* @__PURE__ */ e(te.Provider, { value: p, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: x,
+        className: N("flex h-full flex-col", i),
+        ...y,
+        children: g
+      }
+    ) });
+  }
+);
+Qe.displayName = "Pipeline";
+const qe = l.forwardRef(
+  ({
+    className: i,
+    showViewSelector: s = !0,
+    showSearch: n = !0,
+    showAddButton: o = !0,
+    addButtonLabel: d,
+    onAdd: u,
+    title: m,
+    actions: v,
+    ...b
+  }, k) => {
+    const { view: f, setView: g, searchQuery: y, setSearchQuery: x, selectedItems: C } = P(), { t: c } = F(), h = [
+      { value: "kanban", icon: /* @__PURE__ */ e(Re, { className: "h-4 w-4" }), label: "Kanban" },
+      { value: "list", icon: /* @__PURE__ */ e(Le, { className: "h-4 w-4" }), label: c("calendar.agenda") },
+      { value: "table", icon: /* @__PURE__ */ e(je, { className: "h-4 w-4" }), label: "Table" },
+      { value: "timeline", icon: /* @__PURE__ */ e(Se, { className: "h-4 w-4" }), label: "Timeline" }
+    ];
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: k,
+        className: N(
+          "flex flex-wrap items-center justify-between gap-4 border-b bg-background p-4",
+          i
+        ),
+        ...b,
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
+            m && /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: m }),
+            C.length > 0 && /* @__PURE__ */ r(L, { variant: "secondary", children: [
+              C.length,
+              " selected"
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
+            n && /* @__PURE__ */ r("div", { className: "relative", children: [
+              /* @__PURE__ */ e(Me, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ e(
+                De,
+                {
+                  placeholder: c("common.search"),
+                  value: y,
+                  onChange: (a) => x(a.target.value),
+                  className: "h-9 w-[200px] pl-8"
+                }
+              )
+            ] }),
+            s && /* @__PURE__ */ e("div", { className: "flex items-center rounded-md border bg-muted/50 p-1", children: h.map((a) => /* @__PURE__ */ e(
+              I,
+              {
+                variant: f === a.value ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 px-2",
+                onClick: () => g(a.value),
+                title: a.label,
+                children: a.icon
+              },
+              a.value
+            )) }),
+            /* @__PURE__ */ r(I, { variant: "outline", size: "sm", className: "h-9", children: [
+              /* @__PURE__ */ e(Ie, { className: "mr-2 h-4 w-4" }),
+              c("common.filter")
+            ] }),
+            v,
+            o && /* @__PURE__ */ r(I, { size: "sm", className: "h-9", onClick: u, children: [
+              /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4" }),
+              d || c("common.create")
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+qe.displayName = "PipelineHeader";
+const $e = l.forwardRef(
+  ({ className: i, children: s, ...n }, o) => {
+    const { view: d } = P();
+    return /* @__PURE__ */ e("div", { ref: o, className: N("flex-1 overflow-hidden", i), ...n, children: s || /* @__PURE__ */ r(de, { children: [
+      d === "kanban" && /* @__PURE__ */ e(re, {}),
+      d === "list" && /* @__PURE__ */ e(se, {}),
+      d === "table" && /* @__PURE__ */ e(le, {}),
+      d === "timeline" && /* @__PURE__ */ e(ne, {})
+    ] }) });
+  }
+);
+$e.displayName = "PipelineContent";
+const _e = l.memo(function({
+  item: s,
+  stageId: n,
+  renderItem: o,
+  defaultRenderItem: d,
+  onItemClick: u
+}) {
+  const {
+    attributes: m,
+    listeners: v,
+    setNodeRef: b,
+    transform: k,
+    transition: f,
+    isDragging: g
+  } = we({
+    id: s.id,
+    data: {
+      type: "item",
+      item: s,
+      stageId: n
+    }
+  }), y = {
+    transform: ke.Transform.toString(k),
+    transition: f,
+    opacity: g ? 0.5 : 1,
+    cursor: "grab"
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: b,
+      style: y,
+      ...m,
+      ...v,
+      onClick: (x) => {
+        x.stopPropagation(), u?.(s);
+      },
+      children: o ? o(s, n) : d(s)
+    }
+  );
+}), Je = l.memo(function({
+  stage: s,
+  items: n,
+  columnWidth: o,
+  showAddButton: d,
+  onItemAdd: u,
+  onItemClick: m,
+  renderItem: v,
+  defaultRenderItem: b,
+  getStageTotal: k,
+  formatCurrency: f,
+  t: g
+}) {
+  const y = l.useMemo(() => n.map((x) => x.id), [n]);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex shrink-0 flex-col rounded-lg bg-muted/30",
+      style: { width: o },
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between p-3 border-b", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+            s.color && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-3 w-3 rounded-full",
+                style: { backgroundColor: s.color }
+              }
+            ),
+            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: s.name }),
+            /* @__PURE__ */ e(L, { variant: "secondary", className: "text-xs", children: n.length })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+            d && u && /* @__PURE__ */ e(
+              I,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6",
+                onClick: () => u(s.id),
+                children: /* @__PURE__ */ e(Z, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "ghost", size: "icon", className: "h-6 w-6", children: /* @__PURE__ */ e(_, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ r(q, { align: "end", children: [
+                /* @__PURE__ */ e(j, { children: g("common.edit") }),
+                /* @__PURE__ */ e($, {}),
+                /* @__PURE__ */ e(j, { className: "text-destructive", children: g("common.delete") })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "px-3 py-2 text-xs text-muted-foreground border-b", children: [
+          g("deal.value"),
+          ":",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: f(k(s.id), {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0
+          }) })
+        ] }),
+        /* @__PURE__ */ e(E, { className: "flex-1", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 p-2 min-h-[100px]", children: [
+          /* @__PURE__ */ e(Ne, { items: y, strategy: ve, children: n.map((x) => /* @__PURE__ */ e(
+            _e,
+            {
+              item: x,
+              stageId: s.id,
+              renderItem: v,
+              defaultRenderItem: b,
+              onItemClick: m
+            },
+            x.id
+          )) }),
+          n.length === 0 && /* @__PURE__ */ e("div", { className: "py-8 text-center text-sm text-muted-foreground", children: g("common.noData") })
+        ] }) })
+      ]
+    }
+  );
+}), re = l.forwardRef(
+  ({ className: i, columnWidth: s = 320, showAddButton: n = !0, renderItem: o, ...d }, u) => {
+    const { stages: m, items: v, onItemMove: b, onItemClick: k, onItemAdd: f } = P(), { formatCurrency: g, formatDate: y, t: x } = F(), [C, c] = l.useState(null), h = he(
+      W(ye, {
+        activationConstraint: {
+          delay: 150,
+          tolerance: 5
+        }
+      }),
+      W(be, {
+        coordinateGetter: ge
+      })
+    ), a = l.useMemo(() => {
+      const p = {};
+      return m.forEach((D) => {
+        p[D.id] = v.filter((S) => S.stageId === D.id);
+      }), p;
+    }, [m, v]), t = l.useCallback(
+      (p) => a[p]?.reduce((D, S) => D + (S.value || 0), 0) || 0,
+      [a]
+    ), w = {
+      low: "bg-muted text-muted-foreground",
+      medium: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
+      high: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"
+    }, M = l.useCallback(
+      (p) => /* @__PURE__ */ e(X, { className: "cursor-pointer transition-all hover:shadow-md", children: /* @__PURE__ */ r(Y, { className: "p-3 space-y-2", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("h4", { className: "font-medium text-sm truncate", children: p.title }),
+            p.company && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: p.company })
+          ] }),
+          p.priority && /* @__PURE__ */ e(L, { className: N("text-[10px] ml-2", w[p.priority]), children: p.priority })
+        ] }),
+        p.value !== void 0 && /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: g(p.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          p.dueDate && /* @__PURE__ */ e("span", { children: y(p.dueDate) }),
+          p.owner && /* @__PURE__ */ e("span", { className: "truncate max-w-[100px]", children: p.owner.name })
+        ] }),
+        p.probability !== void 0 && /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 h-1.5 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-full bg-primary rounded-full",
+              style: { width: `${p.probability}%` }
+            }
+          ) }),
+          /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
+            p.probability,
+            "%"
+          ] })
+        ] })
+      ] }) }),
+      [g, y, w]
+    ), H = l.useCallback(
+      (p) => {
+        const { active: D } = p, S = D.data.current;
+        S?.item && c(S.item);
+      },
+      []
+    ), O = l.useCallback((p) => {
+    }, []), B = l.useCallback(
+      (p) => {
+        const { active: D, over: S } = p;
+        if (c(null), !S) return;
+        const V = D.data.current, A = S.data.current;
+        if (!V) return;
+        const ie = V.item, J = V.stageId;
+        let R = null;
+        if (A?.type === "item")
+          R = A.stageId;
+        else if (A?.type === "column")
+          R = A.stageId;
+        else {
+          const U = v.find((oe) => oe.id === S.id);
+          U && (R = U.stageId);
+        }
+        R && J !== R && b?.(ie.id, J, R);
+      },
+      [v, b]
+    ), z = l.useMemo(
+      () => [...m].sort((p, D) => p.order - D.order),
+      [m]
+    );
+    return /* @__PURE__ */ e("div", { ref: u, className: N("h-full", i), ...d, children: /* @__PURE__ */ r(
+      pe,
+      {
+        sensors: h,
+        collisionDetection: fe,
+        onDragStart: H,
+        onDragOver: O,
+        onDragEnd: B,
+        children: [
+          /* @__PURE__ */ r(E, { className: "h-full", children: [
+            /* @__PURE__ */ e("div", { className: "flex gap-4 p-4 h-full", children: z.map((p) => /* @__PURE__ */ e(
+              Je,
+              {
+                stage: p,
+                items: a[p.id] || [],
+                columnWidth: s,
+                showAddButton: n,
+                onItemAdd: f,
+                onItemClick: k,
+                renderItem: o,
+                defaultRenderItem: M,
+                getStageTotal: t,
+                formatCurrency: g,
+                t: x
+              },
+              p.id
+            )) }),
+            /* @__PURE__ */ e(Ce, { orientation: "horizontal" })
+          ] }),
+          /* @__PURE__ */ e(xe, { dropAnimation: {
+            duration: 200,
+            easing: "cubic-bezier(0.18, 0.67, 0.6, 1.22)"
+          }, children: C ? /* @__PURE__ */ e("div", { className: "opacity-90 shadow-xl rotate-3 scale-105", children: o ? o(C, C.stageId) : M(C) }) : null })
+        ]
+      }
+    ) });
+  }
+);
+re.displayName = "PipelineKanban";
+const se = l.forwardRef(
+  ({ className: i, renderItem: s, ...n }, o) => {
+    const { stages: d, items: u, selectedItems: m, setSelectedItems: v, onItemClick: b, onItemEdit: k, onItemDelete: f } = P(), { formatCurrency: g, formatDate: y, t: x } = F(), C = l.useMemo(() => {
+      const t = {};
+      return d.forEach((w) => {
+        t[w.id] = u.filter((M) => M.stageId === w.id);
+      }), t;
+    }, [d, u]), c = (t) => {
+      m.includes(t) ? v(m.filter((w) => w !== t)) : v([...m, t]);
+    }, h = {
+      low: "bg-muted text-muted-foreground",
+      medium: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
+      high: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"
+    }, a = (t, w) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: N(
+          "flex items-center gap-4 rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50",
+          m.includes(t.id) && "bg-muted/50 border-primary"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              checked: m.includes(t.id),
+              onCheckedChange: () => c(t.id)
+            }
+          ),
+          /* @__PURE__ */ e(Pe, { className: "h-4 w-4 text-muted-foreground cursor-grab" }),
+          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0 cursor-pointer", onClick: () => b?.(t), children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1", children: [
+              /* @__PURE__ */ e("h4", { className: "font-medium truncate", children: t.title }),
+              t.priority && /* @__PURE__ */ e(L, { className: N("text-xs", h[t.priority]), children: t.priority })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+              t.company && /* @__PURE__ */ e("span", { children: t.company }),
+              t.owner && /* @__PURE__ */ e("span", { children: t.owner.name })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+              w.color && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-2 w-2 rounded-full",
+                  style: { backgroundColor: w.color }
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "text-sm", children: w.name })
+            ] }),
+            t.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold min-w-[100px] text-right", children: g(t.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+            t.dueDate && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground min-w-[100px]", children: y(t.dueDate) }),
+            /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ e(_, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ r(q, { align: "end", children: [
+                /* @__PURE__ */ e(j, { onClick: () => k?.(t), children: x("common.edit") }),
+                /* @__PURE__ */ e($, {}),
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    className: "text-destructive",
+                    onClick: () => f?.(t.id),
+                    children: x("common.delete")
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e("div", { ref: o, className: N("h-full", i), ...n, children: /* @__PURE__ */ e(E, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4 space-y-6", children: d.sort((t, w) => t.order - w.order).map((t) => /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-3", children: [
+        t.color && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-3 w-3 rounded-full",
+            style: { backgroundColor: t.color }
+          }
+        ),
+        /* @__PURE__ */ e("h3", { className: "font-semibold", children: t.name }),
+        /* @__PURE__ */ e(L, { variant: "secondary", children: C[t.id]?.length || 0 })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        C[t.id]?.map(
+          (w) => s ? /* @__PURE__ */ e("div", { children: s(w) }, w.id) : /* @__PURE__ */ e("div", { children: a(w, t) }, w.id)
+        ),
+        C[t.id]?.length === 0 && /* @__PURE__ */ e("div", { className: "py-4 text-center text-sm text-muted-foreground border rounded-lg", children: x("common.noData") })
+      ] })
+    ] }, t.id)) }) }) });
+  }
+);
+se.displayName = "PipelineList";
+const le = l.forwardRef(
+  ({ className: i, ...s }, n) => {
+    const {
+      stages: o,
+      items: d,
+      selectedItems: u,
+      setSelectedItems: m,
+      onItemClick: v,
+      onItemEdit: b,
+      onItemDelete: k
+    } = P(), { formatCurrency: f, formatDate: g, t: y } = F(), x = l.useMemo(() => {
+      const a = {};
+      return o.forEach((t) => {
+        a[t.id] = t;
+      }), a;
+    }, [o]), C = () => {
+      u.length === d.length ? m([]) : m(d.map((a) => a.id));
+    }, c = (a) => {
+      u.includes(a) ? m(u.filter((t) => t !== a)) : m([...u, a]);
+    }, h = {
+      low: "bg-muted text-muted-foreground",
+      medium: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
+      high: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"
+    };
+    return /* @__PURE__ */ e("div", { ref: n, className: N("h-full", i), ...s, children: /* @__PURE__ */ e(E, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("div", { className: "rounded-lg border", children: /* @__PURE__ */ r("table", { className: "w-full", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { className: "border-b bg-muted/50", children: [
+        /* @__PURE__ */ e("th", { className: "w-[40px] p-3", children: /* @__PURE__ */ e(
+          G,
+          {
+            checked: u.length === d.length && d.length > 0,
+            onCheckedChange: C
+          }
+        ) }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: "Title" }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: "Company" }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: y("deal.stage") }),
+        /* @__PURE__ */ e("th", { className: "text-right p-3 font-medium text-sm", children: y("deal.value") }),
+        /* @__PURE__ */ e("th", { className: "text-center p-3 font-medium text-sm", children: y("deal.probability") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: "Owner" }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: y("deal.closeDate") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: "Priority" }),
+        /* @__PURE__ */ e("th", { className: "w-[60px] p-3" })
+      ] }) }),
+      /* @__PURE__ */ r("tbody", { children: [
+        d.map((a) => {
+          const t = x[a.stageId];
+          return /* @__PURE__ */ r(
+            "tr",
+            {
+              className: N(
+                "border-b transition-colors hover:bg-muted/50",
+                u.includes(a.id) && "bg-muted/50"
+              ),
+              children: [
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(
+                  G,
+                  {
+                    checked: u.includes(a.id),
+                    onCheckedChange: () => c(a.id)
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  "td",
+                  {
+                    className: "p-3 font-medium cursor-pointer",
+                    onClick: () => v?.(a),
+                    children: a.title
+                  }
+                ),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: a.company }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                  t?.color && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "h-2 w-2 rounded-full",
+                      style: { backgroundColor: t.color }
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { children: t?.name })
+                ] }) }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-right font-medium", children: a.value !== void 0 ? f(a.value, {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: 0
+                }) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-center", children: a.probability !== void 0 ? `${a.probability}%` : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: a.owner?.name || "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: a.dueDate ? g(a.dueDate) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: a.priority && /* @__PURE__ */ e(L, { className: N("text-xs", h[a.priority]), children: a.priority }) }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ r(K, { children: [
+                  /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ e(_, { className: "h-4 w-4" }) }) }),
+                  /* @__PURE__ */ r(q, { align: "end", children: [
+                    /* @__PURE__ */ e(j, { onClick: () => b?.(a), children: y("common.edit") }),
+                    /* @__PURE__ */ e($, {}),
+                    /* @__PURE__ */ e(
+                      j,
+                      {
+                        className: "text-destructive",
+                        onClick: () => k?.(a.id),
+                        children: y("common.delete")
+                      }
+                    )
+                  ] })
+                ] }) })
+              ]
+            },
+            a.id
+          );
+        }),
+        d.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 10, className: "p-8 text-center text-muted-foreground", children: y("common.noData") }) })
+      ] })
+    ] }) }) }) }) });
+  }
+);
+le.displayName = "PipelineTable";
+const ne = l.forwardRef(
+  ({ className: i, ...s }, n) => {
+    const { stages: o, items: d, onItemClick: u } = P(), { formatCurrency: m, formatDate: v, t: b } = F(), k = l.useMemo(() => {
+      const c = {};
+      return (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), d.filter((a) => a.dueDate).sort((a, t) => {
+        const w = new Date(a.dueDate), M = new Date(t.dueDate);
+        return w.getTime() - M.getTime();
+      }).forEach((a) => {
+        const w = new Date(a.dueDate).toISOString().split("T")[0];
+        c[w] || (c[w] = []), c[w].push(a);
+      }), c;
+    }, [d]), f = l.useMemo(() => {
+      const c = {};
+      return o.forEach((h) => {
+        c[h.id] = h;
+      }), c;
+    }, [o]), g = Object.keys(k).sort(), y = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], x = (c) => {
+      const h = new Date(c), a = /* @__PURE__ */ new Date();
+      a.setHours(0, 0, 0, 0);
+      const t = Math.ceil((h.getTime() - a.getTime()) / (1e3 * 60 * 60 * 24));
+      return t === 0 ? b("date.today") : t === 1 ? b("date.tomorrow") : t === -1 ? b("date.yesterday") : v(h, "EEEE, MMMM d");
+    }, C = (c) => c < y;
+    return /* @__PURE__ */ e("div", { ref: n, className: N("h-full", i), ...s, children: /* @__PURE__ */ e(E, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4", children: g.length === 0 ? /* @__PURE__ */ e("div", { className: "py-12 text-center text-muted-foreground", children: b("common.noData") }) : /* @__PURE__ */ e("div", { className: "relative space-y-8 before:absolute before:inset-0 before:ml-5 before:h-full before:w-0.5 before:-translate-x-px before:bg-border md:before:mx-auto md:before:translate-x-0", children: g.map((c) => /* @__PURE__ */ r("div", { className: "relative flex items-start gap-6 md:gap-12", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-10 h-10 rounded-full bg-background border-2 border-muted shrink-0 md:order-1 md:mx-auto", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: N(
+            "w-3 h-3 rounded-full",
+            C(c) ? "bg-destructive" : "bg-primary"
+          )
+        }
+      ) }),
+      /* @__PURE__ */ r("div", { className: "hidden md:block md:w-1/2 md:text-right md:pr-8", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: N(
+              "font-semibold",
+              C(c) && "text-destructive"
+            ),
+            children: x(c)
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: "block text-sm text-muted-foreground", children: [
+          k[c].length,
+          " item(s)"
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "flex-1 md:w-1/2 md:pl-8", children: [
+        /* @__PURE__ */ e("div", { className: "md:hidden mb-2", children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: N(
+              "font-semibold",
+              C(c) && "text-destructive"
+            ),
+            children: x(c)
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: k[c].map((h) => {
+          const a = f[h.stageId];
+          return /* @__PURE__ */ e(
+            X,
+            {
+              className: "cursor-pointer hover:shadow-md transition-shadow",
+              onClick: () => u?.(h),
+              children: /* @__PURE__ */ r(Y, { className: "p-4", children: [
+                /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-4", children: [
+                  /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e("h4", { className: "font-medium truncate", children: h.title }),
+                    h.company && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h.company })
+                  ] }),
+                  h.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold", children: m(h.value, {
+                    minimumFractionDigits: 0,
+                    maximumFractionDigits: 0
+                  }) })
+                ] }),
+                /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mt-3 text-sm", children: [
+                  a && /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
+                    a.color && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "h-2 w-2 rounded-full",
+                        style: { backgroundColor: a.color }
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { children: a.name })
+                  ] }),
+                  h.owner && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: h.owner.name })
+                ] })
+              ] })
+            },
+            h.id
+          );
+        }) })
+      ] })
+    ] }, c)) }) }) }) });
+  }
+);
+ne.displayName = "PipelineTimeline";
+const Ue = l.forwardRef(
+  ({ className: i, ...s }, n) => {
+    const { stages: o, items: d } = P(), { formatCurrency: u, t: m } = F(), v = d.reduce((f, g) => f + (g.value || 0), 0), b = d.length, k = l.useMemo(() => o.map((f) => {
+      const g = d.filter((x) => x.stageId === f.id), y = g.reduce((x, C) => x + (C.value || 0), 0);
+      return {
+        ...f,
+        count: g.length,
+        value: y
+      };
+    }), [o, d]);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: n,
+        className: N("border-t bg-muted/30 px-4 py-3", i),
+        ...s,
+        children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-6", children: [
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: m("common.total") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: u(v, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })
+            ] }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: m("common.items") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: b })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: k.map((f) => /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm", children: [
+            f.color && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-2 w-2 rounded-full",
+                style: { backgroundColor: f.color }
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: [
+              f.name,
+              ":"
+            ] }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: f.count })
+          ] }, f.id)) })
+        ] })
+      }
+    );
+  }
+);
+Ue.displayName = "PipelineSummary";
+export {
+  Fe as A,
+  Ae as D,
+  ze as P,
+  Ee as a,
+  Te as b,
+  Oe as c,
+  He as d,
+  Be as e,
+  Ve as f,
+  Ge as g,
+  Ke as h,
+  P as i,
+  Qe as j,
+  qe as k,
+  $e as l,
+  re as m,
+  se as n,
+  le as o,
+  ne as p,
+  Ue as q,
+  ae as u
+};
+//# sourceMappingURL=pipeline-D-QNSU0U.js.map