@axtec/components 0.1.7 → 0.1.10

package/dist/index11.js

@@ -1,42 +1,97 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "./index3.js";
-const n = {
-  xs: "h-6 w-6 text-xs",
-  sm: "h-8 w-8 text-sm",
-  md: "h-10 w-10 text-base",
-  lg: "h-12 w-12 text-lg",
-  xl: "h-16 w-16 text-xl"
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Fragment as s } from "react";
+import { Transition as h, Dialog as p, TransitionChild as o, DialogPanel as v, DialogTitle as C } from "@headlessui/react";
+import { InformationCircleIcon as y, ExclamationTriangleIcon as N, XCircleIcon as T, CheckCircleIcon as w } from "@heroicons/react/24/outline";
+import { cn as i } from "./index3.js";
+import { Button as I } from "./index19.js";
+const F = {
+  success: {
+    icon: w,
+    iconClass: "text-green-600",
+    bgClass: "bg-green-100"
+  },
+  error: {
+    icon: T,
+    iconClass: "text-red-600",
+    bgClass: "bg-red-100"
+  },
+  warning: {
+    icon: N,
+    iconClass: "text-amber-600",
+    bgClass: "bg-amber-100"
+  },
+  info: {
+    icon: y,
+    iconClass: "text-blue-600",
+    bgClass: "bg-blue-100"
+  }
 };
-function d({
-  src: r,
-  alt: l,
-  initials: e,
-  size: s = "md",
-  className: o
+function B({
+  open: m,
+  onClose: l,
+  title: d,
+  message: n,
+  htmlMessage: c,
+  variant: x = "success",
+  confirmText: u = "OK",
+  onConfirm: t,
+  className: b
 }) {
-  const m = e == null ? void 0 : e.slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: a(
-        "relative inline-flex items-center justify-center",
-        "rounded-full overflow-hidden",
-        "bg-primary-100 text-primary-700 font-semibold",
-        n[s],
-        o
-      ),
-      children: r ? /* @__PURE__ */ t(
-        "img",
-        {
-          src: r,
-          alt: l || "Avatar",
-          className: "h-full w-full object-cover"
-        }
-      ) : /* @__PURE__ */ t("span", { children: m })
-    }
-  );
+  const a = F[x], g = a.icon, f = () => {
+    t == null || t(), l();
+  };
+  return /* @__PURE__ */ e(h, { show: m, as: s, children: /* @__PURE__ */ r(p, { onClose: l, className: "relative z-50", children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        as: s,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0",
+        enterTo: "opacity-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100",
+        leaveTo: "opacity-0",
+        children: /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ e(
+      o,
+      {
+        as: s,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0 scale-95",
+        enterTo: "opacity-100 scale-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100 scale-100",
+        leaveTo: "opacity-0 scale-95",
+        children: /* @__PURE__ */ r(
+          v,
+          {
+            className: i(
+              "w-full max-w-sm bg-white rounded-2xl shadow-xl p-6",
+              "transform transition-all",
+              b
+            ),
+            children: [
+              /* @__PURE__ */ e("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ e("div", { className: i("rounded-full p-3", a.bgClass), children: /* @__PURE__ */ e(g, { className: i("h-8 w-8", a.iconClass) }) }) }),
+              /* @__PURE__ */ e(C, { className: "text-lg font-semibold text-slate-900 text-center mb-2", children: d }),
+              n && /* @__PURE__ */ e("p", { className: "text-sm text-slate-600 text-center mb-6", children: n }),
+              c && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "text-sm text-slate-600 text-center mb-6",
+                  dangerouslySetInnerHTML: { __html: c }
+                }
+              ),
+              /* @__PURE__ */ e(I, { onClick: f, className: "w-full", children: u })
+            ]
+          }
+        )
+      }
+    ) })
+  ] }) });
 }
 export {
-  d as Avatar
+  B as AlertModal
 };
 //# sourceMappingURL=index11.js.map

