@senitix/ui 0.4.1 → 0.4.3

package/dist/welcome-card-Ccbl_miQ.js

@@ -0,0 +1,1007 @@
+import { jsxs as r, jsx as e, Fragment as Z } from "react/jsx-runtime";
+import * as v from "react";
+import { c as h } from "./index-BGUveO6l.js";
+import { C as L, a as R, e as D, c as K } from "./card-yxbWFvZ1.js";
+import { A as q, a as H, b as I } from "./avatar-BlEcWE7T.js";
+import { B as C, C as X } from "./badge-D0C_rP2l.js";
+import { M as _, P as G } from "./phone-B0J1dGIE.js";
+import { c as z, S as re, a as ae } from "./scroll-area-CGNbDUBQ.js";
+import { M as te, C as se, F as $ } from "./map-pin-CHh0xl6i.js";
+import { P as J, C as le, T as ce, I as O } from "./progress-BPpsmZ48.js";
+import { u as ne } from "./use-formatters-xeMS4gdV.js";
+import { C as Q } from "./calendar-JUSWONQ0.js";
+import { B as w, c as de } from "./button-BP_ug5gP.js";
+import { P as ie } from "./plus-D7DMDKb8.js";
+import { S as B } from "./skeleton-C_dwS3_6.js";
+import { u as F } from "./locale-provider-BHGNO4j7.js";
+import { X as V } from "./x-BBkgEhUv.js";
+import { A as P } from "./arrow-right-CM3nmiZe.js";
+import { E as oe } from "./external-link-UeWW0ty3.js";
+import { T as me } from "./trash-2-B3EP3JfM.js";
+import { M as he } from "./message-square-B_xLey5D.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 ue = z("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" }]
+]);
+/**
+ * @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 ge = z("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" }]
+]);
+/**
+ * @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 = z("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" }]
+]);
+/**
+ * @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 E = z("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" }]
+]);
+/**
+ * @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 pe = z("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"
+    }
+  ]
+]);
+/**
+ * @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 xe = z("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"
+    }
+  ]
+]);
+/**
+ * @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 be = z("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"
+    }
+  ]
+]), Ne = {
+  active: "bg-success text-success-foreground",
+  inactive: "bg-muted text-muted-foreground",
+  lead: "bg-warning text-warning-foreground",
+  customer: "bg-primary text-primary-foreground"
+}, ve = v.forwardRef(
+  ({
+    className: f,
+    name: s,
+    email: a,
+    phone: t,
+    company: l,
+    position: d,
+    location: i,
+    avatar: m,
+    initials: o,
+    status: g,
+    tags: u,
+    onClick: c,
+    ...N
+  }, p) => /* @__PURE__ */ r(
+    L,
+    {
+      ref: p,
+      className: h("transition-shadow hover:shadow-md", c && "cursor-pointer", f),
+      onClick: c,
+      ...N,
+      children: [
+        /* @__PURE__ */ e(R, { className: "pb-3", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
+          /* @__PURE__ */ r(q, { className: "h-12 w-12", children: [
+            m && /* @__PURE__ */ e(H, { src: m, alt: s }),
+            /* @__PURE__ */ e(I, { children: o || s.charAt(0).toUpperCase() })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex-1 space-y-1", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("h3", { className: "font-semibold leading-none", children: s }),
+              g && /* @__PURE__ */ e(C, { className: h("text-xs", Ne[g]), children: g.charAt(0).toUpperCase() + g.slice(1) })
+            ] }),
+            d && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: d })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ r(D, { className: "space-y-2 text-sm", children: [
+          a && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: a })
+          ] }),
+          t && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(G, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: t })
+          ] }),
+          l && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(ue, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: l })
+          ] }),
+          i && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ e(te, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e("span", { children: i })
+          ] }),
+          u && u.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 pt-2", children: u.map((n, b) => /* @__PURE__ */ e(C, { variant: "secondary", className: "text-xs", children: n }, b)) })
+        ] })
+      ]
+    }
+  )
+);
+ve.displayName = "ContactCard";
+const we = {
+  low: "bg-muted text-muted-foreground",
+  medium: "bg-warning text-warning-foreground",
+  high: "bg-destructive text-destructive-foreground"
+}, ye = v.forwardRef(
+  ({
+    className: f,
+    title: s,
+    value: a,
+    company: t,
+    stage: l,
+    probability: d,
+    closeDate: i,
+    closeDateFormat: m,
+    currency: o,
+    showCurrencyCode: g = !1,
+    probabilityLabel: u,
+    owner: c,
+    priority: N,
+    priorityLabelMap: p,
+    getPriorityLabel: n,
+    onClick: b,
+    onDragStart: x,
+    draggable: M = !1,
+    valueFormatted: y = !1,
+    ...j
+  }, A) => {
+    const { formatCurrency: S, formatDate: U, t: T } = ne(), Y = v.useCallback(
+      (k) => n ? n(k) : p != null && p[k] ? p[k] : T(`status.${k}`),
+      [n, p, T]
+    ), ee = v.useMemo(() => {
+      if (y || typeof a == "string")
+        return a;
+      if (o) {
+        const k = new Intl.NumberFormat(void 0, {
+          style: "currency",
+          currency: o,
+          minimumFractionDigits: 0,
+          maximumFractionDigits: 0
+        }).format(a);
+        return g ? `${o} ${k.replace(/[^0-9.,\s]/g, "").trim()}` : k;
+      }
+      return S(a, { minimumFractionDigits: 0, maximumFractionDigits: 0 });
+    }, [a, y, S, o, g]), W = v.useMemo(() => i ? U(i, m) : null, [i, m, U]);
+    return /* @__PURE__ */ r(
+      L,
+      {
+        ref: A,
+        className: h(
+          "transition-all hover:shadow-md",
+          b && "cursor-pointer",
+          M && "cursor-grab active:cursor-grabbing",
+          f
+        ),
+        onClick: b,
+        onDragStart: x,
+        draggable: M,
+        ...j,
+        children: [
+          /* @__PURE__ */ e(R, { className: "pb-2", children: /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
+            /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ e(K, { className: "text-base", children: s }),
+              t && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t })
+            ] }),
+            N && /* @__PURE__ */ e(C, { className: h("text-xs", we[N]), children: Y(N) })
+          ] }) }),
+          /* @__PURE__ */ r(D, { className: "space-y-3", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e("div", { className: "text-lg font-bold", children: ee }),
+              l && /* @__PURE__ */ e(C, { variant: "outline", className: "text-xs", children: l })
+            ] }),
+            d !== void 0 && /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ r("div", { className: "flex justify-between text-xs", children: [
+                /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: u || T("deal.probability") }),
+                /* @__PURE__ */ r("span", { className: "font-medium", children: [
+                  d,
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ e(J, { value: d, className: "h-2" })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+              W && /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(Q, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e("span", { children: W })
+              ] }),
+              c && /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ r(q, { className: "h-5 w-5", children: [
+                  c.avatar && /* @__PURE__ */ e(H, { src: c.avatar }),
+                  /* @__PURE__ */ e(I, { className: "text-[10px]", children: c.name.charAt(0).toUpperCase() })
+                ] }),
+                /* @__PURE__ */ e("span", { children: c.name })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ye.displayName = "DealCard";
+function lr({
+  className: f,
+  columns: s,
+  renderItem: a,
+  onItemMove: t,
+  onAddItem: l,
+  showAddButton: d = !0,
+  columnWidth: i = 300,
+  getItemId: m
+}) {
+  const [o, g] = v.useState(null), u = (n, b) => {
+    g({ id: n, columnId: b });
+  }, c = (n) => {
+    n.preventDefault();
+  }, N = (n) => {
+    o && o.columnId !== n && (t == null || t(o.id, o.columnId, n)), g(null);
+  }, p = () => {
+    g(null);
+  };
+  return /* @__PURE__ */ r(re, { className: h("w-full", f), children: [
+    /* @__PURE__ */ e("div", { className: "flex gap-4 p-4", children: s.map((n) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex shrink-0 flex-col rounded-lg bg-muted/50",
+        style: { width: i },
+        onDragOver: c,
+        onDrop: () => N(n.id),
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between p-3", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+              n.color && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-3 w-3 rounded-full",
+                  style: { backgroundColor: n.color }
+                }
+              ),
+              /* @__PURE__ */ e("h3", { className: "text-sm font-semibold", children: n.title }),
+              /* @__PURE__ */ e("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: n.items.length })
+            ] }),
+            d && l && /* @__PURE__ */ e(
+              w,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6",
+                onClick: () => l(n.id),
+                children: /* @__PURE__ */ e(ie, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-2 p-2", children: n.items.map((b) => {
+            const x = m(b);
+            return /* @__PURE__ */ e(
+              "div",
+              {
+                draggable: !0,
+                onDragStart: () => u(x, n.id),
+                onDragEnd: p,
+                className: h(
+                  "transition-opacity",
+                  (o == null ? void 0 : o.id) === x && "opacity-50"
+                ),
+                children: a(b, n.id)
+              },
+              x
+            );
+          }) })
+        ]
+      },
+      n.id
+    )) }),
+    /* @__PURE__ */ e(ae, { orientation: "horizontal" })
+  ] });
+}
+const ke = (f, s) => {
+  const a = f / s * 100;
+  return a >= 80 ? "bg-success text-success-foreground" : a >= 60 ? "bg-primary text-primary-foreground" : a >= 40 ? "bg-warning text-warning-foreground" : "bg-destructive text-destructive-foreground";
+}, Ce = (f, s) => {
+  const a = f / s * 100;
+  return a >= 80 ? "Hot" : a >= 60 ? "Warm" : a >= 40 ? "Cold" : "Very Cold";
+}, ze = {
+  sm: "h-6 w-6 text-xs",
+  md: "h-8 w-8 text-sm",
+  lg: "h-10 w-10 text-base"
+}, Me = v.forwardRef(
+  ({ className: f, score: s, maxScore: a = 100, showLabel: t = !1, size: l = "md", ...d }, i) => {
+    const m = ke(s, a), o = Ce(s, a);
+    return /* @__PURE__ */ r("div", { ref: i, className: h("flex items-center gap-2", f), ...d, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: h(
+            "flex items-center justify-center rounded-full font-semibold",
+            ze[l],
+            m
+          ),
+          children: s
+        }
+      ),
+      t && /* @__PURE__ */ e("span", { className: h("text-sm font-medium", m.split(" ")[0].replace("bg-", "text-")), children: o })
+    ] });
+  }
+);
+Me.displayName = "LeadScoreIndicator";
+const je = {
+  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",
+  lead: "bg-amber-100 text-amber-800 border-amber-300 dark:bg-amber-900/30 dark:text-amber-400 dark:border-amber-800",
+  customer: "bg-green-100 text-green-800 border-green-300 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800",
+  prospect: "bg-purple-100 text-purple-800 border-purple-300 dark:bg-purple-900/30 dark:text-purple-400 dark:border-purple-800",
+  new: "bg-blue-100 text-blue-800 border-blue-300 dark:bg-blue-900/30 dark:text-blue-400 dark:border-blue-800",
+  contacted: "bg-cyan-100 text-cyan-800 border-cyan-300 dark:bg-cyan-900/30 dark:text-cyan-400 dark:border-cyan-800"
+}, Ae = {
+  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",
+  lead: "bg-amber-500",
+  customer: "bg-green-500",
+  prospect: "bg-purple-500",
+  new: "bg-blue-500",
+  contacted: "bg-cyan-500"
+};
+function cr({ className: f, status: s, customColors: a, showDot: t = !0, pulse: l = !1 }) {
+  const d = s.toLowerCase(), i = (a == null ? void 0 : a[s]) || je[d] || "bg-muted text-muted-foreground", m = Ae[d] || "bg-muted-foreground", o = s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+  return /* @__PURE__ */ r(C, { variant: "outline", className: h("gap-1.5 font-medium", i, f), children: [
+    t && /* @__PURE__ */ e("span", { className: h("h-2 w-2 rounded-full", m, l && "animate-pulse") }),
+    o
+  ] });
+}
+const Se = v.forwardRef(
+  ({
+    className: f,
+    steps: s,
+    currentStep: a,
+    orientation: t = "horizontal",
+    onStepClick: l,
+    renderStepTitle: d,
+    renderStepDescription: i,
+    completedIcon: m,
+    ...o
+  }, g) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: g,
+      className: h(
+        "flex",
+        t === "horizontal" ? "flex-row items-start" : "flex-col",
+        f
+      ),
+      ...o,
+      children: s.map((u, c) => {
+        const N = c < a, p = c === a, n = l !== void 0, b = N ? "completed" : p ? "current" : "upcoming";
+        return /* @__PURE__ */ r(
+          "div",
+          {
+            className: h(
+              "flex",
+              t === "horizontal" ? "flex-1 flex-col items-center" : "flex-row items-start gap-4 pb-8 last:pb-0"
+            ),
+            children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: h(
+                    "flex items-center",
+                    t === "horizontal" ? "w-full" : "flex-col"
+                  ),
+                  children: [
+                    t === "horizontal" && c > 0 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: h(
+                          "h-0.5 flex-1",
+                          c <= a ? "bg-primary" : "bg-border"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => n && l(c),
+                        disabled: !n,
+                        className: h(
+                          "relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors",
+                          N ? "border-primary bg-primary text-primary-foreground" : p ? "border-primary bg-background text-primary" : "border-border bg-background text-muted-foreground",
+                          n && "cursor-pointer hover:border-primary/50"
+                        ),
+                        children: N ? m ?? /* @__PURE__ */ e(X, { className: "h-5 w-5" }) : c + 1
+                      }
+                    ),
+                    t === "horizontal" && c < s.length - 1 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: h(
+                          "h-0.5 flex-1",
+                          c < a ? "bg-primary" : "bg-border"
+                        )
+                      }
+                    ),
+                    t === "vertical" && c < s.length - 1 && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: h(
+                          "my-2 w-0.5 flex-1",
+                          c < a ? "bg-primary" : "bg-border"
+                        ),
+                        style: { minHeight: "2rem" }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: h(
+                    "text-center",
+                    t === "horizontal" ? "mt-2 px-2" : "pt-1"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: h(
+                          "text-sm font-medium",
+                          p || N ? "text-foreground" : "text-muted-foreground"
+                        ),
+                        children: d ? d(u, c, b) : u.title
+                      }
+                    ),
+                    u.description && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-muted-foreground", children: i ? i(u, c, b) : u.description })
+                  ]
+                }
+              )
+            ]
+          },
+          u.id
+        );
+      })
+    }
+  )
+);
+Se.displayName = "ProgressTracker";
+const Le = v.forwardRef(
+  ({
+    className: f,
+    title: s,
+    summary: a,
+    loading: t = !1,
+    error: l,
+    onRefresh: d,
+    onCopy: i,
+    onFeedback: m,
+    model: o,
+    generatedAt: g,
+    confidence: u,
+    ...c
+  }, N) => {
+    const { t: p } = F(), [n, b] = v.useState(!1), [x, M] = v.useState(null), y = s ?? p("feedback.aiSummary"), j = async () => {
+      a && i && (await navigator.clipboard.writeText(a), b(!0), i(), setTimeout(() => b(!1), 2e3));
+    }, A = (S) => {
+      M(S), m == null || m(S);
+    };
+    return /* @__PURE__ */ r(L, { ref: N, className: h("relative overflow-hidden", f), ...c, 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__ */ r(R, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(E, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ e(K, { className: "text-base font-medium", children: y }),
+          o && /* @__PURE__ */ e(C, { variant: "outline", className: "text-xs", children: o })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+          d && /* @__PURE__ */ e(
+            w,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7",
+              onClick: d,
+              disabled: t,
+              children: /* @__PURE__ */ e(fe, { className: h("h-4 w-4", t && "animate-spin") })
+            }
+          ),
+          a && i && /* @__PURE__ */ e(
+            w,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-7 w-7",
+              onClick: j,
+              children: n ? /* @__PURE__ */ e(X, { className: "h-4 w-4 text-success" }) : /* @__PURE__ */ e(ge, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(D, { className: "space-y-3", children: t ? /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(B, { className: "h-4 w-full" }),
+        /* @__PURE__ */ e(B, { className: "h-4 w-full" }),
+        /* @__PURE__ */ e(B, { className: "h-4 w-3/4" })
+      ] }) : l ? /* @__PURE__ */ e("div", { className: "rounded-md bg-destructive/10 p-3 text-sm text-destructive", children: l }) : a ? /* @__PURE__ */ r(Z, { children: [
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground leading-relaxed", children: a }),
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-2", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            u !== void 0 && /* @__PURE__ */ r("span", { children: [
+              p("feedback.confidence"),
+              ": ",
+              Math.round(u * 100),
+              "%"
+            ] }),
+            g && /* @__PURE__ */ e("span", { children: g })
+          ] }),
+          m && /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground mr-1", children: p("feedback.wasHelpful") }),
+            /* @__PURE__ */ e(
+              w,
+              {
+                variant: x === "positive" ? "default" : "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => A("positive"),
+                children: /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              w,
+              {
+                variant: x === "negative" ? "destructive" : "ghost",
+                size: "icon",
+                className: "h-7 w-7",
+                onClick: () => A("negative"),
+                children: /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: p("feedback.noSummary") }) })
+    ] });
+  }
+);
+Le.displayName = "AISummaryCard";
+const De = v.forwardRef(
+  ({
+    className: f,
+    title: s,
+    description: a,
+    badge: t,
+    icon: l,
+    image: d,
+    actionLabel: i,
+    learnMoreLabel: m,
+    onAction: o,
+    learnMoreUrl: g,
+    dismissible: u = !0,
+    onDismiss: c,
+    variant: N = "default",
+    ...p
+  }, n) => {
+    const { t: b } = F(), x = b("feature.tryNow"), M = i ?? (x === "feature.tryNow" ? "Try it now" : x), y = b("feature.learnMore"), j = m ?? (y === "feature.learnMore" ? "Learn more" : y);
+    return /* @__PURE__ */ r(
+      L,
+      {
+        ref: n,
+        className: h("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"
+        }[N], f),
+        ...p,
+        children: [
+          u && c && /* @__PURE__ */ e(
+            w,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-2 top-2 h-6 w-6",
+              onClick: c,
+              children: /* @__PURE__ */ e(V, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e(D, { className: "p-6", children: /* @__PURE__ */ r("div", { className: "flex gap-4", children: [
+            (l || d) && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l ? /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary", children: l }) : d ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: d,
+                alt: "",
+                className: "h-12 w-12 rounded-lg object-cover"
+              }
+            ) : null }),
+            /* @__PURE__ */ r("div", { className: "flex-1 space-y-3", children: [
+              /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ r("div", { children: [
+                t && /* @__PURE__ */ r(C, { variant: "secondary", className: "mb-2", children: [
+                  /* @__PURE__ */ e(E, { className: "mr-1 h-3 w-3" }),
+                  t
+                ] }),
+                /* @__PURE__ */ e("h3", { className: "font-semibold", children: s })
+              ] }) }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a }),
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-2 pt-2", children: [
+                o && /* @__PURE__ */ r(w, { size: "sm", onClick: o, children: [
+                  M,
+                  /* @__PURE__ */ e(P, { className: "ml-1 h-4 w-4" })
+                ] }),
+                g && /* @__PURE__ */ e(w, { variant: "ghost", size: "sm", asChild: !0, children: /* @__PURE__ */ r("a", { href: g, target: "_blank", rel: "noopener noreferrer", children: [
+                  j,
+                  /* @__PURE__ */ e(oe, { className: "ml-1 h-3 w-3" })
+                ] }) })
+              ] })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+De.displayName = "FeatureHighlightCard";
+const Te = de(
+  "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"
+    }
+  }
+), Be = {
+  default: O,
+  info: O,
+  success: se,
+  warning: ce,
+  destructive: le
+}, Pe = v.forwardRef(
+  ({
+    className: f,
+    variant: s = "default",
+    position: a = "inline",
+    title: t,
+    message: l,
+    dismissible: d = !0,
+    onDismiss: i,
+    action: m,
+    showIcon: o = !0,
+    ...g
+  }, u) => {
+    const c = Be[s || "default"];
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: u,
+        role: "alert",
+        className: h(Te({ variant: s, position: a }), f),
+        ...g,
+        children: [
+          o && /* @__PURE__ */ e(c, { className: "h-5 w-5 flex-shrink-0" }),
+          /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-0.5", children: [
+            t && /* @__PURE__ */ e("p", { className: "font-medium", children: t }),
+            /* @__PURE__ */ e("p", { className: h(!t && "font-normal", t && "text-muted-foreground"), children: l })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+            m && /* @__PURE__ */ e(
+              w,
+              {
+                variant: s === "destructive" ? "destructive" : "outline",
+                size: "sm",
+                onClick: m.onClick,
+                children: m.label
+              }
+            ),
+            d && i && /* @__PURE__ */ e(
+              w,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6 flex-shrink-0",
+                onClick: i,
+                children: /* @__PURE__ */ e(V, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Pe.displayName = "AlertBanner";
+const Re = {
+  email: /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+  call: /* @__PURE__ */ e(G, { className: "h-4 w-4" }),
+  meeting: /* @__PURE__ */ e(Q, { className: "h-4 w-4" }),
+  note: /* @__PURE__ */ e($, { className: "h-4 w-4" }),
+  task: /* @__PURE__ */ e($, { className: "h-4 w-4" }),
+  message: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+}, qe = {
+  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"
+}, He = v.forwardRef(
+  ({
+    className: f,
+    type: s,
+    title: a,
+    description: t,
+    timestamp: l,
+    user: d,
+    actions: i,
+    metadata: m,
+    ...o
+  }, g) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: g,
+      className: h("group flex gap-4 rounded-lg p-3 hover:bg-muted/50", f),
+      ...o,
+      children: [
+        /* @__PURE__ */ e("div", { className: h("flex h-10 w-10 items-center justify-center rounded-lg", qe[s]), children: Re[s] }),
+        /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e("h4", { className: "font-medium", children: a }),
+              t && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: t })
+            ] }),
+            i && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              i.onEdit && /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", className: "h-7 w-7", onClick: i.onEdit, children: /* @__PURE__ */ e(pe, { className: "h-3.5 w-3.5" }) }),
+              i.onDelete && /* @__PURE__ */ e(
+                w,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7 text-destructive hover:text-destructive",
+                  onClick: i.onDelete,
+                  children: /* @__PURE__ */ e(me, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] })
+          ] }),
+          m && Object.keys(m).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 text-xs text-muted-foreground", children: Object.entries(m).map(([u, c]) => /* @__PURE__ */ r("span", { children: [
+            /* @__PURE__ */ r("span", { className: "font-medium", children: [
+              u,
+              ":"
+            ] }),
+            " ",
+            c
+          ] }, u)) }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            d && /* @__PURE__ */ r(Z, { children: [
+              /* @__PURE__ */ r(q, { className: "h-5 w-5", children: [
+                d.avatar && /* @__PURE__ */ e(H, { src: d.avatar }),
+                /* @__PURE__ */ e(I, { className: "text-[10px]", children: d.name.charAt(0).toUpperCase() })
+              ] }),
+              /* @__PURE__ */ e("span", { children: d.name }),
+              /* @__PURE__ */ e("span", { children: "•" })
+            ] }),
+            /* @__PURE__ */ e("span", { children: l })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+He.displayName = "CRMActivityItem";
+const Ie = v.forwardRef(
+  ({
+    className: f,
+    title: s,
+    subtitle: a,
+    userName: t,
+    steps: l = [],
+    dismissible: d = !0,
+    onDismiss: i,
+    showProgress: m = !0,
+    image: o,
+    ctaLabel: g,
+    ctaOnClick: u,
+    ...c
+  }, N) => {
+    const { t: p } = F(), n = l.filter((x) => x.completed).length, b = l.length > 0 ? n / l.length * 100 : 0;
+    return /* @__PURE__ */ r(
+      L,
+      {
+        ref: N,
+        className: h("relative overflow-hidden", f),
+        ...c,
+        children: [
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-primary/5 via-primary/10 to-transparent" }),
+          d && i && /* @__PURE__ */ e(
+            w,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-2 top-2 h-6 w-6 z-10",
+              onClick: i,
+              children: /* @__PURE__ */ e(V, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e(D, { className: "relative p-6", children: /* @__PURE__ */ r("div", { className: "flex gap-6", children: [
+            /* @__PURE__ */ r("div", { className: "flex-1 space-y-4", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(E, { className: "h-5 w-5 text-primary" }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: p("welcome.label") })
+              ] }),
+              /* @__PURE__ */ r("div", { children: [
+                /* @__PURE__ */ e("h2", { className: "text-2xl font-bold", children: t ? `${s}, ${t}!` : s }),
+                a && /* @__PURE__ */ e("p", { className: "mt-1 text-muted-foreground", children: a })
+              ] }),
+              m && l.length > 0 && /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-sm", children: [
+                  /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: p("welcome.setupProgress") }),
+                  /* @__PURE__ */ e("span", { className: "font-medium", children: p("welcome.completed", { completed: n, total: l.length }) })
+                ] }),
+                /* @__PURE__ */ e(J, { value: b, className: "h-2" })
+              ] }),
+              l.length > 0 && /* @__PURE__ */ e("div", { className: "space-y-2", children: l.slice(0, 3).map((x) => /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: x.onClick,
+                  className: h(
+                    "flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors hover:bg-muted",
+                    x.completed && "opacity-50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: h(
+                          "flex h-6 w-6 items-center justify-center rounded-full border-2",
+                          x.completed ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"
+                        ),
+                        children: x.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__ */ r("div", { className: "flex-1", children: [
+                      /* @__PURE__ */ e("p", { className: h("font-medium", x.completed && "line-through"), children: x.title }),
+                      x.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: x.description })
+                    ] }),
+                    !x.completed && /* @__PURE__ */ e(P, { className: "h-4 w-4 text-muted-foreground" })
+                  ]
+                },
+                x.id
+              )) }),
+              g && u && /* @__PURE__ */ r(w, { onClick: u, className: "gap-2", children: [
+                g,
+                /* @__PURE__ */ e(P, { className: "h-4 w-4" })
+              ] })
+            ] }),
+            o && /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e("img", { src: o, alt: "", className: "h-48 w-48 object-contain" }) })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+Ie.displayName = "WelcomeCard";
+export {
+  Le as A,
+  ve as C,
+  ye as D,
+  De as F,
+  Me as L,
+  lr as P,
+  cr as S,
+  Ie as W,
+  Se as a,
+  Pe as b,
+  Te as c,
+  He as d
+};
+//# sourceMappingURL=welcome-card-Ccbl_miQ.js.map