@senitix/ui 0.4.0 → 0.4.1

package/dist/pipeline-DqWvleNy.js

@@ -0,0 +1,1076 @@
+import { jsx as e, jsxs as r, Fragment as oe } from "react/jsx-runtime";
+import * as l from "react";
+import { c as k } from "./index-DtaLkIY8.js";
+import { u as ce } from "./use-mobile-C-LMK4T8.js";
+import { S as me, e as ue } from "./sheet-DPSdOoE6.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-Cb8oRBzU.js";
+import { B as O, a as j, S as I, d as De } from "./scroll-area-A3jGu-Ta.js";
+import { I as Ce, D as K, a as Q, b as q, c as z, g as $ } from "./input-BgPy-4Qu.js";
+import { C as X, e as Y } from "./card-fId5vof_.js";
+import { C as V } from "./checkbox-BY2zxQVv.js";
+import { u as A } from "./use-formatters-Bgj3JA4i.js";
+import { c as H } from "./createLucideIcon-BC8wu-bu.js";
+import { C as Se } from "./calendar-CUxm1K7J.js";
+import { S as Pe } from "./index-XnFSmCuh.js";
+import { P as Z } from "./plus-DxD6rofl.js";
+import { E as _ } from "./ellipsis-6eUne95u.js";
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Me = H("Filter", [
+  ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Re = H("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" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = H("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" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const je = H("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" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fe = H("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"
+    }
+  ]
+]), Te = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: i,
+      className: k("flex min-h-screen w-full flex-col bg-background", d),
+      ...n,
+      children: s
+    }
+  )
+);
+Te.displayName = "AppShell";
+const Ee = l.forwardRef(
+  ({ className: d, ...s }, n) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: n,
+      className: k(
+        "sticky top-0 z-50 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        d
+      ),
+      ...s
+    }
+  )
+);
+Ee.displayName = "AppShellHeader";
+const Oe = l.forwardRef(
+  ({ className: d, ...s }, n) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: n,
+      className: k("flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-6", d),
+      ...s
+    }
+  )
+);
+Oe.displayName = "AppShellMain";
+const ze = l.forwardRef(
+  ({ className: d, ...s }, n) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: n,
+      className: k("border-t bg-background px-4 py-6 md:px-6", d),
+      ...s
+    }
+  )
+);
+ze.displayName = "AppShellFooter";
+const Ae = l.forwardRef(
+  ({ className: d, heading: s, description: n, actions: i, children: o, ...m }, u) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: u,
+      className: k("flex flex-col gap-4 md:flex-row md:items-center md:justify-between", d),
+      ...m,
+      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 })
+        ] }),
+        i && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: i }),
+        o
+      ]
+    }
+  )
+);
+Ae.displayName = "PageHeader";
+const ee = l.createContext(null);
+function ae() {
+  const d = l.useContext(ee);
+  if (!d)
+    throw new Error("useDashboardLayout must be used within a DashboardLayout.");
+  return d;
+}
+const Ie = l.forwardRef(
+  ({
+    className: d,
+    children: s,
+    defaultSidebarOpen: n = !0,
+    defaultSidebarCollapsed: i = !1,
+    sidebarWidth: o = "16rem",
+    sidebarCollapsedWidth: m = "4rem",
+    ...u
+  }, y) => {
+    const h = ce(), [N, x] = l.useState(n), [b, v] = l.useState(i), g = l.useCallback(() => {
+      h ? x((c) => !c) : v((c) => !c);
+    }, [h]);
+    l.useEffect(() => {
+      const c = (p) => {
+        p.key === "b" && (p.metaKey || p.ctrlKey) && (p.preventDefault(), g());
+      };
+      return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+    }, [g]);
+    const D = l.useMemo(
+      () => ({
+        sidebarOpen: N,
+        setSidebarOpen: x,
+        sidebarCollapsed: b,
+        setSidebarCollapsed: v,
+        isMobile: h,
+        toggleSidebar: g
+      }),
+      [N, b, h, g]
+    );
+    return /* @__PURE__ */ e(ee.Provider, { value: D, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: y,
+        style: {
+          "--sidebar-width": o,
+          "--sidebar-collapsed-width": m
+        },
+        className: k("flex min-h-screen w-full bg-background", d),
+        ...u,
+        children: s
+      }
+    ) });
+  }
+);
+Ie.displayName = "DashboardLayout";
+const He = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => {
+    const { sidebarOpen: o, setSidebarOpen: m, sidebarCollapsed: u, isMobile: y } = ae();
+    return y ? /* @__PURE__ */ e(me, { open: o, onOpenChange: m, 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: i,
+        "data-collapsed": u,
+        className: k(
+          "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",
+          u ? "w-[var(--sidebar-collapsed-width)]" : "w-[var(--sidebar-width)]",
+          d
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+He.displayName = "DashboardSidebar";
+const Be = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => {
+    const { sidebarCollapsed: o, isMobile: m } = ae();
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: i,
+        className: k(
+          "flex flex-1 flex-col transition-[margin-left] duration-200 ease-in-out",
+          !m && (o ? "ml-[var(--sidebar-collapsed-width)]" : "ml-[var(--sidebar-width)]"),
+          d
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+Be.displayName = "DashboardContent";
+const Ge = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: i,
+      className: k(
+        "sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        d
+      ),
+      ...n,
+      children: s
+    }
+  )
+);
+Ge.displayName = "DashboardHeader";
+const Ve = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: i,
+      className: k("flex-1 overflow-auto p-4 md:p-6", d),
+      ...n,
+      children: s
+    }
+  )
+);
+Ve.displayName = "DashboardMain";
+const Ke = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: i,
+      className: k("border-t bg-background px-4 py-4 md:px-6", d),
+      ...n,
+      children: s
+    }
+  )
+);
+Ke.displayName = "DashboardFooter";
+const te = l.createContext(null);
+function F() {
+  const d = l.useContext(te);
+  if (!d)
+    throw new Error("usePipeline must be used within a Pipeline component");
+  return d;
+}
+const Qe = l.forwardRef(
+  ({
+    className: d,
+    stages: s,
+    items: n,
+    defaultView: i = "kanban",
+    view: o,
+    onViewChange: m,
+    onItemMove: u,
+    onItemClick: y,
+    onItemAdd: h,
+    onItemEdit: N,
+    onItemDelete: x,
+    children: b,
+    ...v
+  }, g) => {
+    const [D, c] = l.useState(i), [p, t] = l.useState([]), [a, w] = l.useState(""), [P, T] = l.useState(), R = o ?? D, G = (C) => {
+      o === void 0 && c(C), m == null || m(C);
+    }, B = l.useMemo(() => {
+      if (!a) return n;
+      const C = a.toLowerCase();
+      return n.filter(
+        (S) => {
+          var L, M;
+          return S.title.toLowerCase().includes(C) || ((L = S.company) == null ? void 0 : L.toLowerCase().includes(C)) || ((M = S.owner) == null ? void 0 : M.name.toLowerCase().includes(C));
+        }
+      );
+    }, [n, a]), f = l.useMemo(
+      () => ({
+        view: R,
+        setView: G,
+        stages: s,
+        items: B,
+        selectedItems: p,
+        setSelectedItems: t,
+        onItemMove: u,
+        onItemClick: y,
+        onItemAdd: h,
+        onItemEdit: N,
+        onItemDelete: x,
+        searchQuery: a,
+        setSearchQuery: w,
+        groupBy: P,
+        setGroupBy: T
+      }),
+      [
+        R,
+        s,
+        B,
+        p,
+        a,
+        P,
+        u,
+        y,
+        h,
+        N,
+        x
+      ]
+    );
+    return /* @__PURE__ */ e(te.Provider, { value: f, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        className: k("flex h-full flex-col", d),
+        ...v,
+        children: b
+      }
+    ) });
+  }
+);
+Qe.displayName = "Pipeline";
+const qe = l.forwardRef(
+  ({
+    className: d,
+    showViewSelector: s = !0,
+    showSearch: n = !0,
+    showAddButton: i = !0,
+    addButtonLabel: o,
+    onAdd: m,
+    title: u,
+    actions: y,
+    ...h
+  }, N) => {
+    const { view: x, setView: b, searchQuery: v, setSearchQuery: g, selectedItems: D } = F(), { t: c } = A(), p = [
+      { value: "kanban", icon: /* @__PURE__ */ e(Le, { className: "h-4 w-4" }), label: "Kanban" },
+      { value: "list", icon: /* @__PURE__ */ e(je, { className: "h-4 w-4" }), label: c("calendar.agenda") },
+      { value: "table", icon: /* @__PURE__ */ e(Fe, { 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: N,
+        className: k(
+          "flex flex-wrap items-center justify-between gap-4 border-b bg-background p-4",
+          d
+        ),
+        ...h,
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
+            u && /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: u }),
+            D.length > 0 && /* @__PURE__ */ r(O, { variant: "secondary", children: [
+              D.length,
+              " selected"
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2", children: [
+            n && /* @__PURE__ */ r("div", { className: "relative", children: [
+              /* @__PURE__ */ e(Pe, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ e(
+                Ce,
+                {
+                  placeholder: c("common.search"),
+                  value: v,
+                  onChange: (t) => g(t.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: p.map((t) => /* @__PURE__ */ e(
+              j,
+              {
+                variant: x === t.value ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 px-2",
+                onClick: () => b(t.value),
+                title: t.label,
+                children: t.icon
+              },
+              t.value
+            )) }),
+            /* @__PURE__ */ r(j, { variant: "outline", size: "sm", className: "h-9", children: [
+              /* @__PURE__ */ e(Me, { className: "mr-2 h-4 w-4" }),
+              c("common.filter")
+            ] }),
+            y,
+            i && /* @__PURE__ */ r(j, { size: "sm", className: "h-9", onClick: m, children: [
+              /* @__PURE__ */ e(Z, { className: "mr-2 h-4 w-4" }),
+              o || c("common.create")
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+qe.displayName = "PipelineHeader";
+const $e = l.forwardRef(
+  ({ className: d, children: s, ...n }, i) => {
+    const { view: o } = F();
+    return /* @__PURE__ */ e("div", { ref: i, className: k("flex-1 overflow-hidden", d), ...n, children: s || /* @__PURE__ */ r(oe, { children: [
+      o === "kanban" && /* @__PURE__ */ e(re, {}),
+      o === "list" && /* @__PURE__ */ e(se, {}),
+      o === "table" && /* @__PURE__ */ e(le, {}),
+      o === "timeline" && /* @__PURE__ */ e(ne, {})
+    ] }) });
+  }
+);
+$e.displayName = "PipelineContent";
+const _e = l.memo(function({
+  item: s,
+  stageId: n,
+  renderItem: i,
+  defaultRenderItem: o,
+  onItemClick: m
+}) {
+  const {
+    attributes: u,
+    listeners: y,
+    setNodeRef: h,
+    transform: N,
+    transition: x,
+    isDragging: b
+  } = we({
+    id: s.id,
+    data: {
+      type: "item",
+      item: s,
+      stageId: n
+    }
+  }), v = {
+    transform: ke.Transform.toString(N),
+    transition: x,
+    opacity: b ? 0.5 : 1,
+    cursor: "grab"
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: h,
+      style: v,
+      ...u,
+      ...y,
+      onClick: (g) => {
+        g.stopPropagation(), m == null || m(s);
+      },
+      children: i ? i(s, n) : o(s)
+    }
+  );
+}), Je = l.memo(function({
+  stage: s,
+  items: n,
+  columnWidth: i,
+  showAddButton: o,
+  onItemAdd: m,
+  onItemClick: u,
+  renderItem: y,
+  defaultRenderItem: h,
+  getStageTotal: N,
+  formatCurrency: x,
+  t: b
+}) {
+  const v = l.useMemo(() => n.map((g) => g.id), [n]);
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex shrink-0 flex-col rounded-lg bg-muted/30",
+      style: { width: i },
+      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(O, { variant: "secondary", className: "text-xs", children: n.length })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+            o && m && /* @__PURE__ */ e(
+              j,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6",
+                onClick: () => m(s.id),
+                children: /* @__PURE__ */ e(Z, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(j, { 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(z, { children: b("common.edit") }),
+                /* @__PURE__ */ e($, {}),
+                /* @__PURE__ */ e(z, { className: "text-destructive", children: b("common.delete") })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "px-3 py-2 text-xs text-muted-foreground border-b", children: [
+          b("deal.value"),
+          ":",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: x(N(s.id), {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0
+          }) })
+        ] }),
+        /* @__PURE__ */ e(I, { className: "flex-1", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 p-2 min-h-[100px]", children: [
+          /* @__PURE__ */ e(Ne, { items: v, strategy: ve, children: n.map((g) => /* @__PURE__ */ e(
+            _e,
+            {
+              item: g,
+              stageId: s.id,
+              renderItem: y,
+              defaultRenderItem: h,
+              onItemClick: u
+            },
+            g.id
+          )) }),
+          n.length === 0 && /* @__PURE__ */ e("div", { className: "py-8 text-center text-sm text-muted-foreground", children: b("common.noData") })
+        ] }) })
+      ]
+    }
+  );
+}), re = l.forwardRef(
+  ({ className: d, columnWidth: s = 320, showAddButton: n = !0, renderItem: i, ...o }, m) => {
+    const { stages: u, items: y, onItemMove: h, onItemClick: N, onItemAdd: x } = F(), { formatCurrency: b, formatDate: v, t: g } = A(), [D, c] = l.useState(null), p = he(
+      W(ye, {
+        activationConstraint: {
+          delay: 150,
+          tolerance: 5
+        }
+      }),
+      W(be, {
+        coordinateGetter: ge
+      })
+    ), t = l.useMemo(() => {
+      const f = {};
+      return u.forEach((C) => {
+        f[C.id] = y.filter((S) => S.stageId === C.id);
+      }), f;
+    }, [u, y]), a = l.useCallback(
+      (f) => {
+        var C;
+        return ((C = t[f]) == null ? void 0 : C.reduce((S, L) => S + (L.value || 0), 0)) || 0;
+      },
+      [t]
+    ), 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"
+    }, P = l.useCallback(
+      (f) => /* @__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: f.title }),
+            f.company && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: f.company })
+          ] }),
+          f.priority && /* @__PURE__ */ e(O, { className: k("text-[10px] ml-2", w[f.priority]), children: f.priority })
+        ] }),
+        f.value !== void 0 && /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: b(f.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          f.dueDate && /* @__PURE__ */ e("span", { children: v(f.dueDate) }),
+          f.owner && /* @__PURE__ */ e("span", { className: "truncate max-w-[100px]", children: f.owner.name })
+        ] }),
+        f.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: `${f.probability}%` }
+            }
+          ) }),
+          /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground", children: [
+            f.probability,
+            "%"
+          ] })
+        ] })
+      ] }) }),
+      [b, v, w]
+    ), T = l.useCallback(
+      (f) => {
+        const { active: C } = f, S = C.data.current;
+        S != null && S.item && c(S.item);
+      },
+      []
+    ), R = l.useCallback((f) => {
+    }, []), G = l.useCallback(
+      (f) => {
+        const { active: C, over: S } = f;
+        if (c(null), !S) return;
+        const L = C.data.current, M = S.data.current;
+        if (!L) return;
+        const de = L.item, J = L.stageId;
+        let E = null;
+        if ((M == null ? void 0 : M.type) === "item")
+          E = M.stageId;
+        else if ((M == null ? void 0 : M.type) === "column")
+          E = M.stageId;
+        else {
+          const U = y.find((ie) => ie.id === S.id);
+          U && (E = U.stageId);
+        }
+        E && J !== E && (h == null || h(de.id, J, E));
+      },
+      [y, h]
+    ), B = l.useMemo(
+      () => [...u].sort((f, C) => f.order - C.order),
+      [u]
+    );
+    return /* @__PURE__ */ e("div", { ref: m, className: k("h-full", d), ...o, children: /* @__PURE__ */ r(
+      pe,
+      {
+        sensors: p,
+        collisionDetection: fe,
+        onDragStart: T,
+        onDragOver: R,
+        onDragEnd: G,
+        children: [
+          /* @__PURE__ */ r(I, { className: "h-full", children: [
+            /* @__PURE__ */ e("div", { className: "flex gap-4 p-4 h-full", children: B.map((f) => /* @__PURE__ */ e(
+              Je,
+              {
+                stage: f,
+                items: t[f.id] || [],
+                columnWidth: s,
+                showAddButton: n,
+                onItemAdd: x,
+                onItemClick: N,
+                renderItem: i,
+                defaultRenderItem: P,
+                getStageTotal: a,
+                formatCurrency: b,
+                t: g
+              },
+              f.id
+            )) }),
+            /* @__PURE__ */ e(De, { orientation: "horizontal" })
+          ] }),
+          /* @__PURE__ */ e(xe, { dropAnimation: {
+            duration: 200,
+            easing: "cubic-bezier(0.18, 0.67, 0.6, 1.22)"
+          }, children: D ? /* @__PURE__ */ e("div", { className: "opacity-90 shadow-xl rotate-3 scale-105", children: i ? i(D, D.stageId) : P(D) }) : null })
+        ]
+      }
+    ) });
+  }
+);
+re.displayName = "PipelineKanban";
+const se = l.forwardRef(
+  ({ className: d, renderItem: s, ...n }, i) => {
+    const { stages: o, items: m, selectedItems: u, setSelectedItems: y, onItemClick: h, onItemEdit: N, onItemDelete: x } = F(), { formatCurrency: b, formatDate: v, t: g } = A(), D = l.useMemo(() => {
+      const a = {};
+      return o.forEach((w) => {
+        a[w.id] = m.filter((P) => P.stageId === w.id);
+      }), a;
+    }, [o, m]), c = (a) => {
+      u.includes(a) ? y(u.filter((w) => w !== a)) : y([...u, a]);
+    }, p = {
+      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"
+    }, t = (a, w) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: k(
+          "flex items-center gap-4 rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50",
+          u.includes(a.id) && "bg-muted/50 border-primary"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            V,
+            {
+              checked: u.includes(a.id),
+              onCheckedChange: () => c(a.id)
+            }
+          ),
+          /* @__PURE__ */ e(Re, { className: "h-4 w-4 text-muted-foreground cursor-grab" }),
+          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0 cursor-pointer", onClick: () => h == null ? void 0 : h(a), children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1", children: [
+              /* @__PURE__ */ e("h4", { className: "font-medium truncate", children: a.title }),
+              a.priority && /* @__PURE__ */ e(O, { className: k("text-xs", p[a.priority]), children: a.priority })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+              a.company && /* @__PURE__ */ e("span", { children: a.company }),
+              a.owner && /* @__PURE__ */ e("span", { children: a.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 })
+            ] }),
+            a.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold min-w-[100px] text-right", children: b(a.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+            a.dueDate && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground min-w-[100px]", children: v(a.dueDate) }),
+            /* @__PURE__ */ r(K, { children: [
+              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(j, { 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(z, { onClick: () => N == null ? void 0 : N(a), children: g("common.edit") }),
+                /* @__PURE__ */ e($, {}),
+                /* @__PURE__ */ e(
+                  z,
+                  {
+                    className: "text-destructive",
+                    onClick: () => x == null ? void 0 : x(a.id),
+                    children: g("common.delete")
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e("div", { ref: i, className: k("h-full", d), ...n, children: /* @__PURE__ */ e(I, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4 space-y-6", children: o.sort((a, w) => a.order - w.order).map((a) => {
+      var w, P, T;
+      return /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-3", children: [
+          a.color && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-3 w-3 rounded-full",
+              style: { backgroundColor: a.color }
+            }
+          ),
+          /* @__PURE__ */ e("h3", { className: "font-semibold", children: a.name }),
+          /* @__PURE__ */ e(O, { variant: "secondary", children: ((w = D[a.id]) == null ? void 0 : w.length) || 0 })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+          (P = D[a.id]) == null ? void 0 : P.map(
+            (R) => s ? /* @__PURE__ */ e("div", { children: s(R) }, R.id) : /* @__PURE__ */ e("div", { children: t(R, a) }, R.id)
+          ),
+          ((T = D[a.id]) == null ? void 0 : T.length) === 0 && /* @__PURE__ */ e("div", { className: "py-4 text-center text-sm text-muted-foreground border rounded-lg", children: g("common.noData") })
+        ] })
+      ] }, a.id);
+    }) }) }) });
+  }
+);
+se.displayName = "PipelineList";
+const le = l.forwardRef(
+  ({ className: d, ...s }, n) => {
+    const {
+      stages: i,
+      items: o,
+      selectedItems: m,
+      setSelectedItems: u,
+      onItemClick: y,
+      onItemEdit: h,
+      onItemDelete: N
+    } = F(), { formatCurrency: x, formatDate: b, t: v } = A(), g = l.useMemo(() => {
+      const t = {};
+      return i.forEach((a) => {
+        t[a.id] = a;
+      }), t;
+    }, [i]), D = () => {
+      m.length === o.length ? u([]) : u(o.map((t) => t.id));
+    }, c = (t) => {
+      m.includes(t) ? u(m.filter((a) => a !== t)) : u([...m, t]);
+    }, p = {
+      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: k("h-full", d), ...s, children: /* @__PURE__ */ e(I, { 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(
+          V,
+          {
+            checked: m.length === o.length && o.length > 0,
+            onCheckedChange: D
+          }
+        ) }),
+        /* @__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: v("deal.stage") }),
+        /* @__PURE__ */ e("th", { className: "text-right p-3 font-medium text-sm", children: v("deal.value") }),
+        /* @__PURE__ */ e("th", { className: "text-center p-3 font-medium text-sm", children: v("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: v("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: [
+        o.map((t) => {
+          var w;
+          const a = g[t.stageId];
+          return /* @__PURE__ */ r(
+            "tr",
+            {
+              className: k(
+                "border-b transition-colors hover:bg-muted/50",
+                m.includes(t.id) && "bg-muted/50"
+              ),
+              children: [
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(
+                  V,
+                  {
+                    checked: m.includes(t.id),
+                    onCheckedChange: () => c(t.id)
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  "td",
+                  {
+                    className: "p-3 font-medium cursor-pointer",
+                    onClick: () => y == null ? void 0 : y(t),
+                    children: t.title
+                  }
+                ),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: t.company }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                  (a == null ? void 0 : a.color) && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "h-2 w-2 rounded-full",
+                      style: { backgroundColor: a.color }
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { children: a == null ? void 0 : a.name })
+                ] }) }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-right font-medium", children: t.value !== void 0 ? x(t.value, {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: 0
+                }) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-center", children: t.probability !== void 0 ? `${t.probability}%` : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: ((w = t.owner) == null ? void 0 : w.name) || "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: t.dueDate ? b(t.dueDate) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: t.priority && /* @__PURE__ */ e(O, { className: k("text-xs", p[t.priority]), children: t.priority }) }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ r(K, { children: [
+                  /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(j, { 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(z, { onClick: () => h == null ? void 0 : h(t), children: v("common.edit") }),
+                    /* @__PURE__ */ e($, {}),
+                    /* @__PURE__ */ e(
+                      z,
+                      {
+                        className: "text-destructive",
+                        onClick: () => N == null ? void 0 : N(t.id),
+                        children: v("common.delete")
+                      }
+                    )
+                  ] })
+                ] }) })
+              ]
+            },
+            t.id
+          );
+        }),
+        o.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 10, className: "p-8 text-center text-muted-foreground", children: v("common.noData") }) })
+      ] })
+    ] }) }) }) }) });
+  }
+);
+le.displayName = "PipelineTable";
+const ne = l.forwardRef(
+  ({ className: d, ...s }, n) => {
+    const { stages: i, items: o, onItemClick: m } = F(), { formatCurrency: u, formatDate: y, t: h } = A(), N = l.useMemo(() => {
+      const c = {};
+      return (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), o.filter((t) => t.dueDate).sort((t, a) => {
+        const w = new Date(t.dueDate), P = new Date(a.dueDate);
+        return w.getTime() - P.getTime();
+      }).forEach((t) => {
+        const w = new Date(t.dueDate).toISOString().split("T")[0];
+        c[w] || (c[w] = []), c[w].push(t);
+      }), c;
+    }, [o]), x = l.useMemo(() => {
+      const c = {};
+      return i.forEach((p) => {
+        c[p.id] = p;
+      }), c;
+    }, [i]), b = Object.keys(N).sort(), v = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], g = (c) => {
+      const p = new Date(c), t = /* @__PURE__ */ new Date();
+      t.setHours(0, 0, 0, 0);
+      const a = Math.ceil((p.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24));
+      return a === 0 ? h("date.today") : a === 1 ? h("date.tomorrow") : a === -1 ? h("date.yesterday") : y(p, "EEEE, MMMM d");
+    }, D = (c) => c < v;
+    return /* @__PURE__ */ e("div", { ref: n, className: k("h-full", d), ...s, children: /* @__PURE__ */ e(I, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4", children: b.length === 0 ? /* @__PURE__ */ e("div", { className: "py-12 text-center text-muted-foreground", children: h("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: b.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: k(
+            "w-3 h-3 rounded-full",
+            D(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: k(
+              "font-semibold",
+              D(c) && "text-destructive"
+            ),
+            children: g(c)
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: "block text-sm text-muted-foreground", children: [
+          N[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: k(
+              "font-semibold",
+              D(c) && "text-destructive"
+            ),
+            children: g(c)
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: N[c].map((p) => {
+          const t = x[p.stageId];
+          return /* @__PURE__ */ e(
+            X,
+            {
+              className: "cursor-pointer hover:shadow-md transition-shadow",
+              onClick: () => m == null ? void 0 : m(p),
+              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: p.title }),
+                    p.company && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: p.company })
+                  ] }),
+                  p.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold", children: u(p.value, {
+                    minimumFractionDigits: 0,
+                    maximumFractionDigits: 0
+                  }) })
+                ] }),
+                /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mt-3 text-sm", children: [
+                  t && /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
+                    t.color && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "h-2 w-2 rounded-full",
+                        style: { backgroundColor: t.color }
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { children: t.name })
+                  ] }),
+                  p.owner && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: p.owner.name })
+                ] })
+              ] })
+            },
+            p.id
+          );
+        }) })
+      ] })
+    ] }, c)) }) }) }) });
+  }
+);
+ne.displayName = "PipelineTimeline";
+const Ue = l.forwardRef(
+  ({ className: d, ...s }, n) => {
+    const { stages: i, items: o } = F(), { formatCurrency: m, t: u } = A(), y = o.reduce((x, b) => x + (b.value || 0), 0), h = o.length, N = l.useMemo(() => i.map((x) => {
+      const b = o.filter((g) => g.stageId === x.id), v = b.reduce((g, D) => g + (D.value || 0), 0);
+      return {
+        ...x,
+        count: b.length,
+        value: v
+      };
+    }), [i, o]);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: n,
+        className: k("border-t bg-muted/30 px-4 py-3", d),
+        ...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: u("common.total") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: m(y, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })
+            ] }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: u("common.items") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: h })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: N.map((x) => /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm", children: [
+            x.color && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-2 w-2 rounded-full",
+                style: { backgroundColor: x.color }
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: [
+              x.name,
+              ":"
+            ] }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: x.count })
+          ] }, x.id)) })
+        ] })
+      }
+    );
+  }
+);
+Ue.displayName = "PipelineSummary";
+export {
+  Te as A,
+  Ie as D,
+  Ae as P,
+  Ee as a,
+  Oe as b,
+  ze as c,
+  He as d,
+  Be as e,
+  Ge as f,
+  Ve as g,
+  Ke as h,
+  F 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-DqWvleNy.js.map