package/dist/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface AvatarProps {\n  src?: string\n  alt?: string\n  initials?: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  xs: 'h-6 w-6 text-xs',\n  sm: 'h-8 w-8 text-sm',\n  md: 'h-10 w-10 text-base',\n  lg: 'h-12 w-12 text-lg',\n  xl: 'h-16 w-16 text-xl',\n}\n\nexport function Avatar({\n  src,\n  alt,\n  initials,\n  size = 'md',\n  className,\n}: AvatarProps) {\n  const displayInitials = initials?.slice(0, 2).toUpperCase()\n\n  return (\n    <div\n      className={cn(\n        'relative inline-flex items-center justify-center',\n        'rounded-full overflow-hidden',\n        'bg-primary-100 text-primary-700 font-semibold',\n        sizeStyles[size],\n        className\n      )}\n    >\n      {src ? (\n        <img\n          src={src}\n          alt={alt || 'Avatar'}\n          className=\"h-full w-full object-cover\"\n        />\n      ) : (\n        <span>{displayInitials}</span>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeStyles","Avatar","src","alt","initials","size","className","displayInitials","jsx","cn"],"mappings":";;AAUA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAkBH,KAAA,gBAAAA,EAAU,MAAM,GAAG,GAAG;AAE9C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAT,EAAWK,CAAI;AAAA,QACfC;AAAA,MAAA;AAAA,MAGD,UAAAJ,IACC,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAN;AAAA,UACA,KAAKC,KAAO;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA,IAGZ,gBAAAK,EAAC,QAAA,EAAM,UAAAD,EAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAI/B;"}
+{"version":3,"file":"index11.js","sources":["../src/components/AlertModal/AlertModal.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport {\n  Dialog,\n  DialogPanel,\n  DialogTitle,\n  Transition,\n  TransitionChild,\n} from '@headlessui/react'\nimport {\n  CheckCircleIcon,\n  ExclamationTriangleIcon,\n  XCircleIcon,\n  InformationCircleIcon,\n} from '@heroicons/react/24/outline'\nimport { cn } from '@/lib/utils'\nimport { Button } from '../Button/Button'\n\nexport type AlertModalVariant = 'success' | 'error' | 'warning' | 'info'\n\nexport interface AlertModalProps {\n  open: boolean\n  onClose: () => void\n  title: string\n  message?: string\n  /** HTML content (use with caution) */\n  htmlMessage?: string\n  variant?: AlertModalVariant\n  confirmText?: string\n  onConfirm?: () => void\n  className?: string\n}\n\nconst variantConfig: Record<\n  AlertModalVariant,\n  { icon: typeof CheckCircleIcon; iconClass: string; bgClass: string }\n> = {\n  success: {\n    icon: CheckCircleIcon,\n    iconClass: 'text-green-600',\n    bgClass: 'bg-green-100',\n  },\n  error: {\n    icon: XCircleIcon,\n    iconClass: 'text-red-600',\n    bgClass: 'bg-red-100',\n  },\n  warning: {\n    icon: ExclamationTriangleIcon,\n    iconClass: 'text-amber-600',\n    bgClass: 'bg-amber-100',\n  },\n  info: {\n    icon: InformationCircleIcon,\n    iconClass: 'text-blue-600',\n    bgClass: 'bg-blue-100',\n  },\n}\n\nexport function AlertModal({\n  open,\n  onClose,\n  title,\n  message,\n  htmlMessage,\n  variant = 'success',\n  confirmText = 'OK',\n  onConfirm,\n  className,\n}: AlertModalProps) {\n  const config = variantConfig[variant]\n  const Icon = config.icon\n\n  const handleConfirm = () => {\n    onConfirm?.()\n    onClose()\n  }\n\n  return (\n    <Transition show={open} as={Fragment}>\n      <Dialog onClose={onClose} className=\"relative z-50\">\n        {/* Backdrop */}\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n        </TransitionChild>\n\n        {/* Modal */}\n        <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n          <TransitionChild\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <DialogPanel\n              className={cn(\n                'w-full max-w-sm bg-white rounded-2xl shadow-xl p-6',\n                'transform transition-all',\n                className\n              )}\n            >\n              {/* Icon */}\n              <div className=\"flex justify-center mb-4\">\n                <div className={cn('rounded-full p-3', config.bgClass)}>\n                  <Icon className={cn('h-8 w-8', config.iconClass)} />\n                </div>\n              </div>\n\n              {/* Title */}\n              <DialogTitle className=\"text-lg font-semibold text-slate-900 text-center mb-2\">\n                {title}\n              </DialogTitle>\n\n              {/* Message */}\n              {message && (\n                <p className=\"text-sm text-slate-600 text-center mb-6\">\n                  {message}\n                </p>\n              )}\n              {htmlMessage && (\n                <div\n                  className=\"text-sm text-slate-600 text-center mb-6\"\n                  dangerouslySetInnerHTML={{ __html: htmlMessage }}\n                />\n              )}\n\n              {/* Button */}\n              <Button onClick={handleConfirm} className=\"w-full\">\n                {confirmText}\n              </Button>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n"],"names":["variantConfig","CheckCircleIcon","XCircleIcon","ExclamationTriangleIcon","InformationCircleIcon","AlertModal","open","onClose","title","message","htmlMessage","variant","confirmText","onConfirm","className","config","Icon","handleConfirm","jsx","Transition","Fragment","jsxs","Dialog","TransitionChild","DialogPanel","cn","DialogTitle","Button"],"mappings":";;;;;;AAgCA,MAAMA,IAGF;AAAA,EACF,SAAS;AAAA,IACP,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAMC;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAEb;AAEO,SAASC,EAAW;AAAA,EACzB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AACF,GAAoB;AAClB,QAAMC,IAASf,EAAcW,CAAO,GAC9BK,IAAOD,EAAO,MAEdE,IAAgB,MAAM;AAC1B,IAAAJ,KAAA,QAAAA,KACAN,EAAA;AAAA,EACF;AAEA,SACE,gBAAAW,EAACC,GAAA,EAAW,MAAMb,GAAM,IAAIc,GAC1B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAAf,GAAkB,WAAU,iBAElC,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhE,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACAX;AAAA,YAAA;AAAA,YAIF,UAAA;AAAA,cAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA,EAAC,SAAI,WAAWO,EAAG,oBAAoBV,EAAO,OAAO,GACnD,UAAA,gBAAAG,EAACF,GAAA,EAAK,WAAWS,EAAG,WAAWV,EAAO,SAAS,GAAG,GACpD,EAAA,CACF;AAAA,cAGA,gBAAAG,EAACQ,GAAA,EAAY,WAAU,yDACpB,UAAAlB,GACH;AAAA,cAGCC,KACC,gBAAAS,EAAC,KAAA,EAAE,WAAU,2CACV,UAAAT,GACH;AAAA,cAEDC,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,yBAAyB,EAAE,QAAQR,EAAA;AAAA,gBAAY;AAAA,cAAA;AAAA,gCAKlDiB,GAAA,EAAO,SAASV,GAAe,WAAU,UACvC,UAAAL,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/index12.js

@@ -1,82 +1,104 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { cn as h } from "./index3.js";
-import { Avatar as g } from "./index11.js";
-import { PhoneIcon as v, EnvelopeIcon as N, ChevronRightIcon as u } from "@heroicons/react/24/outline";
-import { Pill as b } from "./index48.js";
-import { AverageRating as w } from "./index13.js";
-const d = (e) => e.name ? e.name : [e.firstName, e.lastName].filter(Boolean).join(" ") || "Unknown", j = (e) => e.split(" ").map((t) => t[0]).slice(0, 2).join("").toUpperCase(), z = {
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-}, O = ({
-  data: e,
-  avatarSize: t = "md",
-  showRole: n = !1,
-  showRating: i = !1,
-  showContactInfo: c = !1,
-  showArrow: p = !1,
-  onClick: l,
-  className: f
+import { jsxs as O, jsx as d } from "react/jsx-runtime";
+import { useState as m, useRef as p, useEffect as h } from "react";
+import { cn as b } from "./index3.js";
+import { Input as N } from "./index35.js";
+const L = ({
+  options: r,
+  value: a,
+  onChange: x,
+  onSearch: s,
+  label: y,
+  placeholder: D,
+  disabled: E = !1,
+  error: I,
+  debounceMs: g = 300,
+  className: C
 }) => {
-  var m, o;
-  const a = d(e), x = ((m = e.profile) == null ? void 0 : m.avatar) || e.avatar;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: h(
-        "flex items-center gap-4 p-4",
-        l && "cursor-pointer hover:bg-slate-50 rounded-lg transition-colors",
-        f
-      ),
-      onClick: l,
-      children: [
-        /* @__PURE__ */ s(
-          g,
-          {
-            src: x,
-            initials: j(a),
-            size: z[t]
-          }
+  const [o, i] = m(""), [w, l] = m(!1), [u, c] = m(-1), f = p(null), n = p();
+  h(() => {
+    const e = r.find((t) => t.value === a);
+    e && i(e.label);
+  }, [a, r]), h(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+    s == null || s(o);
+  }, g), () => {
+    n.current && clearTimeout(n.current);
+  }), [o, g, s]), h(() => {
+    const e = (t) => {
+      f.current && !f.current.contains(t.target) && l(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const v = (e) => {
+    i(e), l(!0), c(-1);
+  }, k = (e) => {
+    i(e.label), x(e.value, e.label), l(!1);
+  }, A = (e) => {
+    if (!w) {
+      (e.key === "ArrowDown" || e.key === "Enter") && l(!0);
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), c(
+          (t) => t < r.length - 1 ? t + 1 : t
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault(), c((t) => t > 0 ? t - 1 : t);
+        break;
+      case "Enter":
+        e.preventDefault(), u >= 0 && r[u] && k(r[u]);
+        break;
+      case "Escape":
+        l(!1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ O("div", { ref: f, className: b("relative", C), children: [
+    /* @__PURE__ */ d(
+      N,
+      {
+        label: y,
+        value: o,
+        onChange: (e) => v(e.target.value),
+        onFocus: () => l(!0),
+        onKeyDown: A,
+        placeholder: D,
+        disabled: E,
+        error: I
+      }
+    ),
+    w && r.length > 0 && /* @__PURE__ */ d(
+      "ul",
+      {
+        className: b(
+          "absolute z-50 w-full mt-1 py-1",
+          "bg-white border border-slate-200 rounded-lg shadow-lg",
+          "max-h-60 overflow-auto"
         ),
-        /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ s("h4", { className: "text-base font-semibold text-primary-500 truncate max-w-[280px]", children: a }),
-          e.companyName && /* @__PURE__ */ s("p", { className: "text-xs text-slate-500 truncate max-w-[280px]", children: e.companyName }),
-          (n || i) && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mt-1", children: [
-            n && ((o = e.role) == null ? void 0 : o[0]) && /* @__PURE__ */ s(
-              b,
-              {
-                label: e.role[0].charAt(0).toUpperCase() + e.role[0].slice(1),
-                variant: "info",
-                size: "sm"
-              }
+        role: "listbox",
+        children: r.map((e, t) => /* @__PURE__ */ d(
+          "li",
+          {
+            role: "option",
+            "aria-selected": e.value === a,
+            onClick: () => k(e),
+            onMouseEnter: () => c(t),
+            className: b(
+              "px-4 py-2 cursor-pointer text-sm",
+              "transition-colors",
+              u === t && "bg-slate-100",
+              e.value === a && "text-primary-500 font-medium"
             ),
-            i && /* @__PURE__ */ s(
-              w,
-              {
-                average: e.averageRating || "0",
-                numberOfRatings: e.ratingCount,
-                showNumberOfRatings: !0,
-                size: "sm"
-              }
-            )
-          ] }),
-          c && /* @__PURE__ */ r("div", { className: "flex items-center gap-6 mt-2", children: [
-            (e.mobile || e.phone) && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
-              /* @__PURE__ */ s(v, { className: "w-4 h-4" }),
-              /* @__PURE__ */ s("span", { children: e.mobile || e.phone })
-            ] }),
-            e.email && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
-              /* @__PURE__ */ s(N, { className: "w-4 h-4" }),
-              /* @__PURE__ */ s("span", { children: e.email })
-            ] })
-          ] })
-        ] }),
-        p && /* @__PURE__ */ s(u, { className: "w-5 h-5 text-slate-400 flex-shrink-0" })
-      ]
-    }
-  );
+            children: e.label
+          },
+          e.value
+        ))
+      }
+    )
+  ] });
 };
 export {
-  O as AvatarCard
+  L as AutoComplete
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/components/AvatarCard/AvatarCard.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { Avatar } from '../Avatar/Avatar'\nimport { ChevronRightIcon, EnvelopeIcon, PhoneIcon } from '@heroicons/react/24/outline'\nimport { Pill } from '../Pill/Pill'\nimport { AverageRating } from '../AverageRating/AverageRating'\n\nexport interface AvatarCardData {\n  firstName?: string\n  lastName?: string\n  name?: string\n  companyName?: string\n  email?: string\n  mobile?: string\n  phone?: string\n  role?: string[]\n  averageRating?: number | string\n  ratingCount?: number | string\n  profile?: {\n    avatar?: string\n  }\n  avatar?: string\n}\n\nexport interface AvatarCardProps {\n  data: AvatarCardData\n  avatarSize?: 'sm' | 'md' | 'lg'\n  showRole?: boolean\n  showRating?: boolean\n  showContactInfo?: boolean\n  showArrow?: boolean\n  onClick?: () => void\n  className?: string\n}\n\nconst getFullName = (data: AvatarCardData): string => {\n  if (data.name) return data.name\n  const parts = [data.firstName, data.lastName].filter(Boolean)\n  return parts.join(' ') || 'Unknown'\n}\n\nconst getInitials = (name: string): string => {\n  return name\n    .split(' ')\n    .map((word) => word[0])\n    .slice(0, 2)\n    .join('')\n    .toUpperCase()\n}\n\nconst avatarSizeMap = {\n  sm: 'sm' as const,\n  md: 'md' as const,\n  lg: 'lg' as const,\n}\n\nexport const AvatarCard = ({\n  data,\n  avatarSize = 'md',\n  showRole = false,\n  showRating = false,\n  showContactInfo = false,\n  showArrow = false,\n  onClick,\n  className,\n}: AvatarCardProps) => {\n  const contactName = getFullName(data)\n  const avatar = data.profile?.avatar || data.avatar\n\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-4 p-4',\n        onClick && 'cursor-pointer hover:bg-slate-50 rounded-lg transition-colors',\n        className\n      )}\n      onClick={onClick}\n    >\n      <Avatar\n        src={avatar}\n        initials={getInitials(contactName)}\n        size={avatarSizeMap[avatarSize]}\n      />\n\n      <div className=\"flex-1 min-w-0\">\n        <h4 className=\"text-base font-semibold text-primary-500 truncate max-w-[280px]\">\n          {contactName}\n        </h4>\n\n        {data.companyName && (\n          <p className=\"text-xs text-slate-500 truncate max-w-[280px]\">\n            {data.companyName}\n          </p>\n        )}\n\n        {(showRole || showRating) && (\n          <div className=\"flex items-center gap-2 mt-1\">\n            {showRole && data.role?.[0] && (\n              <Pill\n                label={data.role[0].charAt(0).toUpperCase() + data.role[0].slice(1)}\n                variant=\"info\"\n                size=\"sm\"\n              />\n            )}\n            {showRating && (\n              <AverageRating\n                average={data.averageRating || '0'}\n                numberOfRatings={data.ratingCount}\n                showNumberOfRatings\n                size=\"sm\"\n              />\n            )}\n          </div>\n        )}\n\n        {showContactInfo && (\n          <div className=\"flex items-center gap-6 mt-2\">\n            {(data.mobile || data.phone) && (\n              <div className=\"flex items-center gap-2 text-sm text-slate-600\">\n                <PhoneIcon className=\"w-4 h-4\" />\n                <span>{data.mobile || data.phone}</span>\n              </div>\n            )}\n            {data.email && (\n              <div className=\"flex items-center gap-2 text-sm text-slate-600\">\n                <EnvelopeIcon className=\"w-4 h-4\" />\n                <span>{data.email}</span>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showArrow && (\n        <ChevronRightIcon className=\"w-5 h-5 text-slate-400 flex-shrink-0\" />\n      )}\n    </div>\n  )\n}\n"],"names":["getFullName","data","getInitials","name","word","avatarSizeMap","AvatarCard","avatarSize","showRole","showRating","showContactInfo","showArrow","onClick","className","contactName","avatar","_a","jsxs","cn","jsx","Avatar","_b","Pill","AverageRating","PhoneIcon","EnvelopeIcon","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"index12.js","sources":["../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Input } from '../Input/Input'\n\nexport interface AutoCompleteOption {\n  value: string\n  label: string\n}\n\nexport interface AutoCompleteProps {\n  options: AutoCompleteOption[]\n  value?: string\n  onChange: (value: string, label: string) => void\n  onSearch?: (query: string) => void\n  label?: string\n  placeholder?: string\n  disabled?: boolean\n  error?: string\n  debounceMs?: number\n  className?: string\n}\n\nexport const AutoComplete = ({\n  options,\n  value,\n  onChange,\n  onSearch,\n  label,\n  placeholder,\n  disabled = false,\n  error,\n  debounceMs = 300,\n  className,\n}: AutoCompleteProps) => {\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>()\n\n  // Sync input value with selected option\n  useEffect(() => {\n    const selectedOption = options.find((opt) => opt.value === value)\n    if (selectedOption) {\n      setInputValue(selectedOption.label)\n    }\n  }, [value, options])\n\n  // Handle debounced search\n  useEffect(() => {\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current)\n    }\n\n    debounceRef.current = setTimeout(() => {\n      onSearch?.(inputValue)\n    }, debounceMs)\n\n    return () => {\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current)\n      }\n    }\n  }, [inputValue, debounceMs, onSearch])\n\n  // Handle click outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  const handleInputChange = (newValue: string) => {\n    setInputValue(newValue)\n    setIsOpen(true)\n    setHighlightedIndex(-1)\n  }\n\n  const handleSelect = (option: AutoCompleteOption) => {\n    setInputValue(option.label)\n    onChange(option.value, option.label)\n    setIsOpen(false)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!isOpen) {\n      if (event.key === 'ArrowDown' || event.key === 'Enter') {\n        setIsOpen(true)\n      }\n      return\n    }\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setHighlightedIndex((prev) =>\n          prev < options.length - 1 ? prev + 1 : prev\n        )\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev))\n        break\n      case 'Enter':\n        event.preventDefault()\n        if (highlightedIndex >= 0 && options[highlightedIndex]) {\n          handleSelect(options[highlightedIndex])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        break\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={cn('relative', className)}>\n      <Input\n        label={label}\n        value={inputValue}\n        onChange={(e) => handleInputChange(e.target.value)}\n        onFocus={() => setIsOpen(true)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        error={error}\n      />\n\n      {isOpen && options.length > 0 && (\n        <ul\n          className={cn(\n            'absolute z-50 w-full mt-1 py-1',\n            'bg-white border border-slate-200 rounded-lg shadow-lg',\n            'max-h-60 overflow-auto'\n          )}\n          role=\"listbox\"\n        >\n          {options.map((option, index) => (\n            <li\n              key={option.value}\n              role=\"option\"\n              aria-selected={option.value === value}\n              onClick={() => handleSelect(option)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              className={cn(\n                'px-4 py-2 cursor-pointer text-sm',\n                'transition-colors',\n                highlightedIndex === index && 'bg-slate-100',\n                option.value === value && 'text-primary-500 font-medium'\n              )}\n            >\n              {option.label}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["AutoComplete","options","value","onChange","onSearch","label","placeholder","disabled","error","debounceMs","className","inputValue","setInputValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","containerRef","useRef","debounceRef","useEffect","selectedOption","opt","handleClickOutside","event","handleInputChange","newValue","handleSelect","option","handleKeyDown","prev","jsxs","cn","jsx","Input","index"],"mappings":"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"}

package/dist/index13.js

@@ -1,28 +1,42 @@
-import { jsxs as a, jsx as o, Fragment as m } from "react/jsx-runtime";
-import { cn as t } from "./index3.js";
-import { StarIcon as x } from "@heroicons/react/24/solid";
-const d = {
-  sm: { icon: "w-4 h-4", text: "text-sm" },
-  md: { icon: "w-5 h-5", text: "text-base" },
-  lg: { icon: "w-6 h-6", text: "text-lg" }
-}, g = ({
-  average: i = "0",
-  numberOfRatings: e,
-  showNumberOfRatings: n = !1,
-  size: r = "md",
-  className: c
-}) => {
-  const l = `${e} Rating${e === "1" || e === 1 ? "" : "s"}`, s = d[r];
-  return /* @__PURE__ */ a("div", { className: t("flex items-center", c), children: [
-    /* @__PURE__ */ o(x, { className: t(s.icon, "text-primary-500 mr-2") }),
-    /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-primary-500"), children: String(i) }),
-    n && e !== void 0 && /* @__PURE__ */ a(m, { children: [
-      /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-slate-600 mx-2"), children: "•" }),
-      /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-slate-600"), children: l })
-    ] })
-  ] });
+import { jsx as t } from "react/jsx-runtime";
+import { cn as a } from "./index3.js";
+const n = {
+  xs: "h-6 w-6 text-xs",
+  sm: "h-8 w-8 text-sm",
+  md: "h-10 w-10 text-base",
+  lg: "h-12 w-12 text-lg",
+  xl: "h-16 w-16 text-xl"
 };
+function d({
+  src: r,
+  alt: l,
+  initials: e,
+  size: s = "md",
+  className: o
+}) {
+  const m = e == null ? void 0 : e.slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(
+        "relative inline-flex items-center justify-center",
+        "rounded-full overflow-hidden",
+        "bg-primary-100 text-primary-700 font-semibold",
+        n[s],
+        o
+      ),
+      children: r ? /* @__PURE__ */ t(
+        "img",
+        {
+          src: r,
+          alt: l || "Avatar",
+          className: "h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ t("span", { children: m })
+    }
+  );
+}
 export {
-  g as AverageRating
+  d as Avatar
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/components/AverageRating/AverageRating.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { StarIcon } from '@heroicons/react/24/solid'\n\nexport interface AverageRatingProps {\n  average: string | number\n  numberOfRatings?: string | number\n  showNumberOfRatings?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: { icon: 'w-4 h-4', text: 'text-sm' },\n  md: { icon: 'w-5 h-5', text: 'text-base' },\n  lg: { icon: 'w-6 h-6', text: 'text-lg' },\n}\n\nexport const AverageRating = ({\n  average = '0',\n  numberOfRatings,\n  showNumberOfRatings = false,\n  size = 'md',\n  className,\n}: AverageRatingProps) => {\n  const ratingsText = `${numberOfRatings} Rating${numberOfRatings === '1' || numberOfRatings === 1 ? '' : 's'}`\n  const styles = sizeStyles[size]\n\n  return (\n    <div className={cn('flex items-center', className)}>\n      <StarIcon className={cn(styles.icon, 'text-primary-500 mr-2')} />\n      <span className={cn(styles.text, 'font-semibold text-primary-500')}>\n        {String(average)}\n      </span>\n      {showNumberOfRatings && numberOfRatings !== undefined && (\n        <>\n          <span className={cn(styles.text, 'font-semibold text-slate-600 mx-2')}>\n            •\n          </span>\n          <span className={cn(styles.text, 'font-semibold text-slate-600')}>\n            {ratingsText}\n          </span>\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeStyles","AverageRating","average","numberOfRatings","showNumberOfRatings","size","className","ratingsText","styles","cn","jsx","StarIcon","jsxs","Fragment"],"mappings":";;;AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,YAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAC/B,GAEaC,IAAgB,CAAC;AAAA,EAC5B,SAAAC,IAAU;AAAA,EACV,iBAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA0B;AACxB,QAAMC,IAAc,GAAGJ,CAAe,UAAUA,MAAoB,OAAOA,MAAoB,IAAI,KAAK,GAAG,IACrGK,IAASR,EAAWK,CAAI;AAE9B,2BACG,OAAA,EAAI,WAAWI,EAAG,qBAAqBH,CAAS,GAC/C,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAS,WAAWF,EAAGD,EAAO,MAAM,uBAAuB,GAAG;AAAA,IAC/D,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAGD,EAAO,MAAM,gCAAgC,GAC9D,UAAA,OAAON,CAAO,EAAA,CACjB;AAAA,IACCE,KAAuBD,MAAoB,UAC1C,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAH,EAAC,UAAK,WAAWD,EAAGD,EAAO,MAAM,mCAAmC,GAAG,UAAA,KAEvE;AAAA,MACA,gBAAAE,EAAC,UAAK,WAAWD,EAAGD,EAAO,MAAM,8BAA8B,GAC5D,UAAAD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index13.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface AvatarProps {\n  src?: string\n  alt?: string\n  initials?: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  xs: 'h-6 w-6 text-xs',\n  sm: 'h-8 w-8 text-sm',\n  md: 'h-10 w-10 text-base',\n  lg: 'h-12 w-12 text-lg',\n  xl: 'h-16 w-16 text-xl',\n}\n\nexport function Avatar({\n  src,\n  alt,\n  initials,\n  size = 'md',\n  className,\n}: AvatarProps) {\n  const displayInitials = initials?.slice(0, 2).toUpperCase()\n\n  return (\n    <div\n      className={cn(\n        'relative inline-flex items-center justify-center',\n        'rounded-full overflow-hidden',\n        'bg-primary-100 text-primary-700 font-semibold',\n        sizeStyles[size],\n        className\n      )}\n    >\n      {src ? (\n        <img\n          src={src}\n          alt={alt || 'Avatar'}\n          className=\"h-full w-full object-cover\"\n        />\n      ) : (\n        <span>{displayInitials}</span>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeStyles","Avatar","src","alt","initials","size","className","displayInitials","jsx","cn"],"mappings":";;AAUA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAkBH,KAAA,gBAAAA,EAAU,MAAM,GAAG,GAAG;AAE9C,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAT,EAAWK,CAAI;AAAA,QACfC;AAAA,MAAA;AAAA,MAGD,UAAAJ,IACC,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAN;AAAA,UACA,KAAKC,KAAO;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA,IAGZ,gBAAAK,EAAC,QAAA,EAAM,UAAAD,EAAA,CAAgB;AAAA,IAAA;AAAA,EAAA;AAI/B;"}

package/dist/index14.js

@@ -1,22 +1,82 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as s } from "./index3.js";
-const c = {
-  sm: "h-8",
-  md: "h-10",
-  lg: "h-14",
-  xl: "h-20"
-};
-function l({ size: o = "md", className: t }) {
-  return /* @__PURE__ */ m(
-    "img",
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { cn as h } from "./index3.js";
+import { Avatar as g } from "./index13.js";
+import { PhoneIcon as v, EnvelopeIcon as N, ChevronRightIcon as u } from "@heroicons/react/24/outline";
+import { Pill as b } from "./index50.js";
+import { AverageRating as w } from "./index15.js";
+const d = (e) => e.name ? e.name : [e.firstName, e.lastName].filter(Boolean).join(" ") || "Unknown", j = (e) => e.split(" ").map((t) => t[0]).slice(0, 2).join("").toUpperCase(), z = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+}, O = ({
+  data: e,
+  avatarSize: t = "md",
+  showRole: n = !1,
+  showRating: i = !1,
+  showContactInfo: c = !1,
+  showArrow: p = !1,
+  onClick: l,
+  className: f
+}) => {
+  var m, o;
+  const a = d(e), x = ((m = e.profile) == null ? void 0 : m.avatar) || e.avatar;
+  return /* @__PURE__ */ r(
+    "div",
     {
-      src: "/logos/axtec-logo.png",
-      alt: "Axtec",
-      className: s(c[o], "w-auto", t)
+      className: h(
+        "flex items-center gap-4 p-4",
+        l && "cursor-pointer hover:bg-slate-50 rounded-lg transition-colors",
+        f
+      ),
+      onClick: l,
+      children: [
+        /* @__PURE__ */ s(
+          g,
+          {
+            src: x,
+            initials: j(a),
+            size: z[t]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ s("h4", { className: "text-base font-semibold text-primary-500 truncate max-w-[280px]", children: a }),
+          e.companyName && /* @__PURE__ */ s("p", { className: "text-xs text-slate-500 truncate max-w-[280px]", children: e.companyName }),
+          (n || i) && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mt-1", children: [
+            n && ((o = e.role) == null ? void 0 : o[0]) && /* @__PURE__ */ s(
+              b,
+              {
+                label: e.role[0].charAt(0).toUpperCase() + e.role[0].slice(1),
+                variant: "info",
+                size: "sm"
+              }
+            ),
+            i && /* @__PURE__ */ s(
+              w,
+              {
+                average: e.averageRating || "0",
+                numberOfRatings: e.ratingCount,
+                showNumberOfRatings: !0,
+                size: "sm"
+              }
+            )
+          ] }),
+          c && /* @__PURE__ */ r("div", { className: "flex items-center gap-6 mt-2", children: [
+            (e.mobile || e.phone) && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
+              /* @__PURE__ */ s(v, { className: "w-4 h-4" }),
+              /* @__PURE__ */ s("span", { children: e.mobile || e.phone })
+            ] }),
+            e.email && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
+              /* @__PURE__ */ s(N, { className: "w-4 h-4" }),
+              /* @__PURE__ */ s("span", { children: e.email })
+            ] })
+          ] })
+        ] }),
+        p && /* @__PURE__ */ s(u, { className: "w-5 h-5 text-slate-400 flex-shrink-0" })
+      ]
     }
   );
-}
+};
 export {
-  l as AxtecLogo
+  O as AvatarCard
 };
 //# sourceMappingURL=index14.js.map

