@senitix/ui 0.4.0

package/dist/welcome-card-CxMJZ8bv.js

@@ -0,0 +1,963 @@
+import { jsxs as a, jsx as e, Fragment as W } from "react/jsx-runtime";
+import * as N from "react";
+import { c as o } from "./index-CwJPJKOE.js";
+import { C as M, a as q, e as z, c as E } from "./card-K4fxyYwE.js";
+import { A as D, a as I, b as T } from "./avatar-CN6wcrqY.js";
+import { B as k, S as J, a as v, d as Q, C as $, X as H, e as Y } from "./scroll-area-DQeqDp3Y.js";
+import { c as y } from "./createLucideIcon-BbeNo6vq.js";
+import { M as ee, P as O, C as ae, T as te, a as re, I as V, F as U } from "./progress-D5AsrWa6.js";
+import { u as se } from "./use-formatters-l1_2c8z0.js";
+import { C as Z } from "./calendar-ChJkFXXr.js";
+import { P as le } from "./plus-CJD68KQD.js";
+import { S as L } from "./skeleton-BmGbfJw3.js";
+const S = y("ArrowRight", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+]);
+const ie = y("Building2", [
+  ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
+  ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
+  ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
+  ["path", { d: "M10 6h4", key: "1itunk" }],
+  ["path", { d: "M10 10h4", key: "tcdvrf" }],
+  ["path", { d: "M10 14h4", key: "kelpxr" }],
+  ["path", { d: "M10 18h4", key: "1ulq68" }]
+]);
+const ce = y("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+const de = y("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
+const K = y("Mail", [
+  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
+  ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
+]);
+const ne = y("MessageSquare", [
+  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
+]);
+const X = y("Phone", [
+  [
+    "path",
+    {
+      d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",
+      key: "foiqr5"
+    }
+  ]
+]);
+const oe = y("RefreshCw", [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]);
+const R = y("Sparkles", [
+  [
+    "path",
+    {
+      d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
+      key: "4pj2yx"
+    }
+  ],
+  ["path", { d: "M20 3v4", key: "1olli1" }],
+  ["path", { d: "M22 5h-4", key: "1gvqau" }],
+  ["path", { d: "M4 17v2", key: "vumght" }],
+  ["path", { d: "M5 18H3", key: "zchphs" }]
+]);
+const me = y("SquarePen", [
+  ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
+  [
+    "path",
+    {
+      d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
+      key: "ohrbg2"
+    }
+  ]
+]);
+const he = y("ThumbsDown", [
+  ["path", { d: "M17 14V2", key: "8ymqnk" }],
+  [
+    "path",
+    {
+      d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z",
+      key: "m61m77"
+    }
+  ]
+]);
+const ue = y("ThumbsUp", [
+  ["path", { d: "M7 10v12", key: "1qc93n" }],
+  [
+    "path",
+    {
+      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
+      key: "emmmcr"
+    }
+  ]
+]);
+const ge = y("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]), fe = {
+  active: "bg-success text-success-foreground",
+  inactive: "bg-muted text-muted-foreground",
+  lead: "bg-warning text-warning-foreground",
+  customer: "bg-primary text-primary-foreground"
+}, pe = N.forwardRef(
+  ({
+    className: u,
+    name: r,
+    email: t,
+    phone: l,
+    company: i,
+    position: n,
+    location: d,
+    avatar: c,
+    initials: s,
+    status: m,
+    tags: f,
+    onClick: p,
+    ...x
+  }, b) => /* @__PURE__ */ a(
+    M,
+    {
+      ref: b,
+      className: o("transition-shadow hover:shadow-md", p && "cursor-pointer", u),
+      onClick: p,
+      ...x,
+      children: [
+        /* @__PURE__ */ e(q, { className: "pb-3", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-4", children: [
+          /* @__PURE__ */ a(D, { className: "h-12 w-12", children: [
+            c && /* @__PURE__ */ e(I, { src: c, alt: r }),
+            /* @__PURE__ */ e(T, { children: s || r.charAt(0).toUpperCase() })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex-1 space-y-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("h3", { className: "font-semibold leading-none", children: r }),
+              m && /* @__PURE__ */ e(k, { className: o("text-xs", fe[m]), children: m.charAt(0).toUpperCase() + m.slice(1) })
+            ] }),
+            n && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a(z, { className: "space-y-2 text-sm", children: [
+          t && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(K, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: t })
+          ] }),
+          l && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: l })
+          ] }),
+          i && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(ie, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: i })
+          ] }),
+          d && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(ee, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: d })
+          ] }),
+          f && f.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 pt-2", children: f.map((h, g) => /* @__PURE__ */ e(k, { variant: "secondary", className: "text-xs", children: h }, g)) })
+        ] })
+      ]
+    }
+  )
+);
+pe.displayName = "ContactCard";
+const xe = {
+  low: "bg-muted text-muted-foreground",
+  medium: "bg-warning text-warning-foreground",
+  high: "bg-destructive text-destructive-foreground"
+}, ve = N.forwardRef(
+  ({
+    className: u,
+    title: r,
+    value: t,
+    company: l,
+    stage: i,
+    probability: n,
+    closeDate: d,
+    closeDateFormat: c,
+    currency: s,
+    showCurrencyCode: m = !1,
+    probabilityLabel: f,
+    owner: p,
+    priority: x,
+    onClick: b,
+    onDragStart: h,
+    draggable: g = !1,
+    valueFormatted: w = !1,
+    ...j
+  }, A) => {
+    const { formatCurrency: C, formatDate: P, t: _ } = se(), G = N.useMemo(() => {
+      if (w || typeof t == "string")
+        return t;
+      if (s) {
+        const F = new Intl.NumberFormat(void 0, {
+          style: "currency",
+          currency: s,
+          minimumFractionDigits: 0,
+          maximumFractionDigits: 0
+        }).format(t);
+        return m ? `${s} ${F.replace(/[^0-9.,\s]/g, "").trim()}` : F;
+      }
+      return C(t, { minimumFractionDigits: 0, maximumFractionDigits: 0 });
+    }, [t, w, C, s, m]), B = N.useMemo(() => d ? P(d, c) : null, [d, c, P]);
+    return /* @__PURE__ */ a(
+      M,
+      {
+        ref: A,
+        className: o(
+          "transition-all hover:shadow-md",
+          b && "cursor-pointer",
+          g && "cursor-grab active:cursor-grabbing",
+          u
+        ),
+        onClick: b,
+        onDragStart: h,
+        draggable: g,
+        ...j,
+        children: [
+          /* @__PURE__ */ e(q, { className: "pb-2", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between", children: [
+            /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ e(E, { className: "text-base", children: r }),
+              l && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: l })
+            ] }),
+            x && /* @__PURE__ */ e(k, { className: o("text-xs", xe[x]), children: x.charAt(0).toUpperCase() + x.slice(1) })
+          ] }) }),
+          /* @__PURE__ */ a(z, { className: "space-y-3", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e("div", { className: "text-lg font-bold", children: G }),
+              i && /* @__PURE__ */ e(k, { variant: "outline", className: "text-xs", children: i })
+            ] }),
+            n !== void 0 && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ a("div", { className: "flex justify-between text-xs", children: [
+                /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: f || _("deal.probability") }),
+                /* @__PURE__ */ a("span", { className: "font-medium", children: [
+                  n,
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ e(O, { value: n, className: "h-2" })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+              B && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(Z, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e("span", { children: B })
+              ] }),
+              p && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ a(D, { className: "h-5 w-5", children: [
+                  p.avatar && /* @__PURE__ */ e(I, { src: p.avatar }),
+                  /* @__PURE__ */ e(T, { className: "text-[10px]", children: p.name.charAt(0).toUpperCase() })
+                ] }),
+                /* @__PURE__ */ e("span", { children: p.name })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ve.displayName = "DealCard";
+function Ze({
+  className: u,
+  columns: r,
+  renderItem: t,
+  onItemMove: l,
+  onAddItem: i,
+  showAddButton: n = !0,
+  columnWidth: d = 300,
+  getItemId: c
+}) {
+  const [s, m] = N.useState(null), f = (h, g) => {
+    m({ id: h, columnId: g });
+  }, p = (h) => {
+    h.preventDefault();
+  }, x = (h) => {
+    s && s.columnId !== h && l?.(s.id, s.columnId, h), m(null);
+  }, b = () => {
+    m(null);
+  };
+  return /* @__PURE__ */ a(J, { className: o("w-full", u), children: [
+    /* @__PURE__ */ e("div", { className: "flex gap-4 p-4", children: r.map((h) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex shrink-0 flex-col rounded-lg bg-muted/50",
+        style: { width: d },
+        onDragOver: p,
+        onDrop: () => x(h.id),
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between p-3", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              h.color && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-3 w-3 rounded-full",
+                  style: { backgroundColor: h.color }
+                }
+              ),
+              /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: h.title }),
+              /* @__PURE__ */ e("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: h.items.length })
+            ] }),
+            n && i && /* @__PURE__ */ e(
+              v,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6",
+                onClick: () => i(h.id),
+                children: /* @__PURE__ */ e(le, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-2 p-2", children: h.items.map((g) => {
+            const w = c(g);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                draggable: !0,
+                onDragStart: () => f(w, h.id),
+                onDragEnd: b,
+                className: o(
+                  "transition-opacity",
+                  s?.id === w && "opacity-50"
+                ),
+                children: t(g, h.id)
+              },
+              w
+            );
+          }) })
+        ]
+      },
+      h.id
+    )) }),
+    /* @__PURE__ */ e(Q, { orientation: "horizontal" })
+  ] });
+}
+const Ne = (u, r) => {
+  const t = u / r * 100;
+  return t >= 80 ? "bg-success text-success-foreground" : t >= 60 ? "bg-primary text-primary-foreground" : t >= 40 ? "bg-warning text-warning-foreground" : "bg-destructive text-destructive-foreground";
+}, be = (u, r) => {
+  const t = u / r * 100;
+  return t >= 80 ? "Hot" : t >= 60 ? "Warm" : t >= 40 ? "Cold" : "Very Cold";
+}, ye = {
+  sm: "h-6 w-6 text-xs",
+  md: "h-8 w-8 text-sm",
+  lg: "h-10 w-10 text-base"
+}, we = N.forwardRef(
+  ({ className: u, score: r, maxScore: t = 100, showLabel: l = !1, size: i = "md", ...n }, d) => {
+    const c = Ne(r, t), s = be(r, t);
+    return /* @__PURE__ */ a("div", { ref: d, className: o("flex items-center gap-2", u), ...n, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: o(
+            "flex items-center justify-center rounded-full font-semibold",
+            ye[i],
+            c
+          ),
+          children: r
+        }
+      ),
+      l && /* @__PURE__ */ e("span", { className: o("text-sm font-medium", c.split(" ")[0].replace("bg-", "text-")), children: s })
+    ] });
+  }
+);
+we.displayName = "LeadScoreIndicator";
+const ke = {
+  active: "bg-success/15 text-success border-success/30",
+  inactive: "bg-muted text-muted-foreground border-muted",
+  pending: "bg-warning/15 text-warning border-warning/30",
+  completed: "bg-success/15 text-success border-success/30",
+  cancelled: "bg-destructive/15 text-destructive border-destructive/30",
+  draft: "bg-muted text-muted-foreground border-muted",
+  published: "bg-success/15 text-success border-success/30",
+  archived: "bg-muted text-muted-foreground border-muted",
+  open: "bg-info/15 text-info border-info/30",
+  closed: "bg-muted text-muted-foreground border-muted",
+  won: "bg-success/15 text-success border-success/30",
+  lost: "bg-destructive/15 text-destructive border-destructive/30",
+  qualified: "bg-primary/15 text-primary border-primary/30",
+  unqualified: "bg-muted text-muted-foreground border-muted"
+}, Ce = {
+  active: "bg-success",
+  inactive: "bg-muted-foreground",
+  pending: "bg-warning",
+  completed: "bg-success",
+  cancelled: "bg-destructive",
+  draft: "bg-muted-foreground",
+  published: "bg-success",
+  archived: "bg-muted-foreground",
+  open: "bg-info",
+  closed: "bg-muted-foreground",
+  won: "bg-success",
+  lost: "bg-destructive",
+  qualified: "bg-primary",
+  unqualified: "bg-muted-foreground"
+};
+function Ke({ className: u, status: r, customColors: t, showDot: l = !0 }) {
+  const i = r.toLowerCase(), n = t?.[r] || ke[i] || "bg-muted text-muted-foreground", d = Ce[i] || "bg-muted-foreground", c = r.charAt(0).toUpperCase() + r.slice(1).toLowerCase();
+  return /* @__PURE__ */ a(k, { variant: "outline", className: o("gap-1.5 font-medium", n, u), children: [
+    l && /* @__PURE__ */ e("span", { className: o("h-2 w-2 rounded-full", d) }),
+    c
+  ] });
+}
+const Me = N.forwardRef(
+  ({ className: u, steps: r, currentStep: t, orientation: l = "horizontal", onStepClick: i, ...n }, d) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: d,
+      className: o(
+        "flex",
+        l === "horizontal" ? "flex-row items-start" : "flex-col",
+        u
+      ),
+      ...n,
+      children: r.map((c, s) => {
+        const m = s < t, f = s === t, p = i !== void 0;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: o(
+              "flex",
+              l === "horizontal" ? "flex-1 flex-col items-center" : "flex-row items-start gap-4 pb-8 last:pb-0"
+            ),
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: o(
+                    "flex items-center",
+                    l === "horizontal" ? "w-full" : "flex-col"
+                  ),
+                  children: [
+                    l === "horizontal" && s > 0 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: o(
+                          "h-0.5 flex-1",
+                          s <= t ? "bg-primary" : "bg-border"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => p && i(s),
+                        disabled: !p,
+                        className: o(
+                          "relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors",
+                          m ? "border-primary bg-primary text-primary-foreground" : f ? "border-primary bg-background text-primary" : "border-border bg-background text-muted-foreground",
+                          p && "cursor-pointer hover:border-primary/50"
+                        ),
+                        children: m ? /* @__PURE__ */ e($, { className: "h-5 w-5" }) : s + 1
+                      }
+                    ),
+                    l === "horizontal" && s < r.length - 1 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: o(
+                          "h-0.5 flex-1",
+                          s < t ? "bg-primary" : "bg-border"
+                        )
+                      }
+                    ),
+                    l === "vertical" && s < r.length - 1 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: o(
+                          "my-2 w-0.5 flex-1",
+                          s < t ? "bg-primary" : "bg-border"
+                        ),
+                        style: { minHeight: "2rem" }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: o(
+                    "text-center",
+                    l === "horizontal" ? "mt-2 px-2" : "pt-1"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: o(
+                          "text-sm font-medium",
+                          f || m ? "text-foreground" : "text-muted-foreground"
+                        ),
+                        children: c.title
+                      }
+                    ),
+                    c.description && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-muted-foreground", children: c.description })
+                  ]
+                }
+              )
+            ]
+          },
+          c.id
+        );
+      })
+    }
+  )
+);
+Me.displayName = "ProgressTracker";
+const ze = N.forwardRef(
+  ({
+    className: u,
+    title: r = "AI Summary",
+    summary: t,
+    loading: l = !1,
+    error: i,
+    onRefresh: n,
+    onCopy: d,
+    onFeedback: c,
+    model: s,
+    generatedAt: m,
+    confidence: f,
+    ...p
+  }, x) => {
+    const [b, h] = N.useState(!1), [g, w] = N.useState(null), j = async () => {
+      t && d && (await navigator.clipboard.writeText(t), h(!0), d(), setTimeout(() => h(!1), 2e3));
+    }, A = (C) => {
+      w(C), c?.(C);
+    };
+    return /* @__PURE__ */ a(M, { ref: x, className: o("relative overflow-hidden", u), ...p, children: [
+      /* @__PURE__ */ e("div", { className: "absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-primary/50 via-primary to-primary/50" }),
+      /* @__PURE__ */ a(q, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(R, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ e(E, { className: "text-base font-medium", children: r }),
+          s && /* @__PURE__ */ e(k, { variant: "outline", className: "text-xs", children: s })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+          n && /* @__PURE__ */ e(
+            v,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7",
+              onClick: n,
+              disabled: l,
+              children: /* @__PURE__ */ e(oe, { className: o("h-4 w-4", l && "animate-spin") })
+            }
+          ),
+          t && d && /* @__PURE__ */ e(
+            v,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7",
+              onClick: j,
+              children: b ? /* @__PURE__ */ e($, { className: "h-4 w-4 text-success" }) : /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(z, { className: "space-y-3", children: l ? /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(L, { className: "h-4 w-full" }),
+        /* @__PURE__ */ e(L, { className: "h-4 w-full" }),
+        /* @__PURE__ */ e(L, { className: "h-4 w-3/4" })
+      ] }) : i ? /* @__PURE__ */ e("div", { className: "rounded-md bg-destructive/10 p-3 text-sm text-destructive", children: i }) : t ? /* @__PURE__ */ a(W, { children: [
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground leading-relaxed", children: t }),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-2", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            f !== void 0 && /* @__PURE__ */ a("span", { children: [
+              "Confidence: ",
+              Math.round(f * 100),
+              "%"
+            ] }),
+            m && /* @__PURE__ */ e("span", { children: m })
+          ] }),
+          c && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground mr-1", children: "Was this helpful?" }),
+            /* @__PURE__ */ e(
+              v,
+              {
+                variant: g === "positive" ? "default" : "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => A("positive"),
+                children: /* @__PURE__ */ e(ue, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              v,
+              {
+                variant: g === "negative" ? "destructive" : "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => A("negative"),
+                children: /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No summary available" }) })
+    ] });
+  }
+);
+ze.displayName = "AISummaryCard";
+const Ae = N.forwardRef(
+  ({
+    className: u,
+    title: r,
+    description: t,
+    badge: l,
+    icon: i,
+    image: n,
+    actionLabel: d = "Try it now",
+    onAction: c,
+    learnMoreUrl: s,
+    dismissible: m = !0,
+    onDismiss: f,
+    variant: p = "default",
+    ...x
+  }, b) => /* @__PURE__ */ a(
+    M,
+    {
+      ref: b,
+      className: o("relative overflow-hidden", {
+        default: "bg-card",
+        gradient: "bg-gradient-to-br from-primary/10 via-primary/5 to-transparent",
+        bordered: "border-2 border-primary/20"
+      }[p], u),
+      ...x,
+      children: [
+        m && f && /* @__PURE__ */ e(
+          v,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-2 top-2 h-6 w-6",
+            onClick: f,
+            children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ e(z, { className: "p-6", children: /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
+          (i || n) && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: i ? /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary", children: i }) : n ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: n,
+              alt: "",
+              className: "h-12 w-12 rounded-lg object-cover"
+            }
+          ) : null }),
+          /* @__PURE__ */ a("div", { className: "flex-1 space-y-3", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ a("div", { children: [
+              l && /* @__PURE__ */ a(k, { variant: "secondary", className: "mb-2", children: [
+                /* @__PURE__ */ e(R, { className: "mr-1 h-3 w-3" }),
+                l
+              ] }),
+              /* @__PURE__ */ e("h3", { className: "font-semibold", children: r })
+            ] }) }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 pt-2", children: [
+              c && /* @__PURE__ */ a(v, { size: "sm", onClick: c, children: [
+                d,
+                /* @__PURE__ */ e(S, { className: "ml-1 h-4 w-4" })
+              ] }),
+              s && /* @__PURE__ */ e(v, { variant: "ghost", size: "sm", asChild: !0, children: /* @__PURE__ */ a("a", { href: s, target: "_blank", rel: "noopener noreferrer", children: [
+                "Learn more",
+                /* @__PURE__ */ e(de, { className: "ml-1 h-3 w-3" })
+              ] }) })
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  )
+);
+Ae.displayName = "FeatureHighlightCard";
+const je = Y(
+  "relative flex items-center gap-3 px-4 py-3 text-sm",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted text-foreground",
+        info: "bg-info/10 text-info-foreground border-info/20",
+        success: "bg-success/10 text-success-foreground border-success/20",
+        warning: "bg-warning/10 text-warning-foreground border-warning/20",
+        destructive: "bg-destructive/10 text-destructive-foreground border-destructive/20"
+      },
+      position: {
+        top: "fixed top-0 left-0 right-0 z-50 border-b",
+        bottom: "fixed bottom-0 left-0 right-0 z-50 border-t",
+        inline: "rounded-lg border"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      position: "inline"
+    }
+  }
+), Le = {
+  default: V,
+  info: V,
+  success: re,
+  warning: te,
+  destructive: ae
+}, Se = N.forwardRef(
+  ({
+    className: u,
+    variant: r = "default",
+    position: t = "inline",
+    title: l,
+    message: i,
+    dismissible: n = !0,
+    onDismiss: d,
+    action: c,
+    showIcon: s = !0,
+    ...m
+  }, f) => {
+    const p = Le[r || "default"];
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: f,
+        role: "alert",
+        className: o(je({ variant: r, position: t }), u),
+        ...m,
+        children: [
+          s && /* @__PURE__ */ e(p, { className: "h-5 w-5 flex-shrink-0" }),
+          /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+            l && /* @__PURE__ */ e("p", { className: "font-medium", children: l }),
+            /* @__PURE__ */ e("p", { className: o(!l && "font-normal", l && "text-muted-foreground"), children: i })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+            c && /* @__PURE__ */ e(
+              v,
+              {
+                variant: r === "destructive" ? "destructive" : "outline",
+                size: "sm",
+                onClick: c.onClick,
+                children: c.label
+              }
+            ),
+            n && d && /* @__PURE__ */ e(
+              v,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6 flex-shrink-0",
+                onClick: d,
+                children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Se.displayName = "AlertBanner";
+const qe = {
+  email: /* @__PURE__ */ e(K, { className: "h-4 w-4" }),
+  call: /* @__PURE__ */ e(X, { className: "h-4 w-4" }),
+  meeting: /* @__PURE__ */ e(Z, { className: "h-4 w-4" }),
+  note: /* @__PURE__ */ e(U, { className: "h-4 w-4" }),
+  task: /* @__PURE__ */ e(U, { className: "h-4 w-4" }),
+  message: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
+}, De = {
+  email: "bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400",
+  call: "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400",
+  meeting: "bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400",
+  note: "bg-yellow-100 text-yellow-600 dark:bg-yellow-900/30 dark:text-yellow-400",
+  task: "bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400",
+  message: "bg-pink-100 text-pink-600 dark:bg-pink-900/30 dark:text-pink-400"
+}, Ie = N.forwardRef(
+  ({
+    className: u,
+    type: r,
+    title: t,
+    description: l,
+    timestamp: i,
+    user: n,
+    actions: d,
+    metadata: c,
+    ...s
+  }, m) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: m,
+      className: o("group flex gap-4 rounded-lg p-3 hover:bg-muted/50", u),
+      ...s,
+      children: [
+        /* @__PURE__ */ e("div", { className: o("flex h-10 w-10 items-center justify-center rounded-lg", De[r]), children: qe[r] }),
+        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-start justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("h4", { className: "font-medium", children: t }),
+              l && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: l })
+            ] }),
+            d && /* @__PURE__ */ a("div", { className: "flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              d.onEdit && /* @__PURE__ */ e(v, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: d.onEdit, children: /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5" }) }),
+              d.onDelete && /* @__PURE__ */ e(
+                v,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7 text-destructive hover:text-destructive",
+                  onClick: d.onDelete,
+                  children: /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] })
+          ] }),
+          c && Object.keys(c).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 text-xs text-muted-foreground", children: Object.entries(c).map(([f, p]) => /* @__PURE__ */ a("span", { children: [
+            /* @__PURE__ */ a("span", { className: "font-medium", children: [
+              f,
+              ":"
+            ] }),
+            " ",
+            p
+          ] }, f)) }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            n && /* @__PURE__ */ a(W, { children: [
+              /* @__PURE__ */ a(D, { className: "h-5 w-5", children: [
+                n.avatar && /* @__PURE__ */ e(I, { src: n.avatar }),
+                /* @__PURE__ */ e(T, { className: "text-[10px]", children: n.name.charAt(0).toUpperCase() })
+              ] }),
+              /* @__PURE__ */ e("span", { children: n.name }),
+              /* @__PURE__ */ e("span", { children: "•" })
+            ] }),
+            /* @__PURE__ */ e("span", { children: i })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+Ie.displayName = "CRMActivityItem";
+const Te = N.forwardRef(
+  ({
+    className: u,
+    title: r,
+    subtitle: t,
+    userName: l,
+    steps: i = [],
+    dismissible: n = !0,
+    onDismiss: d,
+    showProgress: c = !0,
+    image: s,
+    ctaLabel: m,
+    ctaOnClick: f,
+    ...p
+  }, x) => {
+    const b = i.filter((g) => g.completed).length, h = i.length > 0 ? b / i.length * 100 : 0;
+    return /* @__PURE__ */ a(
+      M,
+      {
+        ref: x,
+        className: o("relative overflow-hidden", u),
+        ...p,
+        children: [
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-primary/5 via-primary/10 to-transparent" }),
+          n && d && /* @__PURE__ */ e(
+            v,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-2 top-2 h-6 w-6 z-10",
+              onClick: d,
+              children: /* @__PURE__ */ e(H, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e(z, { className: "relative p-6", children: /* @__PURE__ */ a("div", { className: "flex gap-6", children: [
+            /* @__PURE__ */ a("div", { className: "flex-1 space-y-4", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(R, { className: "h-5 w-5 text-primary" }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: "Welcome" })
+              ] }),
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: l ? `${r}, ${l}!` : r }),
+                t && /* @__PURE__ */ e("p", { className: "mt-1 text-muted-foreground", children: t })
+              ] }),
+              c && i.length > 0 && /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-sm", children: [
+                  /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Setup progress" }),
+                  /* @__PURE__ */ a("span", { className: "font-medium", children: [
+                    b,
+                    "/",
+                    i.length,
+                    " completed"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(O, { value: h, className: "h-2" })
+              ] }),
+              i.length > 0 && /* @__PURE__ */ e("div", { className: "space-y-2", children: i.slice(0, 3).map((g) => /* @__PURE__ */ a(
+                "button",
+                {
+                  onClick: g.onClick,
+                  className: o(
+                    "flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors hover:bg-muted",
+                    g.completed && "opacity-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: o(
+                          "flex h-6 w-6 items-center justify-center rounded-full border-2",
+                          g.completed ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"
+                        ),
+                        children: g.completed && /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            className: "h-3.5 w-3.5",
+                            fill: "none",
+                            viewBox: "0 0 24 24",
+                            stroke: "currentColor",
+                            strokeWidth: 3,
+                            children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ a("div", { className: "flex-1", children: [
+                      /* @__PURE__ */ e("p", { className: o("font-medium", g.completed && "line-through"), children: g.title }),
+                      g.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: g.description })
+                    ] }),
+                    !g.completed && /* @__PURE__ */ e(S, { className: "h-4 w-4 text-muted-foreground" })
+                  ]
+                },
+                g.id
+              )) }),
+              m && f && /* @__PURE__ */ a(v, { onClick: f, className: "gap-2", children: [
+                m,
+                /* @__PURE__ */ e(S, { className: "h-4 w-4" })
+              ] })
+            ] }),
+            s && /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e("img", { src: s, alt: "", className: "h-48 w-48 object-contain" }) })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+Te.displayName = "WelcomeCard";
+export {
+  ze as A,
+  pe as C,
+  ve as D,
+  Ae as F,
+  we as L,
+  Ze as P,
+  Ke as S,
+  Te as W,
+  Me as a,
+  Se as b,
+  je as c,
+  Ie as d
+};
+//# sourceMappingURL=welcome-card-CxMJZ8bv.js.map