@senitix/ui 0.4.1 → 0.4.3

package/dist/record-dialog-footer-DbH9A6eA.js

@@ -0,0 +1,2577 @@
+import { jsx as e, jsxs as a, Fragment as _ } from "react/jsx-runtime";
+import * as g from "react";
+import { useState as ue } from "react";
+import { c as b } from "./index-BGUveO6l.js";
+import { u as Ze } from "./use-mobile-C-LMK4T8.js";
+import { u as K } from "./use-controllable-state-CEa-Zlq6.js";
+import { a as he, f as pe, S as me } from "./sheet-DgpAPCAp.js";
+import { c as H, S as L, a as et } from "./scroll-area-CGNbDUBQ.js";
+import { a as tt, b as Me, D as at, j as rt, e as st, s as nt, K as lt, P as ct, S as it, v as ot, u as dt, C as mt } from "./sortable.esm-Cb8oRBzU.js";
+import { B as S } from "./button-BP_ug5gP.js";
+import { I as $ } from "./input-Pfq8fkiV.js";
+import { B as F, C as Ie } from "./badge-D0C_rP2l.js";
+import { S as ut, D as Z, a as ee, b as te, c as O, g as fe } from "./dropdown-menu-CkCCV_tw.js";
+import { C as Ae, e as Ee } from "./card-yxbWFvZ1.js";
+import { C as W } from "./checkbox-CTa9e4SG.js";
+import { u as Q } from "./use-formatters-xeMS4gdV.js";
+import { T as ht, G as pt, P as Le } from "./table-2-C7E_N72K.js";
+import { C as G } from "./calendar-JUSWONQ0.js";
+import { F as ft, P as je } from "./pencil-HL0trGIs.js";
+import { P as J } from "./plus-D7DMDKb8.js";
+import { E as ae } from "./ellipsis-CKhpjj5H.js";
+import { u as T } from "./locale-provider-BHGNO4j7.js";
+import { d as re, T as ge, a as xe, b as X, c as Fe } from "./textarea-4qZDuQ-C.js";
+import { A as Ne, a as ve, b as be } from "./avatar-BlEcWE7T.js";
+import { P as se, M as ne } from "./phone-B0J1dGIE.js";
+import { M as le } from "./message-square-B_xLey5D.js";
+import { C as ze } from "./chevron-right-Di90aqSn.js";
+import { S as Ve } from "./send-DIkOd-pu.js";
+import { X as ye } from "./x-BBkgEhUv.js";
+import { P as gt, a as xt, b as Nt } from "./popover-CZWAuYUL.js";
+import { E as vt } from "./external-link-UeWW0ty3.js";
+import { D as Oe, e as He, f as bt, h as Be, i as yt, g as wt, c as kt } from "./dialog-MYAx3Qrc.js";
+import { L as Dt } from "./label-CExiitfO.js";
+import { S as we, c as ke, b as De, d as Ce, f as Se } from "./select-Ce2C2acZ.js";
+import { M as Ct } from "./minus-DJ0tmymW.js";
+import { A as St, a as Rt, b as Tt, c as Mt } from "./accordion-BwnJKrKm.js";
+import { L as Pt } from "./loader-circle-CBVYGIRp.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 Ke = H("Activity", [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+]);
+/**
+ * @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 It = H("ArrowDown", [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+]);
+/**
+ * @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 At = H("ArrowUp", [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+]);
+/**
+ * @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 ce = H("CircleCheck", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @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 Et = H("LayoutGrid", [
+  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
+]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _e = H("Link2", [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+]);
+/**
+ * @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 Lt = H("List", [
+  ["line", { x1: "8", x2: "21", y1: "6", y2: "6", key: "7ey8pc" }],
+  ["line", { x1: "8", x2: "21", y1: "12", y2: "12", key: "rjfblc" }],
+  ["line", { x1: "8", x2: "21", y1: "18", y2: "18", key: "c3b1m8" }],
+  ["line", { x1: "3", x2: "3.01", y1: "6", y2: "6", key: "1g7gq3" }],
+  ["line", { x1: "3", x2: "3.01", y1: "12", y2: "12", key: "1pjlvk" }],
+  ["line", { x1: "3", x2: "3.01", y1: "18", y2: "18", key: "28t2mc" }]
+]), jt = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      className: b("flex min-h-screen w-full flex-col bg-background", t),
+      ...n,
+      children: s
+    }
+  )
+);
+jt.displayName = "AppShell";
+const Ft = g.forwardRef(
+  ({ className: t, ...s }, n) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: n,
+      className: b(
+        "sticky top-0 z-50 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        t
+      ),
+      ...s
+    }
+  )
+);
+Ft.displayName = "AppShellHeader";
+const zt = g.forwardRef(
+  ({ className: t, ...s }, n) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: n,
+      className: b("flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-6", t),
+      ...s
+    }
+  )
+);
+zt.displayName = "AppShellMain";
+const Vt = g.forwardRef(
+  ({ className: t, ...s }, n) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: n,
+      className: b("border-t bg-background px-4 py-6 md:px-6", t),
+      ...s
+    }
+  )
+);
+Vt.displayName = "AppShellFooter";
+const Ot = g.forwardRef(
+  ({ className: t, heading: s, description: n, actions: o, children: r, ...l }, c) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: c,
+      className: b("flex flex-col gap-4 md:flex-row md:items-center md:justify-between", t),
+      ...l,
+      children: [
+        /* @__PURE__ */ a("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 }),
+        r
+      ]
+    }
+  )
+);
+Ot.displayName = "PageHeader";
+const $e = g.createContext(null);
+function Qe() {
+  const t = g.useContext($e);
+  if (!t)
+    throw new Error("useDashboardLayout must be used within a DashboardLayout.");
+  return t;
+}
+const Ht = g.forwardRef(
+  ({
+    className: t,
+    children: s,
+    sidebarOpen: n,
+    onSidebarOpenChange: o,
+    sidebarCollapsed: r,
+    onSidebarCollapsedChange: l,
+    defaultSidebarOpen: c = !0,
+    defaultSidebarCollapsed: d = !1,
+    sidebarWidth: u = "16rem",
+    sidebarCollapsedWidth: f = "4rem",
+    ...v
+  }, h) => {
+    const m = Ze(), [x, N] = K({
+      value: n,
+      defaultValue: c,
+      onChange: o
+    }), [y, w] = K({
+      value: r,
+      defaultValue: d,
+      onChange: l
+    }), i = g.useCallback(() => {
+      m ? N((k) => !k) : w((k) => !k);
+    }, [m, w, N]);
+    g.useEffect(() => {
+      const k = (C) => {
+        C.key === "b" && (C.metaKey || C.ctrlKey) && (C.preventDefault(), i());
+      };
+      return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
+    }, [i]);
+    const p = g.useMemo(
+      () => ({
+        sidebarOpen: x,
+        setSidebarOpen: N,
+        sidebarCollapsed: y,
+        setSidebarCollapsed: w,
+        isMobile: m,
+        toggleSidebar: i
+      }),
+      [x, N, y, w, m, i]
+    );
+    return /* @__PURE__ */ e($e.Provider, { value: p, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        style: {
+          "--sidebar-width": u,
+          "--sidebar-collapsed-width": f
+        },
+        className: b("flex min-h-screen w-full bg-background", t),
+        ...v,
+        children: s
+      }
+    ) });
+  }
+);
+Ht.displayName = "DashboardLayout";
+const Bt = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => {
+    const { sidebarOpen: r, setSidebarOpen: l, sidebarCollapsed: c, isMobile: d } = Qe();
+    return d ? /* @__PURE__ */ e(he, { open: r, onOpenChange: l, children: /* @__PURE__ */ e(
+      pe,
+      {
+        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": c,
+        className: b(
+          "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",
+          c ? "w-[var(--sidebar-collapsed-width)]" : "w-[var(--sidebar-width)]",
+          t
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+Bt.displayName = "DashboardSidebar";
+const Kt = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => {
+    const { sidebarCollapsed: r, isMobile: l } = Qe();
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: o,
+        className: b(
+          "flex flex-1 flex-col transition-[margin-left] duration-200 ease-in-out",
+          !l && (r ? "ml-[var(--sidebar-collapsed-width)]" : "ml-[var(--sidebar-width)]"),
+          t
+        ),
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+Kt.displayName = "DashboardContent";
+const _t = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: o,
+      className: b(
+        "sticky top-0 z-20 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6",
+        t
+      ),
+      ...n,
+      children: s
+    }
+  )
+);
+_t.displayName = "DashboardHeader";
+const $t = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "main",
+    {
+      ref: o,
+      className: b("flex-1 overflow-auto p-4 md:p-6", t),
+      ...n,
+      children: s
+    }
+  )
+);
+$t.displayName = "DashboardMain";
+const Qt = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => /* @__PURE__ */ e(
+    "footer",
+    {
+      ref: o,
+      className: b("border-t bg-background px-4 py-4 md:px-6", t),
+      ...n,
+      children: s
+    }
+  )
+);
+Qt.displayName = "DashboardFooter";
+const qt = {
+  sm: "sm:max-w-[360px]",
+  md: "sm:max-w-[460px]",
+  lg: "sm:max-w-[620px]"
+}, Yt = g.forwardRef(({ open: t, onOpenChange: s, size: n = "md", children: o, className: r }, l) => /* @__PURE__ */ e(he, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(
+  pe,
+  {
+    ref: l,
+    side: "right",
+    className: b(
+      "flex w-full flex-col gap-0 p-0",
+      qt[n],
+      r
+    ),
+    children: /* @__PURE__ */ e(L, { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "flex flex-col", children: o }) })
+  }
+) }));
+Yt.displayName = "DashboardRightPanel";
+const Ut = {
+  low: "bg-muted text-muted-foreground",
+  medium: "bg-warning/15 text-warning",
+  high: "bg-destructive/15 text-destructive"
+}, qe = g.createContext(null);
+function B() {
+  const t = g.useContext(qe);
+  if (!t)
+    throw new Error("usePipeline must be used within a Pipeline component");
+  return t;
+}
+const Gt = g.forwardRef(
+  ({
+    className: t,
+    stages: s,
+    items: n,
+    defaultView: o = "kanban",
+    view: r,
+    onViewChange: l,
+    selectedItems: c,
+    defaultSelectedItems: d = [],
+    onSelectedItemsChange: u,
+    searchQuery: f,
+    defaultSearchQuery: v = "",
+    onSearchQueryChange: h,
+    groupBy: m,
+    defaultGroupBy: x = "",
+    onGroupByChange: N,
+    onItemMove: y,
+    onItemClick: w,
+    onItemAdd: i,
+    onItemEdit: p,
+    onItemDelete: k,
+    children: C,
+    ...z
+  }, I) => {
+    const [V, D] = K({
+      value: r,
+      defaultValue: o,
+      onChange: l
+    }), [M, R] = K({
+      value: c,
+      defaultValue: d,
+      onChange: u
+    }), [A, E] = K({
+      value: f,
+      defaultValue: v,
+      onChange: h
+    }), [ie, Y] = K({
+      value: m,
+      defaultValue: x,
+      onChange: (P) => N == null ? void 0 : N(P || void 0)
+    }), j = ie || void 0, U = g.useMemo(() => {
+      if (!A) return n;
+      const P = A.toLowerCase();
+      return n.filter(
+        (de) => {
+          var Re, Te;
+          return de.title.toLowerCase().includes(P) || ((Re = de.company) == null ? void 0 : Re.toLowerCase().includes(P)) || ((Te = de.owner) == null ? void 0 : Te.name.toLowerCase().includes(P));
+        }
+      );
+    }, [n, A]), oe = g.useMemo(
+      () => ({
+        view: V,
+        setView: (P) => D(P),
+        stages: s,
+        items: U,
+        selectedItems: M,
+        setSelectedItems: (P) => R(P),
+        onItemMove: y,
+        onItemClick: w,
+        onItemAdd: i,
+        onItemEdit: p,
+        onItemDelete: k,
+        searchQuery: A,
+        setSearchQuery: (P) => E(P),
+        groupBy: j,
+        setGroupBy: (P) => Y(P ?? "")
+      }),
+      [
+        V,
+        s,
+        U,
+        M,
+        A,
+        j,
+        y,
+        w,
+        i,
+        p,
+        k,
+        D,
+        R,
+        E,
+        Y
+      ]
+    );
+    return /* @__PURE__ */ e(qe.Provider, { value: oe, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: I,
+        className: b("flex h-full flex-col", t),
+        ...z,
+        children: C
+      }
+    ) });
+  }
+);
+Gt.displayName = "Pipeline";
+const Wt = g.forwardRef(
+  ({
+    className: t,
+    showViewSelector: s = !0,
+    showSearch: n = !0,
+    showAddButton: o = !0,
+    addButtonLabel: r,
+    onAdd: l,
+    title: c,
+    actions: d,
+    ...u
+  }, f) => {
+    const { view: v, setView: h, searchQuery: m, setSearchQuery: x, selectedItems: N } = B(), { t: y } = Q(), w = [
+      { value: "kanban", icon: /* @__PURE__ */ e(Et, { className: "h-4 w-4" }), label: y("pipeline.kanban") },
+      { value: "list", icon: /* @__PURE__ */ e(Lt, { className: "h-4 w-4" }), label: y("calendar.agenda") },
+      { value: "table", icon: /* @__PURE__ */ e(ht, { className: "h-4 w-4" }), label: y("pipeline.table") },
+      { value: "timeline", icon: /* @__PURE__ */ e(G, { className: "h-4 w-4" }), label: y("pipeline.timeline") }
+    ];
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: f,
+        className: b(
+          "flex flex-wrap items-center justify-between gap-4 border-b bg-background p-4",
+          t
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+            c && /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: c }),
+            N.length > 0 && /* @__PURE__ */ e(F, { variant: "secondary", children: y("pipeline.selected", { count: N.length }) })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2", children: [
+            n && /* @__PURE__ */ a("div", { className: "relative", children: [
+              /* @__PURE__ */ e(ut, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+              /* @__PURE__ */ e(
+                $,
+                {
+                  placeholder: y("common.search"),
+                  value: m,
+                  onChange: (i) => x(i.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: w.map((i) => /* @__PURE__ */ e(
+              S,
+              {
+                variant: v === i.value ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 px-2",
+                onClick: () => h(i.value),
+                title: i.label,
+                children: i.icon
+              },
+              i.value
+            )) }),
+            /* @__PURE__ */ a(S, { variant: "outline", size: "sm", className: "h-9", children: [
+              /* @__PURE__ */ e(ft, { className: "mr-2 h-4 w-4" }),
+              y("common.filter")
+            ] }),
+            d,
+            o && /* @__PURE__ */ a(S, { size: "sm", className: "h-9", onClick: l, children: [
+              /* @__PURE__ */ e(J, { className: "mr-2 h-4 w-4" }),
+              r || y("common.create")
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Wt.displayName = "PipelineHeader";
+const Jt = g.forwardRef(
+  ({ className: t, children: s, ...n }, o) => {
+    const { view: r } = B();
+    return /* @__PURE__ */ e("div", { ref: o, className: b("flex-1 overflow-hidden", t), ...n, children: s || /* @__PURE__ */ a(_, { children: [
+      r === "kanban" && /* @__PURE__ */ e(Ye, {}),
+      r === "list" && /* @__PURE__ */ e(Ue, {}),
+      r === "table" && /* @__PURE__ */ e(Ge, {}),
+      r === "timeline" && /* @__PURE__ */ e(We, {})
+    ] }) });
+  }
+);
+Jt.displayName = "PipelineContent";
+const Xt = g.memo(function({
+  item: s,
+  stageId: n,
+  renderItem: o,
+  defaultRenderItem: r,
+  onItemClick: l
+}) {
+  const {
+    attributes: c,
+    listeners: d,
+    setNodeRef: u,
+    transform: f,
+    transition: v,
+    isDragging: h
+  } = dt({
+    id: s.id,
+    data: {
+      type: "item",
+      item: s,
+      stageId: n
+    }
+  }), m = {
+    transform: mt.Transform.toString(f),
+    transition: v,
+    opacity: h ? 0.5 : 1,
+    cursor: "grab"
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: u,
+      style: m,
+      ...c,
+      ...d,
+      onClick: (x) => {
+        x.stopPropagation(), l == null || l(s);
+      },
+      children: o ? o(s, n) : r(s)
+    }
+  );
+}), Zt = g.memo(function({
+  stage: s,
+  items: n,
+  columnWidth: o,
+  showAddButton: r,
+  onItemAdd: l,
+  onItemClick: c,
+  renderItem: d,
+  defaultRenderItem: u,
+  getStageTotal: f,
+  formatCurrency: v,
+  t: h
+}) {
+  const m = g.useMemo(() => n.map((N) => N.id), [n]), x = s.maxItems !== void 0 && n.length > s.maxItems;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "flex shrink-0 flex-col rounded-lg bg-muted/30",
+      style: { width: o },
+      children: [
+        s.color && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-[3px] rounded-t-lg",
+            style: { backgroundColor: s.color }
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between p-3 border-b", children: [
+          /* @__PURE__ */ a("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__ */ a(F, { variant: x ? "destructive" : "secondary", className: "text-xs", children: [
+              n.length,
+              s.maxItems !== void 0 ? `/${s.maxItems}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+            r && l && /* @__PURE__ */ e(
+              S,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-6 w-6",
+                onClick: () => l(s.id),
+                children: /* @__PURE__ */ e(J, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ a(Z, { children: [
+              /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(S, { variant: "ghost", size: "icon", className: "h-6 w-6", children: /* @__PURE__ */ e(ae, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ a(te, { align: "end", children: [
+                /* @__PURE__ */ e(O, { children: h("common.edit") }),
+                /* @__PURE__ */ e(fe, {}),
+                /* @__PURE__ */ e(O, { className: "text-destructive", children: h("common.delete") })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "px-3 py-2 text-xs text-muted-foreground border-b", children: [
+          h("deal.value"),
+          ":",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: v(f(s.id), {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0
+          }) })
+        ] }),
+        /* @__PURE__ */ e(L, { className: "flex-1", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-2 min-h-[100px]", children: [
+          /* @__PURE__ */ e(it, { items: m, strategy: ot, children: n.map((N) => /* @__PURE__ */ e(
+            Xt,
+            {
+              item: N,
+              stageId: s.id,
+              renderItem: d,
+              defaultRenderItem: u,
+              onItemClick: c
+            },
+            N.id
+          )) }),
+          n.length === 0 && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/20 py-8 text-center transition-colors", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h("common.noData") }) })
+        ] }) })
+      ]
+    }
+  );
+}), Ye = g.forwardRef(
+  ({ className: t, columnWidth: s = 320, showAddButton: n = !0, renderItem: o, ...r }, l) => {
+    const { stages: c, items: d, onItemMove: u, onItemClick: f, onItemAdd: v } = B(), { formatCurrency: h, formatDate: m, t: x } = Q(), [N, y] = g.useState(null), w = tt(
+      Me(ct, {
+        activationConstraint: {
+          delay: 150,
+          tolerance: 5
+        }
+      }),
+      Me(lt, {
+        coordinateGetter: nt
+      })
+    ), i = g.useMemo(() => {
+      const D = {};
+      return c.forEach((M) => {
+        D[M.id] = d.filter((R) => R.stageId === M.id);
+      }), D;
+    }, [c, d]), p = g.useCallback(
+      (D) => {
+        var M;
+        return ((M = i[D]) == null ? void 0 : M.reduce((R, A) => R + (A.value || 0), 0)) || 0;
+      },
+      [i]
+    ), k = g.useCallback(
+      (D) => /* @__PURE__ */ e(Ae, { className: "cursor-pointer transition-all hover:shadow-md", children: /* @__PURE__ */ a(Ee, { className: "p-3 space-y-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("h4", { className: "font-medium text-sm truncate", children: D.title }),
+            D.company && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground truncate", children: D.company })
+          ] }),
+          D.priority && /* @__PURE__ */ e(F, { className: b("text-[10px] ml-2", Ut[D.priority]), children: D.priority })
+        ] }),
+        D.value !== void 0 && /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: h(D.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          D.dueDate && /* @__PURE__ */ e("span", { children: m(D.dueDate) }),
+          D.owner && /* @__PURE__ */ e("span", { className: "truncate max-w-[100px]", children: D.owner.name })
+        ] }),
+        D.probability !== void 0 && /* @__PURE__ */ a("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: `${D.probability}%` }
+            }
+          ) }),
+          /* @__PURE__ */ a("span", { className: "text-[10px] text-muted-foreground", children: [
+            D.probability,
+            "%"
+          ] })
+        ] })
+      ] }) }),
+      [h, m]
+    ), C = g.useCallback(
+      (D) => {
+        const { active: M } = D, R = M.data.current;
+        R != null && R.item && y(R.item);
+      },
+      []
+    ), z = g.useCallback((D) => {
+    }, []), I = g.useCallback(
+      (D) => {
+        const { active: M, over: R } = D;
+        if (y(null), !R) return;
+        const A = M.data.current, E = R.data.current;
+        if (!A) return;
+        const ie = A.item, Y = A.stageId;
+        let j = null;
+        if ((E == null ? void 0 : E.type) === "item")
+          j = E.stageId;
+        else if ((E == null ? void 0 : E.type) === "column")
+          j = E.stageId;
+        else {
+          const U = d.find((oe) => oe.id === R.id);
+          U && (j = U.stageId);
+        }
+        j && Y !== j && (u == null || u(ie.id, Y, j));
+      },
+      [d, u]
+    ), V = g.useMemo(
+      () => [...c].sort((D, M) => D.order - M.order),
+      [c]
+    );
+    return /* @__PURE__ */ e("div", { ref: l, className: b("h-full", t), ...r, children: /* @__PURE__ */ a(
+      at,
+      {
+        sensors: w,
+        collisionDetection: rt,
+        onDragStart: C,
+        onDragOver: z,
+        onDragEnd: I,
+        children: [
+          /* @__PURE__ */ a(L, { className: "h-full", children: [
+            /* @__PURE__ */ e("div", { className: "flex gap-4 p-4 h-full", children: V.map((D) => /* @__PURE__ */ e(
+              Zt,
+              {
+                stage: D,
+                items: i[D.id] || [],
+                columnWidth: s,
+                showAddButton: n,
+                onItemAdd: v,
+                onItemClick: f,
+                renderItem: o,
+                defaultRenderItem: k,
+                getStageTotal: p,
+                formatCurrency: h,
+                t: x
+              },
+              D.id
+            )) }),
+            /* @__PURE__ */ e(et, { orientation: "horizontal" })
+          ] }),
+          /* @__PURE__ */ e(st, { dropAnimation: {
+            duration: 200,
+            easing: "cubic-bezier(0.18, 0.67, 0.6, 1.22)"
+          }, children: N ? /* @__PURE__ */ e("div", { className: "opacity-90 shadow-xl rotate-1 scale-[1.02]", children: o ? o(N, N.stageId) : k(N) }) : null })
+        ]
+      }
+    ) });
+  }
+);
+Ye.displayName = "PipelineKanban";
+const Ue = g.forwardRef(
+  ({ className: t, renderItem: s, ...n }, o) => {
+    const { stages: r, items: l, selectedItems: c, setSelectedItems: d, onItemClick: u, onItemEdit: f, onItemDelete: v } = B(), { formatCurrency: h, formatDate: m, t: x } = Q(), N = g.useMemo(() => {
+      const p = {};
+      return r.forEach((k) => {
+        p[k.id] = l.filter((C) => C.stageId === k.id);
+      }), p;
+    }, [r, l]), y = (p) => {
+      c.includes(p) ? d(c.filter((k) => k !== p)) : d([...c, p]);
+    }, w = {
+      low: "bg-muted text-muted-foreground",
+      medium: "bg-warning/15 text-warning",
+      high: "bg-destructive/15 text-destructive"
+    }, i = (p, k) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: b(
+          "flex items-center gap-4 rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50",
+          c.includes(p.id) && "bg-muted/50 border-primary"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            W,
+            {
+              checked: c.includes(p.id),
+              onCheckedChange: () => y(p.id)
+            }
+          ),
+          /* @__PURE__ */ e(pt, { className: "h-4 w-4 text-muted-foreground cursor-grab" }),
+          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 cursor-pointer", onClick: () => u == null ? void 0 : u(p), children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-1", children: [
+              /* @__PURE__ */ e("h4", { className: "font-medium truncate", children: p.title }),
+              p.priority && /* @__PURE__ */ e(F, { className: b("text-xs", w[p.priority]), children: p.priority })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+              p.company && /* @__PURE__ */ e("span", { children: p.company }),
+              p.owner && /* @__PURE__ */ e("span", { children: p.owner.name })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              k.color && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-2 w-2 rounded-full",
+                  style: { backgroundColor: k.color }
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "text-sm", children: k.name })
+            ] }),
+            p.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold min-w-[100px] text-right", children: h(p.value, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) }),
+            p.dueDate && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground min-w-[100px]", children: m(p.dueDate) }),
+            /* @__PURE__ */ a(Z, { children: [
+              /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(S, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ e(ae, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ a(te, { align: "end", children: [
+                /* @__PURE__ */ e(O, { onClick: () => f == null ? void 0 : f(p), children: x("common.edit") }),
+                /* @__PURE__ */ e(fe, {}),
+                /* @__PURE__ */ e(
+                  O,
+                  {
+                    className: "text-destructive",
+                    onClick: () => v == null ? void 0 : v(p.id),
+                    children: x("common.delete")
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e("div", { ref: o, className: b("h-full", t), ...n, children: /* @__PURE__ */ e(L, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4 space-y-6", children: r.sort((p, k) => p.order - k.order).map((p) => {
+      var k, C, z;
+      return /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
+          p.color && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-3 w-3 rounded-full",
+              style: { backgroundColor: p.color }
+            }
+          ),
+          /* @__PURE__ */ e("h3", { className: "font-semibold", children: p.name }),
+          /* @__PURE__ */ e(F, { variant: "secondary", children: ((k = N[p.id]) == null ? void 0 : k.length) || 0 })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          (C = N[p.id]) == null ? void 0 : C.map(
+            (I) => s ? /* @__PURE__ */ e("div", { children: s(I) }, I.id) : /* @__PURE__ */ e("div", { children: i(I, p) }, I.id)
+          ),
+          ((z = N[p.id]) == null ? void 0 : z.length) === 0 && /* @__PURE__ */ e("div", { className: "py-4 text-center text-sm text-muted-foreground border rounded-lg", children: x("common.noData") })
+        ] })
+      ] }, p.id);
+    }) }) }) });
+  }
+);
+Ue.displayName = "PipelineList";
+const Ge = g.forwardRef(
+  ({ className: t, ...s }, n) => {
+    const {
+      stages: o,
+      items: r,
+      selectedItems: l,
+      setSelectedItems: c,
+      onItemClick: d,
+      onItemEdit: u,
+      onItemDelete: f
+    } = B(), { formatCurrency: v, formatDate: h, t: m } = Q(), x = g.useMemo(() => {
+      const i = {};
+      return o.forEach((p) => {
+        i[p.id] = p;
+      }), i;
+    }, [o]), N = () => {
+      l.length === r.length ? c([]) : c(r.map((i) => i.id));
+    }, y = (i) => {
+      l.includes(i) ? c(l.filter((p) => p !== i)) : c([...l, i]);
+    }, w = {
+      low: "bg-muted text-muted-foreground",
+      medium: "bg-warning/15 text-warning",
+      high: "bg-destructive/15 text-destructive"
+    };
+    return /* @__PURE__ */ e("div", { ref: n, className: b("h-full", t), ...s, children: /* @__PURE__ */ e(L, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("div", { className: "rounded-lg border", children: /* @__PURE__ */ a("table", { className: "w-full", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "border-b bg-muted/50", children: [
+        /* @__PURE__ */ e("th", { className: "w-[40px] p-3", children: /* @__PURE__ */ e(
+          W,
+          {
+            checked: l.length === r.length && r.length > 0,
+            onCheckedChange: N
+          }
+        ) }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("pipeline.title") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("pipeline.company") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("deal.stage") }),
+        /* @__PURE__ */ e("th", { className: "text-right p-3 font-medium text-sm", children: m("deal.value") }),
+        /* @__PURE__ */ e("th", { className: "text-center p-3 font-medium text-sm", children: m("deal.probability") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("pipeline.owner") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("deal.closeDate") }),
+        /* @__PURE__ */ e("th", { className: "text-left p-3 font-medium text-sm", children: m("pipeline.priority") }),
+        /* @__PURE__ */ e("th", { className: "w-[60px] p-3" })
+      ] }) }),
+      /* @__PURE__ */ a("tbody", { children: [
+        r.map((i) => {
+          var k;
+          const p = x[i.stageId];
+          return /* @__PURE__ */ a(
+            "tr",
+            {
+              className: b(
+                "border-b transition-colors hover:bg-muted/50",
+                l.includes(i.id) && "bg-muted/50"
+              ),
+              children: [
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(
+                  W,
+                  {
+                    checked: l.includes(i.id),
+                    onCheckedChange: () => y(i.id)
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  "td",
+                  {
+                    className: "p-3 font-medium cursor-pointer",
+                    onClick: () => d == null ? void 0 : d(i),
+                    children: i.title
+                  }
+                ),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: i.company }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                  (p == null ? void 0 : p.color) && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "h-2 w-2 rounded-full",
+                      style: { backgroundColor: p.color }
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { children: p == null ? void 0 : p.name })
+                ] }) }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-right font-medium", children: i.value !== void 0 ? v(i.value, {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: 0
+                }) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-center", children: i.probability !== void 0 ? `${i.probability}%` : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: ((k = i.owner) == null ? void 0 : k.name) || "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: i.dueDate ? h(i.dueDate) : "-" }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: i.priority && /* @__PURE__ */ e(F, { className: b("text-xs", w[i.priority]), children: i.priority }) }),
+                /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ a(Z, { children: [
+                  /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(S, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ e(ae, { className: "h-4 w-4" }) }) }),
+                  /* @__PURE__ */ a(te, { align: "end", children: [
+                    /* @__PURE__ */ e(O, { onClick: () => u == null ? void 0 : u(i), children: m("common.edit") }),
+                    /* @__PURE__ */ e(fe, {}),
+                    /* @__PURE__ */ e(
+                      O,
+                      {
+                        className: "text-destructive",
+                        onClick: () => f == null ? void 0 : f(i.id),
+                        children: m("common.delete")
+                      }
+                    )
+                  ] })
+                ] }) })
+              ]
+            },
+            i.id
+          );
+        }),
+        r.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 10, className: "p-8 text-center text-muted-foreground", children: m("common.noData") }) })
+      ] })
+    ] }) }) }) }) });
+  }
+);
+Ge.displayName = "PipelineTable";
+const We = g.forwardRef(
+  ({ className: t, ...s }, n) => {
+    const { stages: o, items: r, onItemClick: l } = B(), { formatCurrency: c, formatDate: d, t: u } = Q(), f = g.useMemo(() => {
+      const y = {};
+      return (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), r.filter((i) => i.dueDate).sort((i, p) => {
+        const k = new Date(i.dueDate), C = new Date(p.dueDate);
+        return k.getTime() - C.getTime();
+      }).forEach((i) => {
+        const k = new Date(i.dueDate).toISOString().split("T")[0];
+        y[k] || (y[k] = []), y[k].push(i);
+      }), y;
+    }, [r]), v = g.useMemo(() => {
+      const y = {};
+      return o.forEach((w) => {
+        y[w.id] = w;
+      }), y;
+    }, [o]), h = Object.keys(f).sort(), m = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], x = (y) => {
+      const w = new Date(y), i = /* @__PURE__ */ new Date();
+      i.setHours(0, 0, 0, 0);
+      const p = Math.ceil((w.getTime() - i.getTime()) / (1e3 * 60 * 60 * 24));
+      return p === 0 ? u("date.today") : p === 1 ? u("date.tomorrow") : p === -1 ? u("date.yesterday") : d(w, "EEEE, MMMM d");
+    }, N = (y) => y < m;
+    return /* @__PURE__ */ e("div", { ref: n, className: b("h-full", t), ...s, children: /* @__PURE__ */ e(L, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "p-4", children: h.length === 0 ? /* @__PURE__ */ e("div", { className: "py-12 text-center text-muted-foreground", children: u("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: h.map((y) => /* @__PURE__ */ a("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: b(
+            "w-3 h-3 rounded-full",
+            N(y) ? "bg-destructive" : "bg-primary"
+          )
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "hidden md:block md:w-1/2 md:text-right md:pr-8", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: b(
+              "font-semibold",
+              N(y) && "text-destructive"
+            ),
+            children: x(y)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "block text-sm text-muted-foreground", children: u("pipeline.items", { count: f[y].length }) })
+      ] }),
+      /* @__PURE__ */ a("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: b(
+              "font-semibold",
+              N(y) && "text-destructive"
+            ),
+            children: x(y)
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: f[y].map((w) => {
+          const i = v[w.stageId];
+          return /* @__PURE__ */ e(
+            Ae,
+            {
+              className: "cursor-pointer hover:shadow-md transition-shadow",
+              onClick: () => l == null ? void 0 : l(w),
+              children: /* @__PURE__ */ a(Ee, { className: "p-4", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4", children: [
+                  /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e("h4", { className: "font-medium truncate", children: w.title }),
+                    w.company && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: w.company })
+                  ] }),
+                  w.value !== void 0 && /* @__PURE__ */ e("div", { className: "font-semibold", children: c(w.value, {
+                    minimumFractionDigits: 0,
+                    maximumFractionDigits: 0
+                  }) })
+                ] }),
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mt-3 text-sm", children: [
+                  i && /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", children: [
+                    i.color && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "h-2 w-2 rounded-full",
+                        style: { backgroundColor: i.color }
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { children: i.name })
+                  ] }),
+                  w.owner && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: w.owner.name })
+                ] })
+              ] })
+            },
+            w.id
+          );
+        }) })
+      ] })
+    ] }, y)) }) }) }) });
+  }
+);
+We.displayName = "PipelineTimeline";
+const ea = g.forwardRef(
+  ({ className: t, ...s }, n) => {
+    const { stages: o, items: r } = B(), { formatCurrency: l, t: c } = Q(), d = r.reduce((v, h) => v + (h.value || 0), 0), u = r.length, f = g.useMemo(() => o.map((v) => {
+      const h = r.filter((x) => x.stageId === v.id), m = h.reduce((x, N) => x + (N.value || 0), 0);
+      return {
+        ...v,
+        count: h.length,
+        value: m
+      };
+    }), [o, r]);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: n,
+        className: b("border-t bg-muted/30 px-4 py-3", t),
+        ...s,
+        children: /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-6", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: c("common.total") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: l(d, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) })
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: c("common.items") }),
+              /* @__PURE__ */ e("div", { className: "font-semibold", children: u })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: f.map((v) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm", children: [
+            v.color && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-2 w-2 rounded-full",
+                style: { backgroundColor: v.color }
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: [
+              v.name,
+              ":"
+            ] }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: v.count })
+          ] }, v.id)) })
+        ] })
+      }
+    );
+  }
+);
+ea.displayName = "PipelineSummary";
+function ta({
+  title: t,
+  subtitle: s,
+  avatar: n,
+  status: o,
+  actions: r,
+  fields: l,
+  className: c
+}) {
+  return /* @__PURE__ */ a("div", { className: b("border-b bg-background", c), children: [
+    /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4 px-6 pt-5 pb-3", children: [
+      /* @__PURE__ */ a("div", { className: "flex items-start gap-3 min-w-0", children: [
+        n && /* @__PURE__ */ e("div", { className: "shrink-0", children: n }),
+        /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("h1", { className: "truncate text-lg font-semibold", children: t }),
+            o
+          ] }),
+          s && /* @__PURE__ */ e("p", { className: "truncate text-sm text-muted-foreground", children: s })
+        ] })
+      ] }),
+      r && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: r })
+    ] }),
+    l && l.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-6 gap-y-1.5 border-t px-6 py-2.5", children: l.map((d) => /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 text-sm", children: [
+      /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: [
+        d.label,
+        ":"
+      ] }),
+      /* @__PURE__ */ e("span", { className: "font-medium", children: d.value })
+    ] }, d.id)) })
+  ] });
+}
+const aa = {
+  note: /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+  email: /* @__PURE__ */ e(ne, { className: "h-3.5 w-3.5" }),
+  call: /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }),
+  meeting: /* @__PURE__ */ e(G, { className: "h-3.5 w-3.5" }),
+  task: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
+  update: /* @__PURE__ */ e(Le, { className: "h-3.5 w-3.5" }),
+  custom: /* @__PURE__ */ e(Ke, { className: "h-3.5 w-3.5" })
+}, ra = {
+  note: "bg-blue-100 text-blue-600",
+  email: "bg-purple-100 text-purple-600",
+  call: "bg-green-100 text-green-600",
+  meeting: "bg-amber-100 text-amber-600",
+  task: "bg-emerald-100 text-emerald-600",
+  update: "bg-muted text-muted-foreground",
+  custom: "bg-muted text-muted-foreground"
+};
+function sa(t) {
+  return t.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+}
+function na(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    const r = (n.timestamp instanceof Date ? n.timestamp : new Date(n.timestamp)).toLocaleDateString(), l = s.get(r) ?? [];
+    l.push(n), s.set(r, l);
+  }
+  return Array.from(s.entries()).map(([n, o]) => ({ date: n, items: o }));
+}
+function la({ activities: t, className: s }) {
+  const { t: n } = T(), o = (l) => {
+    const c = l instanceof Date ? l : new Date(l), u = (/* @__PURE__ */ new Date()).getTime() - c.getTime(), f = Math.floor(u / 6e4);
+    if (f < 1) return n("record.justNow");
+    if (f < 60) return n("record.minutesAgo", { count: f });
+    const v = Math.floor(f / 60);
+    if (v < 24) return n("record.hoursAgo", { count: v });
+    const h = Math.floor(v / 24);
+    return h < 7 ? n("record.daysAgo", { count: h }) : c.toLocaleDateString();
+  }, r = na(
+    [...t].sort((l, c) => {
+      const d = l.timestamp instanceof Date ? l.timestamp : new Date(l.timestamp);
+      return (c.timestamp instanceof Date ? c.timestamp : new Date(c.timestamp)).getTime() - d.getTime();
+    })
+  );
+  return t.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: n("record.noActivity") }) : /* @__PURE__ */ e(L, { className: b("flex-1", s), children: /* @__PURE__ */ e("div", { className: "space-y-6 p-4", children: r.map((l) => /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ e("p", { className: "mb-3 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: l.date }),
+    /* @__PURE__ */ e("div", { className: "space-y-3", children: l.items.map((c) => /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ e("div", { className: b("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", ra[c.type]), children: c.icon ?? aa[c.type] }),
+      /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: c.title }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: o(c.timestamp) })
+        ] }),
+        c.description && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-muted-foreground line-clamp-2", children: c.description }),
+        c.user && /* @__PURE__ */ a("div", { className: "mt-1 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ a(Ne, { className: "h-4 w-4", children: [
+            /* @__PURE__ */ e(ve, { src: c.user.avatar, alt: c.user.name }),
+            /* @__PURE__ */ e(be, { className: "text-[7px]", children: sa(c.user.name) })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: c.user.name })
+        ] })
+      ] })
+    ] }, c.id)) })
+  ] }, l.date)) }) });
+}
+function ca({ entities: t, className: s }) {
+  const { t: n } = T();
+  if (t.length === 0)
+    return /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-6 text-sm text-muted-foreground", children: n("record.noRelated") });
+  const o = /* @__PURE__ */ new Map();
+  for (const r of t) {
+    const l = o.get(r.type) ?? [];
+    l.push(r), o.set(r.type, l);
+  }
+  return /* @__PURE__ */ e(L, { className: b("flex-1", s), children: /* @__PURE__ */ e("div", { className: "space-y-4 p-4", children: Array.from(o.entries()).map(([r, l]) => /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "mb-2 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ e(_e, { className: "h-3 w-3 text-muted-foreground" }),
+      /* @__PURE__ */ a("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: [
+        r,
+        " (",
+        l.length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "space-y-1", children: l.map((c) => /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: c.onClick,
+        className: b(
+          "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-muted",
+          c.onClick && "cursor-pointer",
+          !c.onClick && "cursor-default"
+        ),
+        children: [
+          c.icon && /* @__PURE__ */ e("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded bg-muted text-muted-foreground", children: c.icon }),
+          /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium", children: c.label }),
+            c.subtitle && /* @__PURE__ */ e("p", { className: "truncate text-[10px] text-muted-foreground", children: c.subtitle })
+          ] }),
+          c.onClick && /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/50" })
+        ]
+      },
+      c.id
+    )) })
+  ] }, r)) }) });
+}
+const ia = [
+  { type: "note", label: "Note", icon: /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) },
+  { type: "email", label: "Email", icon: /* @__PURE__ */ e(ne, { className: "h-3.5 w-3.5" }) },
+  { type: "call", label: "Call", icon: /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }) },
+  { type: "meeting", label: "Meeting", icon: /* @__PURE__ */ e(G, { className: "h-3.5 w-3.5" }) },
+  { type: "task", label: "Task", icon: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }) }
+];
+function oa({ onSubmit: t, className: s }) {
+  const [n, o] = ue("note"), [r, l] = ue(""), { t: c } = T(), d = {
+    note: c("activity.note"),
+    email: c("activity.email"),
+    call: c("activity.call"),
+    meeting: c("activity.meeting"),
+    task: c("activity.task")
+  }, u = () => {
+    r.trim() && (t == null || t(n, r.trim()), l(""));
+  };
+  return /* @__PURE__ */ a("div", { className: b("border-t bg-background", s), children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b px-3 py-1.5", children: ia.map((f) => /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: () => o(f.type),
+        className: b(
+          "flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors",
+          n === f.type ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+        ),
+        children: [
+          f.icon,
+          d[f.type] ?? f.label
+        ]
+      },
+      f.type
+    )) }),
+    /* @__PURE__ */ a("div", { className: "flex items-end gap-2 px-3 py-2.5", children: [
+      /* @__PURE__ */ e(
+        re,
+        {
+          value: r,
+          onChange: (f) => l(f.target.value),
+          placeholder: c("activity.addPlaceholder", { type: d[n] ?? n }),
+          rows: 2,
+          className: "min-h-[60px] resize-none text-sm",
+          onKeyDown: (f) => {
+            f.key === "Enter" && !f.shiftKey && (f.preventDefault(), u());
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        S,
+        {
+          size: "sm",
+          onClick: u,
+          disabled: !r.trim(),
+          className: "shrink-0",
+          children: /* @__PURE__ */ e(Ve, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+function da({
+  title: t,
+  subtitle: s,
+  avatar: n,
+  status: o,
+  actions: r,
+  fields: l,
+  activities: c = [],
+  relatedEntities: d = [],
+  tabs: u = [],
+  defaultTab: f,
+  activeTab: v,
+  onTabChange: h,
+  onActivityCreate: m,
+  showComposer: x = !0,
+  sidebarContent: N,
+  className: y
+}) {
+  var I, V;
+  const { t: w } = T(), [i, p] = ue(f ?? ((I = u[0]) == null ? void 0 : I.id) ?? ""), k = v ?? i, C = (D) => {
+    v || p(D), h == null || h(D);
+  }, z = (V = u.find((D) => D.id === k)) == null ? void 0 : V.content;
+  return /* @__PURE__ */ a("div", { className: b("flex h-full flex-col bg-background", y), children: [
+    /* @__PURE__ */ e(
+      ta,
+      {
+        title: t,
+        subtitle: s,
+        avatar: n,
+        status: o,
+        actions: r,
+        fields: l
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col border-r", children: [
+        u.length > 0 && /* @__PURE__ */ e(ge, { value: k, onValueChange: C, children: /* @__PURE__ */ a(xe, { className: "w-full justify-start rounded-none border-b bg-transparent px-4 py-0 h-auto", children: [
+          /* @__PURE__ */ e(
+            X,
+            {
+              value: "__timeline__",
+              className: "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:shadow-none text-xs py-2",
+              children: w("record.timeline")
+            }
+          ),
+          u.map((D) => /* @__PURE__ */ a(
+            X,
+            {
+              value: D.id,
+              className: "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:shadow-none text-xs py-2 gap-1.5",
+              children: [
+                D.icon,
+                D.label,
+                D.badge != null && /* @__PURE__ */ e(F, { variant: "secondary", className: "ml-1 h-4 min-w-[16px] px-1 text-[9px]", children: D.badge })
+              ]
+            },
+            D.id
+          ))
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-hidden", children: k === "__timeline__" || u.length === 0 ? /* @__PURE__ */ e(la, { activities: c }) : /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: z }) }),
+        x && m && /* @__PURE__ */ e(oa, { onSubmit: m })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex w-[280px] shrink-0 flex-col lg:w-[320px]", children: [
+        d.length > 0 && /* @__PURE__ */ e(ca, { entities: d }),
+        N && /* @__PURE__ */ e("div", { className: "border-t p-4", children: N })
+      ] })
+    ] })
+  ] });
+}
+da.displayName = "RecordShell";
+const ma = {
+  sm: "sm:max-w-[400px]",
+  md: "sm:max-w-[560px]",
+  lg: "sm:max-w-[720px]",
+  xl: "sm:max-w-[900px]"
+}, ua = g.forwardRef(({ open: t, onOpenChange: s, size: n = "md", children: o, className: r }, l) => /* @__PURE__ */ e(he, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(
+  pe,
+  {
+    ref: l,
+    side: "right",
+    className: b(
+      "flex w-full flex-col gap-0 p-0",
+      ma[n],
+      r
+    ),
+    children: /* @__PURE__ */ e(L, { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "flex flex-col", children: o }) })
+  }
+) }));
+ua.displayName = "RecordPanel";
+const ha = g.forwardRef(
+  ({ title: t, subtitle: s, avatar: n, status: o, actions: r, className: l }, c) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: c,
+      className: b("flex items-start justify-between gap-4 border-b px-6 pb-4 pt-6", l),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-start gap-3 min-w-0", children: [
+          n && /* @__PURE__ */ e("div", { className: "shrink-0", children: n }),
+          /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("h2", { className: "truncate text-lg font-semibold leading-tight", children: t }),
+              o
+            ] }),
+            s && /* @__PURE__ */ e("p", { className: "mt-0.5 truncate text-sm text-muted-foreground", children: s })
+          ] })
+        ] }),
+        r && r.length > 0 && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-1.5", children: r.map((d) => /* @__PURE__ */ a(
+          S,
+          {
+            variant: d.variant ?? "outline",
+            size: "sm",
+            onClick: d.onClick,
+            children: [
+              d.icon && /* @__PURE__ */ e("span", { className: "mr-1.5 inline-flex", children: d.icon }),
+              d.label
+            ]
+          },
+          d.id
+        )) })
+      ]
+    }
+  )
+);
+ha.displayName = "RecordPanelHeader";
+function pa({ field: t }) {
+  const { t: s } = T(), [n, o] = g.useState(!1), [r, l] = g.useState(String(t.value ?? "")), c = g.useRef(null);
+  g.useEffect(() => {
+    var h, m;
+    n && ((h = c.current) == null || h.focus(), (m = c.current) == null || m.select());
+  }, [n]);
+  const d = () => {
+    var h;
+    o(!1), r !== String(t.value ?? "") && ((h = t.onEdit) == null || h.call(t, t.type === "number" ? Number(r) : r));
+  }, u = () => {
+    o(!1), l(String(t.value ?? ""));
+  }, f = (h) => {
+    h.key === "Enter" ? (h.preventDefault(), d()) : h.key === "Escape" && (h.preventDefault(), u());
+  }, v = (h) => h.preventDefault();
+  return n ? /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ e(
+      $,
+      {
+        ref: c,
+        type: t.type === "number" ? "number" : t.type === "date" ? "date" : "text",
+        value: r,
+        onChange: (h) => l(h.target.value),
+        onBlur: d,
+        onKeyDown: f,
+        className: "h-7 text-sm"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onMouseDown: v,
+        onClick: d,
+        className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-primary hover:text-primary/80 hover:bg-muted transition-colors",
+        "aria-label": s("editable.save"),
+        children: /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onMouseDown: v,
+        onClick: u,
+        className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+        "aria-label": s("editable.cancel"),
+        children: /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] }) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: "group/field flex min-h-[28px] cursor-default items-center gap-1.5",
+      role: t.editable ? "button" : void 0,
+      tabIndex: t.editable ? 0 : void 0,
+      onClick: () => t.editable && o(!0),
+      onKeyDown: (h) => {
+        t.editable && (h.key === "Enter" || h.key === " ") && (h.preventDefault(), o(!0));
+      },
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-sm", children: t.value ?? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s("editable.emptyValue") }) }),
+        t.editable && /* @__PURE__ */ e(je, { className: "h-3 w-3 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/field:opacity-100" })
+      ]
+    }
+  );
+}
+const fa = g.forwardRef(
+  ({ fields: t, className: s }, n) => /* @__PURE__ */ e("div", { ref: n, className: b("border-b px-6 py-4", s), children: /* @__PURE__ */ e("div", { className: "grid grid-cols-[minmax(100px,auto)_1fr] gap-x-4 gap-y-2", children: t.map((o) => /* @__PURE__ */ a(g.Fragment, { children: [
+    /* @__PURE__ */ e("span", { className: "flex items-center text-sm text-muted-foreground", children: o.label }),
+    /* @__PURE__ */ e(pa, { field: o })
+  ] }, o.id)) }) })
+);
+fa.displayName = "RecordPanelFields";
+const ga = g.forwardRef(
+  ({ tabs: t, defaultTab: s, activeTab: n, onTabChange: o, className: r }, l) => {
+    var d;
+    const c = s ?? ((d = t[0]) == null ? void 0 : d.id);
+    return /* @__PURE__ */ e("div", { ref: l, className: b("flex flex-col", r), children: /* @__PURE__ */ a(
+      ge,
+      {
+        value: n,
+        defaultValue: n ? void 0 : c,
+        onValueChange: o,
+        children: [
+          /* @__PURE__ */ e(xe, { className: "w-full justify-start rounded-none border-b bg-transparent px-6 py-0 h-auto", children: t.map((u) => /* @__PURE__ */ a(
+            X,
+            {
+              value: u.id,
+              className: "rounded-none border-b-2 border-transparent px-3 py-2.5 text-sm data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none gap-1.5",
+              children: [
+                u.icon && /* @__PURE__ */ e("span", { className: "inline-flex", children: u.icon }),
+                u.label,
+                u.badge != null && /* @__PURE__ */ e(F, { variant: "secondary", className: "ml-1 h-4 min-w-[16px] px-1 text-[10px]", children: u.badge })
+              ]
+            },
+            u.id
+          )) }),
+          t.map((u) => /* @__PURE__ */ e(Fe, { value: u.id, className: "mt-0 px-6 py-4", children: u.content }, u.id))
+        ]
+      }
+    ) });
+  }
+);
+ga.displayName = "RecordPanelTabs";
+function xa(t) {
+  return t.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+}
+const Na = g.forwardRef(
+  ({ activities: t, maxItems: s = 5, onViewAll: n, className: o }, r) => {
+    const l = t.slice(0, s), c = t.length > s, { t: d } = T(), u = (f) => {
+      const v = typeof f == "string" ? new Date(f) : f, m = (/* @__PURE__ */ new Date()).getTime() - v.getTime(), x = Math.floor(m / 6e4), N = Math.floor(x / 60), y = Math.floor(N / 24);
+      return x < 1 ? d("record.justNow") : x < 60 ? d("record.minutesAgo", { count: x }) : N < 24 ? d("record.hoursAgo", { count: N }) : y < 7 ? d("record.daysAgo", { count: y }) : v.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+    };
+    return t.length === 0 ? /* @__PURE__ */ e("div", { ref: r, className: b("px-6 py-4", o), children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: d("record.noActivity") }) }) : /* @__PURE__ */ a("div", { ref: r, className: b("px-6 py-4", o), children: [
+      /* @__PURE__ */ e("h3", { className: "mb-3 text-sm font-medium", children: d("record.recentActivity") }),
+      /* @__PURE__ */ e("div", { className: "space-y-3", children: l.map((f) => /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
+        f.user ? /* @__PURE__ */ a(Ne, { className: "h-7 w-7 shrink-0", children: [
+          f.user.avatar && /* @__PURE__ */ e(ve, { src: f.user.avatar, alt: f.user.name }),
+          /* @__PURE__ */ e(be, { className: "text-[10px]", children: xa(f.user.name) })
+        ] }) : /* @__PURE__ */ e("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-muted-foreground/50" }) }),
+        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium", children: f.title }),
+            /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-muted-foreground", children: u(f.timestamp) })
+          ] }),
+          f.description && /* @__PURE__ */ e("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: f.description })
+        ] })
+      ] }, f.id)) }),
+      c && n && /* @__PURE__ */ e(
+        S,
+        {
+          variant: "link",
+          size: "sm",
+          className: "mt-2 h-auto p-0 text-xs",
+          onClick: n,
+          children: d("record.viewAll", { count: t.length })
+        }
+      )
+    ] });
+  }
+);
+Na.displayName = "RecordPanelActivity";
+const va = g.forwardRef(
+  ({
+    trigger: t,
+    fields: s,
+    title: n,
+    subtitle: o,
+    avatar: r,
+    actions: l,
+    onOpenFull: c,
+    mode: d = "hover",
+    className: u
+  }, f) => {
+    const [v, h] = g.useState(!1), m = g.useRef(), x = d === "hover", { t: N } = T(), y = () => {
+      m.current && (clearTimeout(m.current), m.current = void 0);
+    }, w = () => {
+      y(), m.current = setTimeout(() => h(!1), 200);
+    };
+    g.useEffect(() => () => y(), []);
+    const i = x ? {
+      onMouseEnter: () => {
+        y(), h(!0);
+      },
+      onMouseLeave: w
+    } : {}, p = x ? {
+      onMouseEnter: y,
+      onMouseLeave: w
+    } : {}, k = /* @__PURE__ */ a(
+      "div",
+      {
+        ref: f,
+        className: b("flex flex-col", u),
+        ...p,
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
+            r && /* @__PURE__ */ e("div", { className: "shrink-0", children: r }),
+            /* @__PURE__ */ a("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ e("p", { className: "truncate text-sm font-semibold", children: n }),
+              o && /* @__PURE__ */ e("p", { className: "truncate text-xs text-muted-foreground", children: o })
+            ] })
+          ] }),
+          s.length > 0 && /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(me, { className: "my-3" }),
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1.5", children: s.map((C) => /* @__PURE__ */ a(g.Fragment, { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: C.label }),
+              /* @__PURE__ */ e("span", { className: "truncate text-xs", children: C.value ?? N("editable.emptyValue") })
+            ] }, C.id)) })
+          ] }),
+          l && l.length > 0 && /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(me, { className: "my-3" }),
+            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: l.map((C) => /* @__PURE__ */ a(
+              S,
+              {
+                variant: C.variant ?? "outline",
+                size: "sm",
+                className: "h-7 text-xs",
+                onClick: C.onClick,
+                children: [
+                  C.icon && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: C.icon }),
+                  C.label
+                ]
+              },
+              C.id
+            )) })
+          ] }),
+          c && /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(me, { className: "my-3" }),
+            /* @__PURE__ */ a(
+              S,
+              {
+                variant: "link",
+                size: "sm",
+                className: "h-auto justify-start p-0 text-xs",
+                onClick: c,
+                children: [
+                  /* @__PURE__ */ e(vt, { className: "mr-1 h-3 w-3" }),
+                  N("record.openFullRecord")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ a(gt, { open: v, onOpenChange: x ? void 0 : h, children: [
+      /* @__PURE__ */ e(xt, { asChild: !0, children: /* @__PURE__ */ e("span", { ...i, children: t }) }),
+      /* @__PURE__ */ e(
+        Nt,
+        {
+          align: "start",
+          sideOffset: 8,
+          className: "w-80",
+          onOpenAutoFocus: (C) => {
+            x && C.preventDefault();
+          },
+          children: k
+        }
+      )
+    ] });
+  }
+);
+va.displayName = "QuickView";
+function ba(t) {
+  switch (t) {
+    case "number":
+      return "number";
+    case "date":
+      return "date";
+    case "email":
+      return "email";
+    case "phone":
+      return "tel";
+    case "url":
+      return "url";
+    default:
+      return "text";
+  }
+}
+const ya = g.forwardRef(
+  ({
+    open: t,
+    onOpenChange: s,
+    mode: n,
+    title: o,
+    fields: r,
+    defaultValues: l,
+    onSubmit: c,
+    className: d
+  }, u) => {
+    const [f, v] = g.useState({}), [h, m] = g.useState(!1), { t: x } = T();
+    g.useEffect(() => {
+      if (t) {
+        const i = {};
+        for (const p of r)
+          i[p.id] = (l == null ? void 0 : l[p.id]) ?? (typeof p.value == "string" ? p.value : "");
+        v(i);
+      }
+    }, [t, r, l]);
+    const N = (i, p) => {
+      v((k) => ({ ...k, [i]: p }));
+    }, y = async (i) => {
+      i.preventDefault(), m(!0);
+      try {
+        await c(f), s(!1);
+      } finally {
+        m(!1);
+      }
+    }, w = o ?? x(n === "create" ? "record.createRecord" : "record.editRecord");
+    return /* @__PURE__ */ e(Oe, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(He, { ref: u, size: "md", className: b("sm:max-w-lg", d), children: /* @__PURE__ */ a("form", { onSubmit: y, children: [
+      /* @__PURE__ */ a(bt, { children: [
+        /* @__PURE__ */ e(Be, { children: w }),
+        /* @__PURE__ */ e(yt, { children: x(n === "create" ? "record.createDescription" : "record.editDescription") })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "mt-4 grid gap-4", children: r.map((i) => /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(Dt, { htmlFor: `record-form-${i.id}`, children: i.label }),
+        i.type === "select" && i.options ? /* @__PURE__ */ a(
+          we,
+          {
+            value: String(f[i.id] ?? ""),
+            onValueChange: (p) => N(i.id, p),
+            children: [
+              /* @__PURE__ */ e(ke, { id: `record-form-${i.id}`, size: "sm", children: /* @__PURE__ */ e(De, { placeholder: `Select ${i.label.toLowerCase()}` }) }),
+              /* @__PURE__ */ e(Ce, { children: i.options.map((p) => /* @__PURE__ */ e(Se, { value: p.value, children: p.label }, p.value)) })
+            ]
+          }
+        ) : /* @__PURE__ */ e(
+          $,
+          {
+            id: `record-form-${i.id}`,
+            type: ba(i.type),
+            value: String(f[i.id] ?? ""),
+            onChange: (p) => N(
+              i.id,
+              i.type === "number" ? Number(p.target.value) : p.target.value
+            ),
+            placeholder: i.label
+          }
+        )
+      ] }, i.id)) }),
+      /* @__PURE__ */ a(wt, { className: "mt-6", children: [
+        /* @__PURE__ */ e(
+          S,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => s(!1),
+            disabled: h,
+            children: x("common.cancel")
+          }
+        ),
+        /* @__PURE__ */ e(S, { type: "submit", disabled: h, children: x(h ? n === "create" ? "record.creating" : "record.saving" : n === "create" ? "record.create" : "record.saveChanges") })
+      ] })
+    ] }) }) });
+  }
+);
+ya.displayName = "RecordFormDialog";
+const Je = g.createContext(null);
+function q() {
+  const t = g.useContext(Je);
+  if (!t)
+    throw new Error("useRecordDialog must be used within a RecordDialog component");
+  return t;
+}
+function wa({
+  mode: t,
+  onModeChange: s,
+  children: n
+}) {
+  const [o, r] = g.useState(!1), [l, c] = g.useState(!1), d = g.useCallback(
+    (f) => {
+      s == null || s(f);
+    },
+    [s]
+  ), u = g.useMemo(
+    () => ({
+      mode: t,
+      setMode: d,
+      isDirty: o,
+      setIsDirty: r,
+      isSubmitting: l,
+      setIsSubmitting: c
+    }),
+    [t, d, o, l]
+  );
+  return /* @__PURE__ */ e(Je.Provider, { value: u, children: n });
+}
+const ka = g.forwardRef(
+  ({ open: t, onOpenChange: s, mode: n, onModeChange: o, ariaTitle: r, children: l, className: c }, d) => /* @__PURE__ */ e(Oe, { open: t, onOpenChange: s, children: /* @__PURE__ */ a(
+    He,
+    {
+      ref: d,
+      size: "4xl",
+      className: b(
+        "flex flex-col gap-0 overflow-hidden p-0",
+        "max-w-[98vw] sm:max-w-[92vw] lg:max-w-[90vw] 2xl:max-w-[1600px]",
+        "h-[95vh] sm:h-[88vh] lg:h-[85vh]",
+        "[&>button.absolute]:hidden",
+        c
+      ),
+      children: [
+        /* @__PURE__ */ e(Be, { className: "sr-only", children: r ?? "Record" }),
+        /* @__PURE__ */ e(wa, { mode: n, onModeChange: o, children: l })
+      ]
+    }
+  ) })
+);
+ka.displayName = "RecordDialog";
+const Da = g.forwardRef(
+  ({ title: t, subtitle: s, avatar: n, status: o, actions: r = [], className: l }, c) => {
+    const { mode: d } = q(), { t: u } = T(), f = r.filter(
+      (m) => !m.showInModes || m.showInModes.includes(d)
+    ), v = f.slice(0, 2), h = f.slice(2);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: c,
+        className: b(
+          "sticky top-0 z-10 flex items-start gap-4 border-b bg-background px-6 py-4 sm:px-8",
+          l
+        ),
+        children: [
+          n && /* @__PURE__ */ e("div", { className: "shrink-0", children: n }),
+          /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ e("h2", { className: "truncate text-lg font-semibold", children: t }),
+              o && /* @__PURE__ */ e("div", { className: "shrink-0", children: o })
+            ] }),
+            s && /* @__PURE__ */ e("p", { className: "mt-0.5 truncate text-sm text-muted-foreground", children: s })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-2", children: [
+            v.map((m) => /* @__PURE__ */ a(
+              S,
+              {
+                variant: m.variant ?? "outline",
+                size: "sm",
+                onClick: m.onClick,
+                disabled: m.disabled || m.loading,
+                children: [
+                  m.icon && /* @__PURE__ */ e("span", { className: "mr-1.5", children: m.icon }),
+                  m.label
+                ]
+              },
+              m.id
+            )),
+            h.length > 0 && /* @__PURE__ */ a(Z, { children: [
+              /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(S, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ e(ae, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ e(te, { align: "end", children: h.map((m) => /* @__PURE__ */ a(
+                O,
+                {
+                  onClick: m.onClick,
+                  disabled: m.disabled,
+                  className: m.variant === "destructive" ? "text-destructive" : void 0,
+                  children: [
+                    m.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: m.icon }),
+                    m.label
+                  ]
+                },
+                m.id
+              )) })
+            ] }),
+            /* @__PURE__ */ e(kt, { asChild: !0, children: /* @__PURE__ */ a(S, { variant: "ghost", size: "icon", className: "h-8 w-8", children: [
+              /* @__PURE__ */ e(ye, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: u("recordDialog.close") })
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Da.displayName = "RecordDialogHeader";
+const Ca = {
+  up: "text-emerald-600",
+  down: "text-destructive",
+  neutral: "text-muted-foreground"
+}, Sa = {
+  up: /* @__PURE__ */ e(At, { className: "h-3 w-3" }),
+  down: /* @__PURE__ */ e(It, { className: "h-3 w-3" }),
+  neutral: /* @__PURE__ */ e(Ct, { className: "h-3 w-3" })
+}, Ra = g.forwardRef(
+  ({ fields: t, className: s }, n) => {
+    const { mode: o } = q();
+    return o === "create" || t.length === 0 ? null : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: n,
+        className: b("border-b bg-muted/30 px-6 py-4 sm:px-8", s),
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: b(
+              "grid gap-4 divide-x",
+              t.length === 1 && "grid-cols-1",
+              t.length === 2 && "grid-cols-2",
+              t.length === 3 && "grid-cols-2 sm:grid-cols-3",
+              t.length >= 4 && "grid-cols-2 sm:grid-cols-4"
+            ),
+            children: t.map((r, l) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: b("flex flex-col gap-1", l > 0 && "pl-4"),
+                children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+                    r.icon && /* @__PURE__ */ e("span", { className: "shrink-0", children: r.icon }),
+                    r.label
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "text-sm font-semibold", children: r.value }),
+                  r.change && /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: b(
+                        "flex items-center gap-0.5 text-xs font-medium",
+                        Ca[r.change.direction]
+                      ),
+                      children: [
+                        Sa[r.change.direction],
+                        r.change.value
+                      ]
+                    }
+                  )
+                ]
+              },
+              r.id
+            ))
+          }
+        )
+      }
+    );
+  }
+);
+Ra.displayName = "RecordDialogHighlight";
+const Ta = g.forwardRef(
+  ({ tabs: t = [], defaultTab: s, activeTab: n, onTabChange: o, children: r, className: l }, c) => {
+    var v;
+    const { mode: d } = q(), u = t.filter(
+      (h) => !h.hideInModes || !h.hideInModes.includes(d)
+    );
+    if (u.length === 0)
+      return /* @__PURE__ */ e("div", { ref: c, className: b("flex-1 overflow-hidden", l), children: /* @__PURE__ */ e(L, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "px-6 py-6 sm:px-8", children: r }) }) });
+    const f = s ?? ((v = u[0]) == null ? void 0 : v.id);
+    return /* @__PURE__ */ e("div", { ref: c, className: b("flex flex-1 flex-col overflow-hidden", l), children: /* @__PURE__ */ a(
+      ge,
+      {
+        value: n,
+        defaultValue: f,
+        onValueChange: o,
+        className: "flex flex-1 flex-col overflow-hidden",
+        children: [
+          /* @__PURE__ */ e(xe, { className: "h-auto w-full justify-start gap-0 rounded-none border-b bg-transparent p-0 px-6 sm:px-8", children: u.map((h) => /* @__PURE__ */ e(
+            X,
+            {
+              value: h.id,
+              className: b(
+                "relative rounded-none border-b-2 border-transparent bg-transparent px-4 py-2.5 text-sm font-medium text-muted-foreground shadow-none transition-none",
+                "data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none"
+              ),
+              children: /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
+                h.icon,
+                h.label,
+                h.badge != null && /* @__PURE__ */ e(F, { variant: "secondary", className: "h-5 min-w-[20px] px-1.5 text-[10px]", children: h.badge })
+              ] })
+            },
+            h.id
+          )) }),
+          u.map((h) => /* @__PURE__ */ e(
+            Fe,
+            {
+              value: h.id,
+              className: "mt-0 flex-1 overflow-hidden data-[state=inactive]:hidden",
+              children: /* @__PURE__ */ e(L, { className: "h-full", children: /* @__PURE__ */ e("div", { className: "px-6 py-6 sm:px-8", children: h.content }) })
+            },
+            h.id
+          ))
+        ]
+      }
+    ) });
+  }
+);
+Ta.displayName = "RecordDialogBody";
+const Ma = g.forwardRef(
+  ({ id: t, title: s, icon: n, defaultCollapsed: o = !1, children: r, className: l }, c) => /* @__PURE__ */ e("div", { ref: c, className: l, children: /* @__PURE__ */ e(
+    St,
+    {
+      type: "multiple",
+      defaultValue: o ? [] : [t],
+      children: /* @__PURE__ */ a(Rt, { value: t, className: "border-b-0", children: [
+        /* @__PURE__ */ e(Tt, { className: "text-base font-semibold py-4 hover:no-underline", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          n && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: n }),
+          s
+        ] }) }),
+        /* @__PURE__ */ e(Mt, { children: r })
+      ] })
+    }
+  ) })
+);
+Ma.displayName = "RecordDialogSection";
+function Pa({ field: t }) {
+  var h;
+  const { t: s } = T(), [n, o] = g.useState(!1), [r, l] = g.useState(String(t.value ?? "")), c = g.useRef(null);
+  g.useEffect(() => {
+    var m;
+    n && ((m = c.current) == null || m.focus(), c.current instanceof HTMLInputElement && c.current.select());
+  }, [n]);
+  const d = () => {
+    var m;
+    o(!1), r !== String(t.value ?? "") && ((m = t.onEdit) == null || m.call(t, t.type === "number" ? Number(r) : r));
+  }, u = () => {
+    o(!1), l(String(t.value ?? ""));
+  }, f = (m) => {
+    m.key === "Enter" && t.type !== "textarea" ? (m.preventDefault(), d()) : m.key === "Escape" && (m.preventDefault(), u());
+  }, v = (m) => m.preventDefault();
+  return n ? /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+    t.type === "textarea" ? /* @__PURE__ */ e(
+      re,
+      {
+        ref: c,
+        value: r,
+        onChange: (m) => l(m.target.value),
+        onBlur: d,
+        onKeyDown: (m) => {
+          m.key === "Escape" && (m.preventDefault(), u());
+        },
+        rows: 3,
+        className: "text-sm"
+      }
+    ) : t.type === "select" ? /* @__PURE__ */ a(
+      we,
+      {
+        value: r,
+        onValueChange: (m) => {
+          var x;
+          (x = t.onEdit) == null || x.call(t, m), o(!1);
+        },
+        children: [
+          /* @__PURE__ */ e(ke, { className: "h-8 text-sm", children: /* @__PURE__ */ e(De, {}) }),
+          /* @__PURE__ */ e(Ce, { children: (h = t.options) == null ? void 0 : h.map((m) => /* @__PURE__ */ e(Se, { value: m.value, children: m.label }, m.value)) })
+        ]
+      }
+    ) : /* @__PURE__ */ e(
+      $,
+      {
+        ref: c,
+        type: Xe(t.type),
+        value: r,
+        onChange: (m) => l(m.target.value),
+        onBlur: d,
+        onKeyDown: f,
+        className: "h-8 text-sm"
+      }
+    ),
+    t.type !== "select" && /* @__PURE__ */ a(_, { children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onMouseDown: v,
+          onClick: d,
+          className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-primary hover:text-primary/80 hover:bg-muted transition-colors",
+          "aria-label": s("editable.save"),
+          children: /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onMouseDown: v,
+          onClick: u,
+          className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+          "aria-label": s("editable.cancel"),
+          children: /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: "group/field flex min-h-[28px] cursor-default items-center gap-1.5",
+      role: t.editable ? "button" : void 0,
+      tabIndex: t.editable ? 0 : void 0,
+      onClick: () => t.editable && o(!0),
+      onKeyDown: (m) => {
+        t.editable && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), o(!0));
+      },
+      children: [
+        t.renderView ? t.renderView(t.value) : /* @__PURE__ */ e("span", { className: "text-sm", children: t.value ?? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s("editable.emptyValue") }) }),
+        t.editable && /* @__PURE__ */ e(je, { className: "h-3 w-3 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/field:opacity-100" })
+      ]
+    }
+  );
+}
+function Pe({ field: t }) {
+  var o;
+  const { t: s } = T(), { mode: n } = q();
+  return t.type === "custom" && t.renderEdit ? /* @__PURE__ */ e(_, { children: t.renderEdit(t.value, (r) => {
+    var l;
+    return (l = t.onEdit) == null ? void 0 : l.call(t, r);
+  }) }) : t.type === "checkbox" ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 pt-1", children: [
+    /* @__PURE__ */ e(
+      W,
+      {
+        id: `field-${t.id}`,
+        checked: !!t.value,
+        onCheckedChange: (r) => {
+          var l;
+          return (l = t.onEdit) == null ? void 0 : l.call(t, r);
+        },
+        disabled: !t.editable && n !== "create"
+      }
+    ),
+    /* @__PURE__ */ e("label", { htmlFor: `field-${t.id}`, className: "text-sm", children: t.label })
+  ] }) : t.type === "select" ? /* @__PURE__ */ a(
+    we,
+    {
+      value: String(t.value ?? ""),
+      onValueChange: (r) => {
+        var l;
+        return (l = t.onEdit) == null ? void 0 : l.call(t, r);
+      },
+      disabled: !t.editable && n !== "create",
+      children: [
+        /* @__PURE__ */ e(ke, { className: "h-9 text-sm", children: /* @__PURE__ */ e(De, { placeholder: t.placeholder || s("common.select") }) }),
+        /* @__PURE__ */ e(Ce, { children: (o = t.options) == null ? void 0 : o.map((r) => /* @__PURE__ */ e(Se, { value: r.value, children: r.label }, r.value)) })
+      ]
+    }
+  ) : t.type === "textarea" ? /* @__PURE__ */ e(
+    re,
+    {
+      value: String(t.value ?? ""),
+      onChange: (r) => {
+        var l;
+        return (l = t.onEdit) == null ? void 0 : l.call(t, r.target.value);
+      },
+      placeholder: t.placeholder,
+      rows: 3,
+      className: "text-sm",
+      disabled: !t.editable && n !== "create"
+    }
+  ) : t.type === "currency" ? /* @__PURE__ */ a("div", { className: "relative", children: [
+    /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "$" }),
+    /* @__PURE__ */ e(
+      $,
+      {
+        type: "number",
+        value: String(t.value ?? ""),
+        onChange: (r) => {
+          var l;
+          return (l = t.onEdit) == null ? void 0 : l.call(t, r.target.value ? Number(r.target.value) : "");
+        },
+        placeholder: t.placeholder,
+        className: "h-9 pl-7 text-sm",
+        disabled: !t.editable && n !== "create"
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    $,
+    {
+      type: Xe(t.type),
+      value: String(t.value ?? ""),
+      onChange: (r) => {
+        var l;
+        return (l = t.onEdit) == null ? void 0 : l.call(t, t.type === "number" ? Number(r.target.value) : r.target.value);
+      },
+      placeholder: t.placeholder,
+      className: "h-9 text-sm",
+      disabled: !t.editable && n !== "create"
+    }
+  );
+}
+const Ia = g.forwardRef(
+  ({ fields: t, columns: s = 2, className: n }, o) => {
+    const { mode: r } = q(), { t: l } = T();
+    if (t.length === 0)
+      return /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: l("recordDialog.noFields") });
+    const c = b(
+      "grid gap-x-8 gap-y-5",
+      s === 1 && "grid-cols-1",
+      s === 2 && "grid-cols-1 sm:grid-cols-2",
+      s === 3 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+    );
+    return /* @__PURE__ */ e("div", { ref: o, className: b(c, n), children: t.map((d) => {
+      const f = (r === "edit" || r === "create") && (d.editable || r === "create") && d.type !== "checkbox";
+      return /* @__PURE__ */ a(
+        "div",
+        {
+          className: b(d.fullWidth && "col-span-full"),
+          children: [
+            d.type !== "checkbox" && /* @__PURE__ */ a("label", { className: "mb-1 block text-sm font-medium text-muted-foreground", children: [
+              d.label,
+              d.required && /* @__PURE__ */ e("span", { className: "ml-0.5 text-destructive", children: "*" })
+            ] }),
+            f ? /* @__PURE__ */ e(Pe, { field: d }) : d.type === "checkbox" ? /* @__PURE__ */ e(Pe, { field: d }) : /* @__PURE__ */ e(Pa, { field: d }),
+            d.helpText && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-muted-foreground", children: d.helpText })
+          ]
+        },
+        d.id
+      );
+    }) });
+  }
+);
+Ia.displayName = "RecordDialogFields";
+function Xe(t) {
+  switch (t) {
+    case "number":
+    case "currency":
+      return "number";
+    case "date":
+      return "date";
+    case "email":
+      return "email";
+    case "phone":
+      return "tel";
+    case "url":
+      return "url";
+    default:
+      return "text";
+  }
+}
+const Aa = {
+  note: /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }),
+  email: /* @__PURE__ */ e(ne, { className: "h-3.5 w-3.5" }),
+  call: /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }),
+  meeting: /* @__PURE__ */ e(G, { className: "h-3.5 w-3.5" }),
+  task: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
+  update: /* @__PURE__ */ e(Le, { className: "h-3.5 w-3.5" }),
+  custom: /* @__PURE__ */ e(Ke, { className: "h-3.5 w-3.5" })
+}, Ea = {
+  note: "bg-blue-100 text-blue-600",
+  email: "bg-purple-100 text-purple-600",
+  call: "bg-green-100 text-green-600",
+  meeting: "bg-amber-100 text-amber-600",
+  task: "bg-emerald-100 text-emerald-600",
+  update: "bg-muted text-muted-foreground",
+  custom: "bg-muted text-muted-foreground"
+}, La = [
+  { type: "note", labelKey: "activity.note", icon: /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5" }) },
+  { type: "email", labelKey: "activity.email", icon: /* @__PURE__ */ e(ne, { className: "h-3.5 w-3.5" }) },
+  { type: "call", labelKey: "activity.call", icon: /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }) },
+  { type: "meeting", labelKey: "activity.meeting", icon: /* @__PURE__ */ e(G, { className: "h-3.5 w-3.5" }) },
+  { type: "task", labelKey: "activity.task", icon: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }) }
+];
+function ja(t) {
+  return t.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+}
+function Fa(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    const r = (n.timestamp instanceof Date ? n.timestamp : new Date(n.timestamp)).toLocaleDateString(), l = s.get(r) ?? [];
+    l.push(n), s.set(r, l);
+  }
+  return Array.from(s.entries()).map(([n, o]) => ({ date: n, items: o }));
+}
+const za = g.forwardRef(
+  ({ activities: t, showComposer: s, onActivityCreate: n, className: o }, r) => {
+    const { t: l } = T(), [c, d] = g.useState("note"), [u, f] = g.useState(""), v = (x) => {
+      const N = x instanceof Date ? x : new Date(x), w = (/* @__PURE__ */ new Date()).getTime() - N.getTime(), i = Math.floor(w / 6e4);
+      if (i < 1) return l("record.justNow");
+      if (i < 60) return l("record.minutesAgo", { count: i });
+      const p = Math.floor(i / 60);
+      if (p < 24) return l("record.hoursAgo", { count: p });
+      const k = Math.floor(p / 24);
+      return k < 7 ? l("record.daysAgo", { count: k }) : N.toLocaleDateString();
+    }, h = Fa(
+      [...t].sort((x, N) => {
+        const y = x.timestamp instanceof Date ? x.timestamp : new Date(x.timestamp);
+        return (N.timestamp instanceof Date ? N.timestamp : new Date(N.timestamp)).getTime() - y.getTime();
+      })
+    ), m = () => {
+      u.trim() && (n == null || n(c, u.trim()), f(""));
+    };
+    return /* @__PURE__ */ a("div", { ref: r, className: b("flex flex-col", o), children: [
+      s && n && /* @__PURE__ */ a("div", { className: "mb-6 rounded-lg border bg-muted/30", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b px-3 py-1.5", children: La.map((x) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: () => d(x.type),
+            className: b(
+              "flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors",
+              c === x.type ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+            ),
+            children: [
+              x.icon,
+              l(x.labelKey)
+            ]
+          },
+          x.type
+        )) }),
+        /* @__PURE__ */ a("div", { className: "flex items-end gap-2 px-3 py-2.5", children: [
+          /* @__PURE__ */ e(
+            re,
+            {
+              value: u,
+              onChange: (x) => f(x.target.value),
+              placeholder: l("activity.addPlaceholder", { type: l(`activity.${c}`) }),
+              rows: 2,
+              className: "min-h-[60px] resize-none text-sm",
+              onKeyDown: (x) => {
+                x.key === "Enter" && !x.shiftKey && (x.preventDefault(), m());
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            S,
+            {
+              size: "sm",
+              onClick: m,
+              disabled: !u.trim(),
+              className: "shrink-0",
+              children: /* @__PURE__ */ e(Ve, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ] }),
+      t.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: l("record.noActivity") }) : /* @__PURE__ */ e("div", { className: "space-y-6", children: h.map((x) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "mb-3 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: x.date }),
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: x.items.map((N) => /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: b(
+                "flex h-8 w-8 shrink-0 items-center justify-center rounded-full",
+                Ea[N.type]
+              ),
+              children: N.icon ?? Aa[N.type]
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: N.title }),
+              /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: v(N.timestamp) })
+            ] }),
+            N.description && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-muted-foreground line-clamp-2", children: N.description }),
+            N.user && /* @__PURE__ */ a("div", { className: "mt-1 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ a(Ne, { className: "h-4 w-4", children: [
+                /* @__PURE__ */ e(ve, { src: N.user.avatar, alt: N.user.name }),
+                /* @__PURE__ */ e(be, { className: "text-[7px]", children: ja(N.user.name) })
+              ] }),
+              /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: N.user.name })
+            ] })
+          ] })
+        ] }, N.id)) })
+      ] }, x.date)) })
+    ] });
+  }
+);
+za.displayName = "RecordDialogActivity";
+const Va = g.forwardRef(
+  ({ entities: t, onAdd: s, className: n }, o) => {
+    const { t: r } = T();
+    if (t.length === 0)
+      return /* @__PURE__ */ a("div", { ref: o, className: b("flex flex-col items-center justify-center py-8", n), children: [
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("record.noRelated") }),
+        s && /* @__PURE__ */ a(S, { variant: "outline", size: "sm", onClick: s, className: "mt-3", children: [
+          /* @__PURE__ */ e(J, { className: "mr-1.5 h-3.5 w-3.5" }),
+          r("recordDialog.addRelated")
+        ] })
+      ] });
+    const l = /* @__PURE__ */ new Map();
+    for (const c of t) {
+      const d = l.get(c.type) ?? [];
+      d.push(c), l.set(c.type, d);
+    }
+    return /* @__PURE__ */ a("div", { ref: o, className: b("space-y-6", n), children: [
+      s && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ a(S, { variant: "outline", size: "sm", onClick: s, children: [
+        /* @__PURE__ */ e(J, { className: "mr-1.5 h-3.5 w-3.5" }),
+        r("recordDialog.addRelated")
+      ] }) }),
+      Array.from(l.entries()).map(([c, d]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ a("div", { className: "mb-2 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ e(_e, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ a("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: [
+            c,
+            " (",
+            d.length,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: d.map((u) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: u.onClick,
+            className: b(
+              "flex w-full items-center gap-3 rounded-lg border bg-card p-3 text-left transition-colors hover:bg-muted/50",
+              u.onClick && "cursor-pointer",
+              !u.onClick && "cursor-default"
+            ),
+            children: [
+              u.icon && /* @__PURE__ */ e("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: u.icon }),
+              /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium", children: u.label }),
+                u.subtitle && /* @__PURE__ */ e("p", { className: "truncate text-xs text-muted-foreground", children: u.subtitle })
+              ] }),
+              u.onClick && /* @__PURE__ */ e(ze, { className: "h-4 w-4 shrink-0 text-muted-foreground/50" })
+            ]
+          },
+          u.id
+        )) })
+      ] }, c))
+    ] });
+  }
+);
+Va.displayName = "RecordDialogRelated";
+const Oa = g.forwardRef(
+  ({ actions: t = [], onSubmit: s, onCancel: n, submitLabel: o, cancelLabel: r, className: l }, c) => {
+    const { mode: d, isSubmitting: u, setIsSubmitting: f } = q(), { t: v } = T(), h = t.filter(
+      (i) => !i.showInModes || i.showInModes.includes(d)
+    ), m = h.filter((i) => i.variant === "destructive"), x = h.filter((i) => i.variant !== "destructive"), N = async () => {
+      if (s) {
+        f(!0);
+        try {
+          await s();
+        } finally {
+          f(!1);
+        }
+      }
+    }, y = () => u ? v(d === "create" ? "record.creating" : "record.saving") : o ?? v(d === "create" ? "record.create" : "record.saveChanges"), w = d === "edit" || d === "create";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: c,
+        className: b(
+          "sticky bottom-0 z-10 flex items-center justify-between border-t bg-background px-6 py-3 sm:px-8",
+          l
+        ),
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: m.map((i) => /* @__PURE__ */ a(
+            S,
+            {
+              variant: i.variant,
+              size: "sm",
+              onClick: i.onClick,
+              disabled: i.disabled || i.loading || u,
+              children: [
+                i.icon && /* @__PURE__ */ e("span", { className: "mr-1.5", children: i.icon }),
+                i.label
+              ]
+            },
+            i.id
+          )) }),
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+            x.map((i) => /* @__PURE__ */ a(
+              S,
+              {
+                variant: i.variant ?? "outline",
+                size: "sm",
+                onClick: i.onClick,
+                disabled: i.disabled || i.loading || u,
+                children: [
+                  i.icon && /* @__PURE__ */ e("span", { className: "mr-1.5", children: i.icon }),
+                  i.label
+                ]
+              },
+              i.id
+            )),
+            w && n && /* @__PURE__ */ e(
+              S,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: n,
+                disabled: u,
+                children: r ?? v("common.cancel")
+              }
+            ),
+            w && s && /* @__PURE__ */ a(S, { size: "sm", onClick: N, disabled: u, children: [
+              u && /* @__PURE__ */ e(Pt, { className: "mr-1.5 h-4 w-4 animate-spin" }),
+              y()
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Oa.displayName = "RecordDialogFooter";
+export {
+  jt as A,
+  ga as B,
+  Na as C,
+  Ht as D,
+  ya as E,
+  q as F,
+  wa as G,
+  ka as H,
+  Da as I,
+  Ra as J,
+  Ta as K,
+  Ma as L,
+  Ia as M,
+  za as N,
+  Va as O,
+  Ot as P,
+  va as Q,
+  da as R,
+  Oa as S,
+  Ft as a,
+  zt as b,
+  Vt as c,
+  Bt as d,
+  Kt as e,
+  _t as f,
+  $t as g,
+  Qt as h,
+  Yt as i,
+  B as j,
+  Gt as k,
+  Wt as l,
+  Jt as m,
+  Ye as n,
+  Ue as o,
+  Ge as p,
+  We as q,
+  ea as r,
+  ta as s,
+  la as t,
+  Qe as u,
+  ca as v,
+  oa as w,
+  ua as x,
+  ha as y,
+  fa as z
+};
+//# sourceMappingURL=record-dialog-footer-DbH9A6eA.js.map