package/dist/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":["../src/components/Logo/AxtecLogo.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface AxtecLogoProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-8',\n  md: 'h-10',\n  lg: 'h-14',\n  xl: 'h-20',\n}\n\nexport function AxtecLogo({ size = 'md', className }: AxtecLogoProps) {\n  return (\n    <img\n      src=\"/logos/axtec-logo.png\"\n      alt=\"Axtec\"\n      className={cn(sizeStyles[size], 'w-auto', className)}\n    />\n  )\n}\n"],"names":["sizeStyles","AxtecLogo","size","className","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAU,EAAE,MAAAC,IAAO,MAAM,WAAAC,KAA6B;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,WAAWC,EAAGL,EAAWE,CAAI,GAAG,UAAUC,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"index14.js","sources":["../src/components/AvatarCard/AvatarCard.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { Avatar } from '../Avatar/Avatar'\nimport { ChevronRightIcon, EnvelopeIcon, PhoneIcon } from '@heroicons/react/24/outline'\nimport { Pill } from '../Pill/Pill'\nimport { AverageRating } from '../AverageRating/AverageRating'\n\nexport interface AvatarCardData {\n  firstName?: string\n  lastName?: string\n  name?: string\n  companyName?: string\n  email?: string\n  mobile?: string\n  phone?: string\n  role?: string[]\n  averageRating?: number | string\n  ratingCount?: number | string\n  profile?: {\n    avatar?: string\n  }\n  avatar?: string\n}\n\nexport interface AvatarCardProps {\n  data: AvatarCardData\n  avatarSize?: 'sm' | 'md' | 'lg'\n  showRole?: boolean\n  showRating?: boolean\n  showContactInfo?: boolean\n  showArrow?: boolean\n  onClick?: () => void\n  className?: string\n}\n\nconst getFullName = (data: AvatarCardData): string => {\n  if (data.name) return data.name\n  const parts = [data.firstName, data.lastName].filter(Boolean)\n  return parts.join(' ') || 'Unknown'\n}\n\nconst getInitials = (name: string): string => {\n  return name\n    .split(' ')\n    .map((word) => word[0])\n    .slice(0, 2)\n    .join('')\n    .toUpperCase()\n}\n\nconst avatarSizeMap = {\n  sm: 'sm' as const,\n  md: 'md' as const,\n  lg: 'lg' as const,\n}\n\nexport const AvatarCard = ({\n  data,\n  avatarSize = 'md',\n  showRole = false,\n  showRating = false,\n  showContactInfo = false,\n  showArrow = false,\n  onClick,\n  className,\n}: AvatarCardProps) => {\n  const contactName = getFullName(data)\n  const avatar = data.profile?.avatar || data.avatar\n\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-4 p-4',\n        onClick && 'cursor-pointer hover:bg-slate-50 rounded-lg transition-colors',\n        className\n      )}\n      onClick={onClick}\n    >\n      <Avatar\n        src={avatar}\n        initials={getInitials(contactName)}\n        size={avatarSizeMap[avatarSize]}\n      />\n\n      <div className=\"flex-1 min-w-0\">\n        <h4 className=\"text-base font-semibold text-primary-500 truncate max-w-[280px]\">\n          {contactName}\n        </h4>\n\n        {data.companyName && (\n          <p className=\"text-xs text-slate-500 truncate max-w-[280px]\">\n            {data.companyName}\n          </p>\n        )}\n\n        {(showRole || showRating) && (\n          <div className=\"flex items-center gap-2 mt-1\">\n            {showRole && data.role?.[0] && (\n              <Pill\n                label={data.role[0].charAt(0).toUpperCase() + data.role[0].slice(1)}\n                variant=\"info\"\n                size=\"sm\"\n              />\n            )}\n            {showRating && (\n              <AverageRating\n                average={data.averageRating || '0'}\n                numberOfRatings={data.ratingCount}\n                showNumberOfRatings\n                size=\"sm\"\n              />\n            )}\n          </div>\n        )}\n\n        {showContactInfo && (\n          <div className=\"flex items-center gap-6 mt-2\">\n            {(data.mobile || data.phone) && (\n              <div className=\"flex items-center gap-2 text-sm text-slate-600\">\n                <PhoneIcon className=\"w-4 h-4\" />\n                <span>{data.mobile || data.phone}</span>\n              </div>\n            )}\n            {data.email && (\n              <div className=\"flex items-center gap-2 text-sm text-slate-600\">\n                <EnvelopeIcon className=\"w-4 h-4\" />\n                <span>{data.email}</span>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showArrow && (\n        <ChevronRightIcon className=\"w-5 h-5 text-slate-400 flex-shrink-0\" />\n      )}\n    </div>\n  )\n}\n"],"names":["getFullName","data","getInitials","name","word","avatarSizeMap","AvatarCard","avatarSize","showRole","showRating","showContactInfo","showArrow","onClick","className","contactName","avatar","_a","jsxs","cn","jsx","Avatar","_b","Pill","AverageRating","PhoneIcon","EnvelopeIcon","ChevronRightIcon"],"mappings":"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"}