@mieweb/ui 0.2.0 → 0.2.2

package/dist/ag-grid.js

@@ -0,0 +1,698 @@
+import { Mail, Phone, Globe, CheckCircle, Clock } from './chunk-Y22SOAJM.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { memo } from 'react';
+import { AgGridReact } from 'ag-grid-react';
+export { AgGridReact } from 'ag-grid-react';
+import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Linkedin } from 'lucide-react';
+
+ModuleRegistry.registerModules([AllCommunityModule]);
+var agGridVariants = cva("ag-theme-custom w-full", {
+  variants: {
+    /**
+     * Visual variant of the grid
+     */
+    variant: {
+      default: "",
+      bordered: "[&_.ag-root-wrapper]:border [&_.ag-root-wrapper]:border-border [&_.ag-root-wrapper]:rounded-lg",
+      striped: "[&_.ag-row-odd]:bg-muted/50",
+      card: "[&_.ag-root-wrapper]:shadow-card [&_.ag-root-wrapper]:rounded-lg [&_.ag-root-wrapper]:border-0"
+    },
+    /**
+     * Size/density of the grid rows
+     */
+    size: {
+      xs: "[&_.ag-row]:h-7 [&_.ag-header-row]:h-7 text-xs [&_.ag-cell]:px-2",
+      sm: "[&_.ag-row]:h-8 [&_.ag-header-row]:h-8 text-xs [&_.ag-cell]:px-3",
+      md: "[&_.ag-row]:h-10 [&_.ag-header-row]:h-10 text-sm [&_.ag-cell]:px-4",
+      lg: "[&_.ag-row]:h-12 [&_.ag-header-row]:h-12 text-base [&_.ag-cell]:px-4",
+      xl: "[&_.ag-row]:h-14 [&_.ag-header-row]:h-14 text-base [&_.ag-cell]:px-6"
+    },
+    /**
+     * Brand theme variant
+     */
+    brand: {
+      default: "",
+      mieweb: "ag-brand-mieweb",
+      bluehive: "ag-brand-bluehive",
+      waggleline: "ag-brand-waggleline",
+      webchart: "ag-brand-webchart",
+      "enterprise-health": "ag-brand-enterprise-health"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    brand: "default"
+  }
+});
+var sizeToRowHeight = {
+  xs: { rowHeight: 28, headerHeight: 28, containerHeight: 280 },
+  sm: { rowHeight: 32, headerHeight: 32, containerHeight: 320 },
+  md: { rowHeight: 40, headerHeight: 40, containerHeight: 400 },
+  lg: { rowHeight: 48, headerHeight: 48, containerHeight: 480 },
+  xl: { rowHeight: 56, headerHeight: 56, containerHeight: 560 }
+};
+var getDefaultColDef = (sortable, filterable, resizable) => ({
+  sortable,
+  filter: filterable,
+  resizable,
+  minWidth: 100,
+  flex: 1,
+  suppressMovable: false,
+  headerClass: "ag-header-cell-custom",
+  cellClass: "ag-cell-custom"
+});
+function AGGridInner({
+  className,
+  variant,
+  size,
+  brand,
+  height,
+  loading = false,
+  columnDefs,
+  rowData,
+  defaultColDef: userDefaultColDef,
+  onGridReady,
+  onRowClick,
+  gridRef,
+  rowSelection,
+  brandConfig,
+  pagination = false,
+  resizable = true,
+  sortable = true,
+  filterable = true,
+  noDataMessage = "No data to display",
+  loadingMessage = "Loading...",
+  ...props
+}, ref) {
+  const internalRef = React.useRef(null);
+  const gridApiRef = React.useRef(null);
+  const resolvedRef = gridRef || ref || internalRef;
+  const handleGridReady = React.useCallback(
+    (event) => {
+      gridApiRef.current = event.api;
+      onGridReady?.(event);
+    },
+    [onGridReady]
+  );
+  const handleRowClicked = React.useCallback(
+    (event) => {
+      onRowClick?.(event);
+    },
+    [onRowClick]
+  );
+  const mergedDefaultColDef = React.useMemo(
+    () => ({
+      ...getDefaultColDef(sortable, filterable, resizable),
+      ...userDefaultColDef
+    }),
+    [userDefaultColDef, sortable, filterable, resizable]
+  );
+  const resolvedRowSelection = React.useMemo(() => {
+    if (!rowSelection) return void 0;
+    if (typeof rowSelection === "object") {
+      return rowSelection;
+    }
+    if (rowSelection === "multiple") {
+      return {
+        mode: "multiRow",
+        enableClickSelection: true
+      };
+    }
+    if (rowSelection === "single") {
+      return {
+        mode: "singleRow",
+        enableClickSelection: true
+      };
+    }
+    return void 0;
+  }, [rowSelection]);
+  React.useEffect(() => {
+    if (gridApiRef.current) {
+      if (loading) {
+        gridApiRef.current.showLoadingOverlay();
+      } else {
+        gridApiRef.current.hideOverlay();
+      }
+    }
+  }, [loading]);
+  const sizeConfig = sizeToRowHeight[size || "md"];
+  const resolvedHeight = height ?? sizeConfig.containerHeight;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(agGridVariants({ variant, size, brand }), className),
+      style: {
+        height: typeof resolvedHeight === "number" ? `${resolvedHeight}px` : resolvedHeight,
+        ...brandConfig && {
+          "--ag-primary-color": brandConfig.colors.primary[600],
+          "--ag-font-family": brandConfig.typography.fontFamily.sans.join(", ")
+        }
+      },
+      "data-brand": brand,
+      children: /* @__PURE__ */ jsx(
+        AgGridReact,
+        {
+          ref: resolvedRef,
+          columnDefs,
+          rowData,
+          defaultColDef: mergedDefaultColDef,
+          onGridReady: handleGridReady,
+          onRowClicked: handleRowClicked,
+          animateRows: true,
+          enableBrowserTooltips: true,
+          rowSelection: resolvedRowSelection,
+          pagination,
+          paginationPageSize: pagination ? 50 : void 0,
+          paginationPageSizeSelector: pagination ? [25, 50, 100, 200] : void 0,
+          rowHeight: sizeConfig.rowHeight,
+          headerHeight: sizeConfig.headerHeight,
+          noRowsOverlayComponent: () => /* @__PURE__ */ jsx("div", { className: "text-muted-foreground py-8 text-center", children: noDataMessage }),
+          loadingOverlayComponent: () => /* @__PURE__ */ jsx("div", { className: "text-muted-foreground py-8 text-center", children: loadingMessage }),
+          theme: "legacy",
+          ...props
+        }
+      )
+    }
+  );
+}
+var AGGrid = React.forwardRef(AGGridInner);
+AGGrid.displayName = "AGGrid";
+function getNestedValue(obj, path) {
+  if (!obj || !path) return void 0;
+  const parts = path.split(".");
+  let current = obj;
+  for (const part of parts) {
+    if (current === null || current === void 0) return void 0;
+    if (typeof current === "object") {
+      current = current[part];
+    } else {
+      return void 0;
+    }
+  }
+  return current;
+}
+function getFaviconUrl(domain) {
+  if (!domain || typeof domain !== "string") return null;
+  const cleanDomain = domain.replace(/^https?:\/\//, "").replace(/\/.*$/, "").trim();
+  if (!cleanDomain) return null;
+  return `https://www.google.com/s2/favicons?domain=${cleanDomain}&sz=64`;
+}
+function formatPhoneDisplay(phone) {
+  if (!phone) return "";
+  const cleaned = phone.replace(/\D/g, "");
+  if (cleaned.length === 10) {
+    return `${cleaned.slice(0, 3)}-${cleaned.slice(3, 6)}-${cleaned.slice(6)}`;
+  }
+  if (cleaned.length === 11 && cleaned.startsWith("1")) {
+    return `${cleaned[0]}-${cleaned.slice(1, 4)}-${cleaned.slice(4, 7)}-${cleaned.slice(7)}`;
+  }
+  return phone;
+}
+function getInitials(name) {
+  if (!name || typeof name !== "string") return "??";
+  const parts = name.split(" ").filter(Boolean);
+  if (parts.length >= 2) {
+    return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
+  }
+  return name.substring(0, 2).toUpperCase();
+}
+function getAvatarColor(name) {
+  const colors = [
+    "bg-primary-600",
+    "bg-green-600",
+    "bg-orange-600",
+    "bg-secondary-600",
+    "bg-pink-600",
+    "bg-primary-700",
+    "bg-teal-600",
+    "bg-amber-600"
+  ];
+  if (!name || typeof name !== "string") return colors[0];
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) {
+    hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return colors[Math.abs(hash) % colors.length];
+}
+function cellRendererPropsAreEqual(prevProps, nextProps) {
+  if (prevProps.value !== nextProps.value) return false;
+  if (prevProps.data !== nextProps.data) return false;
+  if (prevProps.node?.rowIndex !== nextProps.node?.rowIndex) return false;
+  return true;
+}
+var statusColors = {
+  active: {
+    label: "Active",
+    bgClass: "bg-green-100 dark:bg-green-900/30",
+    textClass: "text-green-600 dark:text-green-400"
+  },
+  inactive: {
+    label: "Inactive",
+    bgClass: "bg-gray-200 dark:bg-gray-700",
+    textClass: "text-gray-600 dark:text-gray-400"
+  },
+  pending: {
+    label: "Pending",
+    bgClass: "bg-amber-100 dark:bg-amber-900/30",
+    textClass: "text-amber-600 dark:text-amber-400"
+  },
+  new: {
+    label: "New",
+    bgClass: "bg-primary-100 dark:bg-primary-900/30",
+    textClass: "text-primary-600 dark:text-primary-400"
+  },
+  verified: {
+    label: "Verified",
+    bgClass: "bg-green-100 dark:bg-green-900/30",
+    textClass: "text-green-600 dark:text-green-400"
+  },
+  flagged: {
+    label: "Flagged",
+    bgClass: "bg-red-100 dark:bg-red-900/30",
+    textClass: "text-red-600 dark:text-red-400"
+  }
+};
+function AvatarNameRenderer(props) {
+  const { data, value } = props;
+  if (!data && !value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const displayName = typeof value === "string" && value ? value : "Unknown";
+  const isSystemValue = ["Unknown", "Unassigned", "System"].includes(
+    displayName
+  );
+  const avatarUrl = props.avatarField && data ? getNestedValue(data, props.avatarField) : data?.avatarUrl;
+  const domain = props.domainField && data ? getNestedValue(data, props.domainField) : data?.company?.domain || data?.domain;
+  const faviconUrl = getFaviconUrl(domain);
+  const initials = getInitials(displayName);
+  const imageUrl = avatarUrl || faviconUrl;
+  if (isSystemValue) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-gray-200 text-xs font-semibold text-gray-400 dark:bg-gray-700 dark:text-gray-500", children: displayName === "Unassigned" ? "\u2014" : "??" }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-gray-400 italic dark:text-gray-500", children: displayName })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+    imageUrl ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imageUrl,
+        alt: displayName,
+        className: "h-7 w-7 rounded-full bg-white object-cover ring-2 ring-white dark:ring-gray-700",
+        onError: (e) => {
+          const target = e.target;
+          target.style.display = "none";
+          const sibling = target.nextElementSibling;
+          if (sibling) sibling.style.display = "flex";
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex h-7 w-7 items-center justify-center rounded-full text-xs font-semibold text-white",
+          getAvatarColor(displayName)
+        ),
+        style: { display: imageUrl ? "none" : "flex" },
+        children: initials
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-foreground truncate font-medium", children: displayName })
+  ] });
+}
+function StatusBadgeRenderer(props) {
+  const { value, statusConfig = statusColors } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const normalizedValue = String(value).toLowerCase().replace(/\s+/g, "_");
+  const config = statusConfig[normalizedValue] || {
+    label: value,
+    bgClass: "bg-gray-200 dark:bg-gray-700",
+    textClass: "text-gray-600 dark:text-gray-400"
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium",
+        config.bgClass,
+        config.textClass
+      ),
+      children: config.label
+    }
+  );
+}
+function getEngagementScoreColors(score) {
+  if (score >= 70)
+    return {
+      barColor: "bg-green-500",
+      textColor: "text-green-600 dark:text-green-400"
+    };
+  if (score >= 40)
+    return {
+      barColor: "bg-amber-500",
+      textColor: "text-amber-600 dark:text-amber-400"
+    };
+  if (score >= 20)
+    return {
+      barColor: "bg-orange-500",
+      textColor: "text-orange-600 dark:text-orange-400"
+    };
+  return {
+    barColor: "bg-gray-400",
+    textColor: "text-gray-600 dark:text-gray-400"
+  };
+}
+function EngagementScoreRenderer(props) {
+  const { value } = props;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const score = Number(value);
+  const percentage = Math.min(100, Math.max(0, score));
+  const { barColor, textColor } = getEngagementScoreColors(score);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-1.5 w-16 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("h-full rounded-full transition-all", barColor),
+        style: { width: `${percentage}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", textColor), children: score })
+  ] });
+}
+function EmailRenderer(props) {
+  const { value } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `mailto:${value}`,
+      className: "text-primary-600 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(Mail, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: value })
+      ]
+    }
+  );
+}
+function PhoneRenderer(props) {
+  const { value } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const displayValue = formatPhoneDisplay(value);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `tel:${value}`,
+      className: "text-foreground hover:text-primary-600 dark:hover:text-primary-400 inline-flex items-center gap-1.5",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(Phone, { className: "h-3 w-3 text-green-500 opacity-70" }),
+        /* @__PURE__ */ jsx("span", { children: displayValue })
+      ]
+    }
+  );
+}
+function DomainRenderer(props) {
+  const { value } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const url = value.startsWith("http") ? value : `https://${value}`;
+  const displayDomain = value.replace(/^https?:\/\//, "").replace(/\/$/, "");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-primary-600 dark:text-primary-400 inline-flex items-center gap-1.5 hover:underline",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(Globe, { className: "h-3 w-3 opacity-60" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: displayDomain })
+      ]
+    }
+  );
+}
+function LinkedInRenderer(props) {
+  const { value } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: value,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "inline-flex items-center gap-1.5 text-[#0A66C2] hover:underline",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(Linkedin, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: "LinkedIn" })
+      ]
+    }
+  );
+}
+function CurrencyRenderer(props) {
+  const { value } = props;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const formatted = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(value);
+  return /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium tabular-nums", children: formatted });
+}
+function NumberRenderer(props) {
+  const { value } = props;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const formatted = Number(value).toLocaleString();
+  return /* @__PURE__ */ jsx("span", { className: "text-foreground tabular-nums", children: formatted });
+}
+function DateRenderer(props) {
+  const { value, format = "medium" } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  }
+  if (format === "relative") {
+    const now = /* @__PURE__ */ new Date();
+    const diff = now.getTime() - date.getTime();
+    const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
+    let relativeText;
+    if (days === 0) {
+      relativeText = "Today";
+    } else if (days === 1) {
+      relativeText = "Yesterday";
+    } else if (days < 7) {
+      relativeText = `${days} days ago`;
+    } else if (days < 30) {
+      const weeks = Math.floor(days / 7);
+      relativeText = `${weeks} week${weeks > 1 ? "s" : ""} ago`;
+    } else if (days < 365) {
+      const months = Math.floor(days / 30);
+      relativeText = `${months} month${months > 1 ? "s" : ""} ago`;
+    } else {
+      const years = Math.floor(days / 365);
+      relativeText = `${years} year${years > 1 ? "s" : ""} ago`;
+    }
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: relativeText });
+  }
+  const dateOptions = format === "short" ? { month: "numeric", day: "numeric" } : format === "long" ? { month: "long", day: "numeric", year: "numeric" } : { month: "short", day: "numeric", year: "numeric" };
+  if (format === "datetime") {
+    const formatted2 = date.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+    return /* @__PURE__ */ jsx("span", { className: "text-foreground", children: formatted2 });
+  }
+  const formatted = date.toLocaleDateString("en-US", dateOptions);
+  return /* @__PURE__ */ jsx("span", { className: "text-foreground", children: formatted });
+}
+function BooleanRenderer(props) {
+  const { value } = props;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const isTrue = Boolean(value);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
+        isTrue ? "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
+      ),
+      children: [
+        isTrue ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+        isTrue ? "Yes" : "No"
+      ]
+    }
+  );
+}
+function CompanyRenderer(props) {
+  const { data, value } = props;
+  if (!value) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const domain = props.domainField && data ? getNestedValue(data, props.domainField) : data?.company?.domain || data?.domain;
+  const faviconUrl = getFaviconUrl(domain);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-0.5", children: [
+    faviconUrl ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: faviconUrl,
+        alt: value,
+        className: "h-5 w-5 rounded bg-white object-contain",
+        onError: (e) => {
+          const target = e.target;
+          target.style.display = "none";
+          const sibling = target.nextElementSibling;
+          if (sibling) sibling.style.display = "flex";
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "bg-primary-100 text-primary-600 dark:bg-primary-900/30 dark:text-primary-400 flex h-5 w-5 items-center justify-center rounded text-[9px] font-semibold",
+        style: { display: faviconUrl ? "none" : "flex" },
+        children: getInitials(value)
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: value })
+  ] });
+}
+function ProgressRenderer(props) {
+  const { value, barColor = "bg-primary-500", max = 100 } = props;
+  if (value == null) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  const percentage = Math.min(100, Math.max(0, Number(value) / max * 100));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-20 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("h-full rounded-full transition-all", barColor),
+        style: { width: `${percentage}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs font-medium", children: [
+      Math.round(percentage),
+      "%"
+    ] })
+  ] });
+}
+function TagsRenderer(props) {
+  const { value } = props;
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "--" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+    value.slice(0, 3).map((tag, index) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-400",
+        children: tag
+      },
+      index
+    )),
+    value.length > 3 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+      "+",
+      value.length - 3
+    ] })
+  ] });
+}
+var MemoizedAvatarNameRenderer = memo(
+  AvatarNameRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedStatusBadgeRenderer = memo(
+  StatusBadgeRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedEngagementScoreRenderer = memo(
+  EngagementScoreRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedEmailRenderer = memo(
+  EmailRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedPhoneRenderer = memo(
+  PhoneRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedLinkedInRenderer = memo(
+  LinkedInRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedDomainRenderer = memo(
+  DomainRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedCurrencyRenderer = memo(
+  CurrencyRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedNumberRenderer = memo(
+  NumberRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedDateRenderer = memo(
+  DateRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedBooleanRenderer = memo(
+  BooleanRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedCompanyRenderer = memo(
+  CompanyRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedProgressRenderer = memo(
+  ProgressRenderer,
+  cellRendererPropsAreEqual
+);
+var MemoizedTagsRenderer = memo(
+  TagsRenderer,
+  cellRendererPropsAreEqual
+);
+var CellRenderers = {
+  // Original renderers
+  AvatarNameRenderer,
+  StatusBadgeRenderer,
+  EngagementScoreRenderer,
+  EmailRenderer,
+  PhoneRenderer,
+  LinkedInRenderer,
+  DomainRenderer,
+  CurrencyRenderer,
+  NumberRenderer,
+  DateRenderer,
+  BooleanRenderer,
+  CompanyRenderer,
+  ProgressRenderer,
+  TagsRenderer,
+  // Memoized renderers (recommended for performance)
+  MemoizedAvatarNameRenderer,
+  MemoizedStatusBadgeRenderer,
+  MemoizedEngagementScoreRenderer,
+  MemoizedEmailRenderer,
+  MemoizedPhoneRenderer,
+  MemoizedLinkedInRenderer,
+  MemoizedDomainRenderer,
+  MemoizedCurrencyRenderer,
+  MemoizedNumberRenderer,
+  MemoizedDateRenderer,
+  MemoizedBooleanRenderer,
+  MemoizedCompanyRenderer,
+  MemoizedProgressRenderer,
+  MemoizedTagsRenderer,
+  // Utility functions
+  formatPhoneDisplay
+};
+
+export { AGGrid, AvatarNameRenderer, BooleanRenderer, CellRenderers, CompanyRenderer, CurrencyRenderer, DateRenderer, DomainRenderer, EmailRenderer, EngagementScoreRenderer, LinkedInRenderer, MemoizedAvatarNameRenderer, MemoizedBooleanRenderer, MemoizedCompanyRenderer, MemoizedCurrencyRenderer, MemoizedDateRenderer, MemoizedDomainRenderer, MemoizedEmailRenderer, MemoizedEngagementScoreRenderer, MemoizedLinkedInRenderer, MemoizedNumberRenderer, MemoizedPhoneRenderer, MemoizedProgressRenderer, MemoizedStatusBadgeRenderer, MemoizedTagsRenderer, NumberRenderer, PhoneRenderer, ProgressRenderer, StatusBadgeRenderer, TagsRenderer, formatPhoneDisplay, statusColors };
+//# sourceMappingURL=ag-grid.js.map
+//# sourceMappingURL=ag-grid.js.map