@senitix/ui 0.4.1 → 0.4.3

package/dist/pipeline-DqWvleNy.js

@@ -1,1076 +0,0 @@
-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