@senitix/ui 0.4.0 → 0.4.1

package/dist/pipeline-D-QNSU0U.js

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