geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es107.js

@@ -1,23 +1,45 @@
-import e from "react";
-import { AccordionDemo as m } from "./index.es4.js";
-import { Typography as a } from "./index.es19.js";
-const i = ({ types: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
-  m,
-  {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Types"),
-    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
-      a,
-      {
-        key: r + o,
-        variant: "body4",
-        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
-      },
-      r
-    ))),
-    triggerProps: { className: "cursor-pointer my-2" }
-  }
-) : null;
+import e, { forwardRef as l, useContext as o, createContext as s } from "react";
+import { StepItemStatus as n } from "./index.es31.js";
+import { Typography as i } from "./index.es19.js";
+import { cn as p } from "./index.es89.js";
+import { StepItemVariants as u } from "./index.es156.js";
+const m = s(null), h = l(
+  ({ children: a, steps: t, id: r }, c) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: c, id: r }, a))
+), w = () => {
+  const a = o(m);
+  return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    E,
+    {
+      key: r,
+      value: t,
+      variant: t?.status ?? n.PENDING
+    }
+  ), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
+    }
+  ))));
+}, E = ({ value: a, ...t }) => {
+  const { variant: r } = t;
+  return /* @__PURE__ */ e.createElement("div", { className: p(u({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      style: { textAlign: "center", height: "max-content" }
+    },
+    a?.label
+  ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
+      alt: "check-mark-icon"
+    }
+  ))));
+};
 export {
-  i as TypeSection
+  w as StepGroup,
+  m as StepperContext,
+  h as StepperProvider
 };
 //# sourceMappingURL=index.es107.js.map

package/dist/index.es107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es107.js","sources":["../src/components/ui/agent-snippet-view/components/agent-type-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const TypeSection: React.FC<{\n  types?: string[]\n}> = ({ types }) =>\n  types && types.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Types\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {types.map((type, idx) => (\n            <Typography\n              key={type + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {type}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["TypeSection","types","React","Accordion","Typography","type","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,OAAAC,QACNA,KAASA,EAAM,SAAS,IACtBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,OAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAM,IAAI,CAACI,GAAMC,MAChBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAOC;AAAA,QACZ,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,CAEJ,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index.es107.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n  steps: StepperValue[] // Add a steps prop to pass the steps array\n  id?: string\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n  ({ children, steps, id }, ref) => {\n    return (\n      <StepperContext.Provider value={steps}>\n        <div className={'w-[100%]'} ref={ref} id={id}>\n          {children}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\n\nconst StepGroup = () => {\n  const steps = useContext(StepperContext) // Accessing the steps array from context\n\n  return (\n    <div className=\"flex justify-between items-center w-[100%]\">\n      {steps?.map((step, index) => (\n        <>\n          <StepItem\n            key={index}\n            value={step}\n            variant={step?.status ?? StepItemStatus.PENDING}\n          />\n          {index !== steps.length - 1 && (\n            <div\n              className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n            />\n          )}\n        </>\n      ))}\n    </div>\n  )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n  const { variant } = props\n  return (\n    <div className={cn(StepItemVariants({ variant }))}>\n      {variant !== StepItemStatus.COMPLETED ? (\n        <Typography\n          variant={'body4'}\n          style={{ textAlign: 'center', height: 'max-content' }}\n        >\n          {value?.label}\n        </Typography>\n      ) : (\n        <>\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n              alt=\"check-mark-icon\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","id","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAgBA,MAAMA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAEtBC,gBAAAA,EAAA,cAACR,EAAe,UAAf,EAAwB,OAAOK,KAC9BG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AACtB,QAAMJ,IAAQK,EAAWV,CAAc;AAEvC,SACEQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MACjBJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAAA,GAEzCF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAG3H,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AAC1D,QAAM,EAAE,SAAAC,MAAYD;AACpB,SACER,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAA,CAAS,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAA;AAAA,IAAc;AAAA,IAEnDL,GAAO;AAAA,EAAA,IAGVP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAAA,CAER,CACF,CAEJ;AAEJ;"}

package/dist/index.es108.js

@@ -1,15 +1,25 @@
-import e from "react";
-import { AccordionDemo as r } from "./index.es4.js";
-import { Typography as o } from "./index.es19.js";
-const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
-  r,
-  {
-    trigger: /* @__PURE__ */ e.createElement(o, { variant: "body1", className: "text-light-2" }, "Shared markets"),
-    content: /* @__PURE__ */ e.createElement("div", null, t),
-    triggerProps: { className: "cursor-pointer my-2" }
-  }
-) : null;
+const p = {
+  display1: "p",
+  display2: "p",
+  display3: "p",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  body1: "p",
+  body2: "p",
+  body3: "p",
+  body4: "p",
+  body5: "p",
+  body6: "p"
+  // overline1: 'p',
+  // overline2: 'p',
+  // overline3: 'p',
+  // 'cta-large': 'p',
+  // 'cta-normal': 'p',
+  // 'cta-small': 'p',
+}, y = "body1";
 export {
-  n as SharedMarketsSection
+  y as defaultTypographyVariant,
+  p as variantElementMap
 };
 //# sourceMappingURL=index.es108.js.map

package/dist/index.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es108.js","sources":["../src/components/ui/agent-snippet-view/components/shared-markets-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const SharedMarketsSection: React.FC<{\n  sharedMarkets?: React.ReactNode\n}> = ({ sharedMarkets }) =>\n  sharedMarkets ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Shared markets\n        </Typography>\n      }\n      content={<div>{sharedMarkets}</div>}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["SharedMarketsSection","sharedMarkets","React","Accordion","Typography"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,EAAA,MACNA,IACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,SAASF,gBAAAA,EAAA,cAAC,OAAA,MAAKD,CAAc;AAAA,IAC7B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}
+{"version":3,"file":"index.es108.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n  display1: 'p',\n  display2: 'p',\n  display3: 'p',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  body1: 'p',\n  body2: 'p',\n  body3: 'p',\n  body4: 'p',\n  body5: 'p',\n  body6: 'p',\n  // overline1: 'p',\n  // overline2: 'p',\n  // overline3: 'p',\n  // 'cta-large': 'p',\n  // 'cta-normal': 'p',\n  // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}

package/dist/index.es109.js

@@ -1,101 +1,125 @@
-import e, { useRef as m, useState as N, useEffect as b } from "react";
-import { AccordionDemo as y } from "./index.es4.js";
-import { Typography as r } from "./index.es19.js";
-import { SearchIcon as w, ExternalLink as _ } from "lucide-react";
-import { Button as S } from "./index.es9.js";
-import { Input as k } from "./index.es11.js";
-import "clsx";
-import "tailwind-merge";
-import "./index.es60.js";
-import "./index.es90.js";
-import "./index.es29.js";
-import "./index.es35.js";
-import { Spinner as z } from "./index.es64.js";
-const G = ({
-  properties: n = [],
-  title: s = "Properties added",
-  property_count: i,
-  onRedirect: o,
-  onReachBottom: d,
-  onSearchChange: g,
-  loading: f = !1
-}) => {
-  const c = m(null), p = m(!1), [u, h] = N(""), E = (t) => {
-    h(t.target.value), g?.(t.target.value), c.current && (c.current.scrollTop = 0);
-  };
-  b(() => {
-    p.current = !1;
-  }, [n]);
-  const x = (t) => {
-    const { scrollTop: l, scrollHeight: a, clientHeight: v } = t.currentTarget;
-    l + v >= a - 5 && d?.();
-  };
-  return /* @__PURE__ */ e.createElement(
-    y,
-    {
-      trigger: /* @__PURE__ */ e.createElement(r, { variant: "body1", className: "text-light-2" }, s, " (", i, ")"),
-      content: /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          ref: c,
-          onScroll: x,
-          className: "max-h-[400px] overflow-y-auto"
-        },
-        /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
-          k,
-          {
-            placeholder: "Search properties",
-            prefix: /* @__PURE__ */ e.createElement(w, { className: "stroke-light-2", size: 20 }),
-            value: u,
-            onChange: E
-          }
-        )),
-        n.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center h-20 text-light-3" }, "No property found") : /* @__PURE__ */ e.createElement(e.Fragment, null, n.map((t) => /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: t.id,
-            className: "rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 "
-          },
-          /* @__PURE__ */ e.createElement("div", { className: "w-full flex justify-between items-start" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2 mb-3 p-0" }, /* @__PURE__ */ e.createElement(r, { variant: "body4", className: "text-light-2 " }, t.name), /* @__PURE__ */ e.createElement(
-            S,
-            {
-              variant: "secondary",
-              size: "sm",
-              className: "w-fit ml-auto",
-              onClick: () => o?.(t)
-            },
-            /* @__PURE__ */ e.createElement(
-              _,
-              {
-                size: 16,
-                className: "text-light-1 cursor-pointer bg-light-1"
-              }
-            )
-          )), /* @__PURE__ */ e.createElement("div", { className: "flex w-[372px] rounded-lg p-3 bg-light-1" }, t.property_details && t.property_details.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "flex w-full rounded-lg p-0 bg-light-1" }, t.property_details && t.property_details.length > 0 && t.property_details.map(
-            (l, a) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "truncate font-medium" }, /* @__PURE__ */ e.createElement(
-              r,
-              {
-                variant: "body6",
-                className: "text-light-4"
-              },
-              l.name
-            ), " "), /* @__PURE__ */ e.createElement("div", { className: "truncate text-light-3" }, /* @__PURE__ */ e.createElement(
-              r,
-              {
-                variant: "body6",
-                className: "text-light-2"
-              },
-              l.value
-            ))), t.property_details && a !== t.property_details.length - 1 && /* @__PURE__ */ e.createElement("div", { className: "h-auto w-px border-l mx-3 border-neutral-2" }))
-          )))))
-        )), f && /* @__PURE__ */ e.createElement("div", { className: "left-0 right-0 bottom-0 flex justify-center items-center py-4" }, /* @__PURE__ */ e.createElement(z, null)))
-      ),
-      triggerProps: { className: "cursor-pointer my-2" },
-      contentProps: { className: "max-h-[400px] overflow-y-auto" }
-    }
-  );
-};
+import * as e from "react";
+import * as t from "@radix-ui/react-dropdown-menu";
+import { ChevronRight as l, Check as i, Circle as m } from "lucide-react";
+import { cn as d } from "./index.es89.js";
+const h = t.Root, E = t.Trigger, D = t.Group, M = t.Portal, R = t.Sub, c = e.forwardRef(({ className: o, inset: n, children: a, ...r }, s) => /* @__PURE__ */ e.createElement(
+  t.SubTrigger,
+  {
+    ref: s,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      n && "pl-8",
+      o
+    ),
+    ...r
+  },
+  a,
+  /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 ml-auto" })
+));
+c.displayName = t.SubTrigger.displayName;
+const p = e.forwardRef(({ className: o, ...n }, a) => /* @__PURE__ */ e.createElement(
+  t.SubContent,
+  {
+    ref: a,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...n
+  }
+));
+p.displayName = t.SubContent.displayName;
+const u = e.forwardRef(({ className: o, sideOffset: n = 4, ...a }, r) => /* @__PURE__ */ e.createElement(t.Portal, { container: a?.container }, /* @__PURE__ */ e.createElement(
+  t.Content,
+  {
+    ref: r,
+    sideOffset: n,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      o
+    ),
+    ...a
+  }
+)));
+u.displayName = t.Content.displayName;
+const f = e.forwardRef(({ className: o, inset: n, ...a }, r) => /* @__PURE__ */ e.createElement(
+  t.Item,
+  {
+    ref: r,
+    className: d(
+      "relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed",
+      n && "pl-8",
+      o
+    ),
+    ...a
+  }
+));
+f.displayName = t.Item.displayName;
+const b = e.forwardRef(({ className: o, children: n, checked: a, ...r }, s) => /* @__PURE__ */ e.createElement(
+  t.CheckboxItem,
+  {
+    ref: s,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    checked: a,
+    disabled: !0,
+    ...r
+  },
+  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(i, { className: "w-4 h-4" }))),
+  n
+));
+b.displayName = t.CheckboxItem.displayName;
+const w = e.forwardRef(({ className: o, children: n, ...a }, r) => /* @__PURE__ */ e.createElement(
+  t.RadioItem,
+  {
+    ref: r,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...a
+  },
+  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(m, { className: "w-2 h-2 fill-current" }))),
+  n
+));
+w.displayName = t.RadioItem.displayName;
+const g = e.forwardRef(({ className: o, inset: n, ...a }, r) => /* @__PURE__ */ e.createElement(
+  t.Label,
+  {
+    ref: r,
+    className: d(
+      "px-2 py-1.5 text-sm font-semibold",
+      n && "pl-8",
+      o
+    ),
+    ...a
+  }
+));
+g.displayName = t.Label.displayName;
+const N = e.forwardRef(({ className: o, ...n }, a) => /* @__PURE__ */ e.createElement(
+  t.Separator,
+  {
+    ref: a,
+    className: d("-mx-1 my-1 h-px bg-muted", o),
+    ...n
+  }
+));
+N.displayName = t.Separator.displayName;
 export {
-  G as PropertiesAddedSection
+  h as DropdownMenu,
+  b as DropdownMenuCheckboxItem,
+  u as DropdownMenuContent,
+  D as DropdownMenuGroup,
+  f as DropdownMenuItem,
+  g as DropdownMenuLabel,
+  M as DropdownMenuPortal,
+  w as DropdownMenuRadioItem,
+  N as DropdownMenuSeparator,
+  R as DropdownMenuSub,
+  p as DropdownMenuSubContent,
+  c as DropdownMenuSubTrigger,
+  E as DropdownMenuTrigger
 };
 //# sourceMappingURL=index.es109.js.map

package/dist/index.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es109.js","sources":["../src/components/ui/agent-snippet-view/components/properties-added-section.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\nimport { ExternalLink, SearchIcon } from 'lucide-react'\nimport { PropertiesAddedSectionProps } from '../agent-snippet-view.types'\nimport { Button, Input, Spinner } from '@/index'\n\nexport const PropertiesAddedSection: React.FC<PropertiesAddedSectionProps> = ({\n  properties = [],\n  title = 'Properties added',\n  property_count,\n  onRedirect,\n  onReachBottom,\n  onSearchChange,\n  loading = false,\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isFetchingRef = useRef(false)\n  const [search, setSearch] = useState('')\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(e.target.value)\n    onSearchChange?.(e.target.value)\n    if (contentRef.current) {\n      contentRef.current.scrollTop = 0\n    }\n  }\n\n  useEffect(() => {\n    isFetchingRef.current = false\n  }, [properties])\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget\n    if (scrollTop + clientHeight >= scrollHeight - 5) {\n      onReachBottom?.()\n    }\n  }\n  return (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          {title} ({property_count})\n        </Typography>\n      }\n      content={\n        <div\n          ref={contentRef}\n          onScroll={handleScroll}\n          className=\"max-h-[400px] overflow-y-auto\"\n        >\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Input\n              placeholder=\"Search properties\"\n              prefix={<SearchIcon className=\"stroke-light-2\" size={20} />}\n              value={search}\n              onChange={handleInputChange}\n            />\n          </div>\n          {properties.length === 0 ? (\n            <div className=\"flex justify-center items-center h-20 text-light-3\">\n              No property found\n            </div>\n          ) : (\n            <>\n              {properties.map((property) => (\n                <div\n                  key={property.id}\n                  className=\"rounded-[12px] border border-neutral-1 bg-light-2 p-3 mb-3 flex flex-col gap-2 \"\n                >\n                  <div className=\"w-full flex justify-between items-start\">\n                    <div>\n                      <div className=\"flex items-center gap-2 mb-3 p-0\">\n                        <Typography variant=\"body4\" className=\"text-light-2 \">\n                          {property.name}\n                        </Typography>\n                        <Button\n                          variant=\"secondary\"\n                          size=\"sm\"\n                          className=\"w-fit ml-auto\"\n                          onClick={() => onRedirect?.(property)}\n                        >\n                          <ExternalLink\n                            size={16}\n                            className=\"text-light-1 cursor-pointer bg-light-1\"\n                          />\n                        </Button>\n                      </div>\n                      <div className=\"flex w-[372px] rounded-lg p-3 bg-light-1\">\n                        {/* Render features only */}\n                        {property.property_details &&\n                          property.property_details.length > 0 && (\n                            <div className=\"flex w-full rounded-lg p-0 bg-light-1\">\n                              {property.property_details &&\n                                property.property_details.length > 0 &&\n                                property.property_details.map(\n                                  (feature, idx) => (\n                                    <React.Fragment key={idx}>\n                                      <div className=\"flex flex-col min-w-0\">\n                                        <div className=\"truncate font-medium\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-4\"\n                                          >\n                                            {feature.name}\n                                          </Typography>{' '}\n                                        </div>\n                                        <div className=\"truncate text-light-3\">\n                                          <Typography\n                                            variant=\"body6\"\n                                            className=\"text-light-2\"\n                                          >\n                                            {feature.value}\n                                          </Typography>\n                                        </div>\n                                      </div>\n                                      {property.property_details &&\n                                        idx !==\n                                          property.property_details.length -\n                                            1 && (\n                                          <div className=\"h-auto w-px border-l mx-3 border-neutral-2\" />\n                                        )}\n                                    </React.Fragment>\n                                  )\n                                )}\n                            </div>\n                          )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {loading && (\n                <div className=\"left-0 right-0 bottom-0 flex justify-center items-center py-4\">\n                  <Spinner />\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n    />\n  )\n}\n"],"names":["PropertiesAddedSection","properties","title","property_count","onRedirect","onReachBottom","onSearchChange","loading","contentRef","useRef","isFetchingRef","search","setSearch","useState","handleInputChange","e","useEffect","handleScroll","scrollTop","scrollHeight","clientHeight","React","Accordion","Typography","Input","SearchIcon","property","Button","ExternalLink","feature","idx","Spinner"],"mappings":"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"}
+{"version":3,"file":"index.es109.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"w-4 h-4 ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> &\n    Pick<\n      React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>,\n      'container'\n    >\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal container={props?.container}>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex select-none items-center rounded-md outline-none transition-colors focus:bg-accent focus:text-accent-foreground  data-[disabled]:opacity-50  cursor-pointer data-[disabled]:cursor-not-allowed',\n        inset && 'pl-8',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    disabled\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"w-4 h-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"w-2 h-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-sm font-semibold',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as p } from "./index.es89.js";
-import { InputVariants as g } from "./index.es122.js";
+import { InputVariants as g } from "./index.es106.js";
 import { Typography as E } from "./index.es19.js";
 import { XCircle as h } from "lucide-react";
 const v = e.forwardRef(

package/dist/index.es110.js

@@ -1,67 +1,38 @@
 import e from "react";
-import { AccordionDemo as c } from "./index.es4.js";
-import { Typography as a } from "./index.es19.js";
-import { Button as p } from "./index.es9.js";
-import { FileText as d } from "lucide-react";
-import { Spinner as g } from "./index.es64.js";
-import { AvatarDemo as f } from "./index.es6.js";
-import "clsx";
-import "tailwind-merge";
-import "./index.es60.js";
-import "./index.es90.js";
-import "./index.es29.js";
-import "./index.es35.js";
-const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.createElement(
-  c,
-  {
-    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "my-2 text-light-2" }, "Call history & notes"),
-    content: /* @__PURE__ */ e.createElement("div", null, l && /* @__PURE__ */ e.createElement("div", { className: "w-full sticky top-0 bg-light-1 z-50 pb-2" }, /* @__PURE__ */ e.createElement(
-      p,
-      {
-        variant: "secondary",
-        size: "sm",
-        className: "flex w-fit justify-start",
-        onClick: l
-      },
-      /* @__PURE__ */ e.createElement(d, { size: 16, className: "mr-1" }),
-      "Add notes"
-    )), o && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center items-center py-2" }, /* @__PURE__ */ e.createElement(g, null)), r.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: "py-4 text-start text-light-4" }, "Nothing here yet. Add a note to begin.") : r.map((t, m) => {
-      const i = new Date(t.timestamp), n = i.toLocaleDateString("en-GB"), s = i.toLocaleTimeString("en-US", {
-        hour: "2-digit",
-        minute: "2-digit"
-      });
-      return /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          key: m,
-          className: `flex items-start gap-3 py-3 ${m !== r.length - 1 ? "border-b border-neutral-2" : ""}`
-        },
-        /* @__PURE__ */ e.createElement(
-          f,
-          {
-            imageSrc: t.user.image_url || "",
-            alt: t.user.first_name,
-            fallback: t.user.first_name?.[0]?.toUpperCase() || "",
-            size: "md"
-          }
-        ),
-        /* @__PURE__ */ e.createElement("div", { className: "mr-3 flex w-full justify-between" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-          a,
-          {
-            variant: "body2",
-            className: "mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3"
-          },
-          t.note
-        ), t.call_duration && /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4 mt-1" }, t.call_duration)), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-2" }, n), /* @__PURE__ */ e.createElement(a, { variant: "body6", className: "text-light-4" }, s)))
-      );
-    })),
-    triggerProps: {
-      className: "cursor-pointer my-2"
+import { Typography as n } from "./index.es19.js";
+import { ResponsiveContainer as o, PieChart as i, Pie as m, Cell as s } from "recharts";
+function p({
+  list: l,
+  total: r
+}) {
+  const c = l?.reduce(
+    (t, a) => t + a.count,
+    0
+  ) || 1;
+  return /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 p-4 border rounded-lg border-neutral-1 bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "relative w-[180px] h-[164px] flex items-center justify-center" }, /* @__PURE__ */ e.createElement(o, { width: "100%", height: "100%" }, /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(
+    m,
+    {
+      data: l,
+      labelLine: !1,
+      outerRadius: "100%",
+      innerRadius: r != null ? "40%" : void 0,
+      dataKey: "count"
     },
-    contentProps: { className: "max-h-[400px] overflow-y-auto" }
-  }
-);
+    l?.map(
+      (t, a) => /* @__PURE__ */ e.createElement(
+        s,
+        {
+          key: `cell-${a}`,
+          fill: t.color,
+          stroke: "none"
+        }
+      )
+    )
+  ))), r != null && /* @__PURE__ */ e.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none" }, /* @__PURE__ */ e.createElement(n, { variant: "body4", className: "text-light-1" }, "Total"), /* @__PURE__ */ e.createElement(n, { variant: "body2", className: "text-light-1 font-semibold" }, r))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4" }, l?.map(
+    (t, a) => /* @__PURE__ */ e.createElement("div", { key: a, className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement("img", { src: t.icon_url, alt: t.name || "Brand icon" }), /* @__PURE__ */ e.createElement(n, { variant: "body4", className: "text-light-3" }, t.name)), /* @__PURE__ */ e.createElement(n, { variant: "body4", className: "text-light-2" }, (t.count / c * 100).toFixed(2), "% (", t.count, ")"))
+  )));
+}
 export {
-  D as NotesSection
+  p as ClusterHoverCard
 };
 //# sourceMappingURL=index.es110.js.map

package/dist/index.es110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es110.js","sources":["../src/components/ui/agent-snippet-view/components/notes-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\n// import { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport { Button } from '@/components/atoms/button'\nimport { FileText } from 'lucide-react'\nimport type { Note } from '../agent-snippet-view.types'\nimport { Spinner } from '@/components/unstyled/spinner'\nimport { Avatar } from '@/index'\n\nexport const NotesSection: React.FC<{\n  notes: Note[]\n  onAddNote?: () => void\n  notesLoading?: boolean\n}> = ({ notes, onAddNote, notesLoading }) => (\n  <Accordion\n    trigger={\n      <Typography variant=\"body1\" className=\"my-2 text-light-2\">\n        Call history & notes\n      </Typography>\n    }\n    content={\n      <div>\n        {onAddNote && (\n          <div className=\"w-full sticky top-0 bg-light-1 z-50 pb-2\">\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"flex w-fit justify-start\"\n              onClick={onAddNote}\n            >\n              <FileText size={16} className=\"mr-1\" />\n              Add notes\n            </Button>\n          </div>\n        )}\n        {notesLoading && (\n          <div className=\"flex justify-center items-center py-2\">\n            <Spinner />\n          </div>\n        )}\n        {notes.length === 0 ? (\n          <div className=\"py-4 text-start text-light-4\">\n            Nothing here yet. Add a note to begin.\n          </div>\n        ) : (\n          notes.map((item, idx) => {\n            const date = new Date(item.timestamp)\n            const dateStr = date.toLocaleDateString('en-GB')\n            const timeStr = date.toLocaleTimeString('en-US', {\n              hour: '2-digit',\n              minute: '2-digit',\n            })\n            // const fallback = item.user.first_name?.[0]?.toUpperCase() || ''\n            return (\n              <div\n                key={idx}\n                className={`flex items-start gap-3 py-3 ${idx !== notes.length - 1 ? 'border-b border-neutral-2' : ''}`}\n              >\n                <Avatar\n                  imageSrc={item.user.image_url || ''}\n                  alt={item.user.first_name}\n                  fallback={item.user.first_name?.[0]?.toUpperCase() || ''}\n                  size=\"md\"\n                />\n                <div className=\"mr-3 flex w-full justify-between\">\n                  <div>\n                    <Typography\n                      variant=\"body2\"\n                      className=\"mt-1 max-w-[250px] whitespace-pre-line break-words text-light-3\"\n                    >\n                      {item.note}\n                    </Typography>\n                    {item.call_duration && (\n                      <Typography variant=\"body6\" className=\"text-light-4 mt-1\">\n                        {item.call_duration}\n                      </Typography>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-1\">\n                    <Typography variant=\"body6\" className=\"text-light-2\">\n                      {dateStr}\n                    </Typography>\n                    <Typography variant=\"body6\" className=\"text-light-4\">\n                      {timeStr}\n                    </Typography>\n                  </div>\n                </div>\n              </div>\n            )\n          })\n        )}\n      </div>\n    }\n    triggerProps={{\n      className: 'cursor-pointer my-2',\n    }}\n    contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n  />\n)\n"],"names":["NotesSection","notes","onAddNote","notesLoading","React","Accordion","Typography","Button","FileText","Spinner","item","idx","date","dateStr","timeStr","Avatar"],"mappings":";;;;;;;;;;;;;AAUO,MAAMA,IAIR,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,cAAAC,QACxBC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,uBAAoB,sBAE1D;AAAA,IAEF,SACEF,gBAAAA,EAAA,cAAC,OAAA,MACEF,KACCE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2CAAA,GACbA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASL;AAAA,MAAA;AAAA,MAETE,gBAAAA,EAAA,cAACI,GAAA,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,MAAE;AAAA,IAAA,CAG3C,GAEDL,KACCC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wCAAA,GACbA,gBAAAA,EAAA,cAACK,GAAA,IAAQ,CACX,GAEDR,EAAM,WAAW,IAChBG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kCAA+B,wCAE9C,IAEAH,EAAM,IAAI,CAACS,GAAMC,MAAQ;AACvB,YAAMC,IAAO,IAAI,KAAKF,EAAK,SAAS,GAC9BG,IAAUD,EAAK,mBAAmB,OAAO,GACzCE,IAAUF,EAAK,mBAAmB,SAAS;AAAA,QAC/C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT;AAED,aACER,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKO;AAAA,UACL,WAAW,+BAA+BA,MAAQV,EAAM,SAAS,IAAI,8BAA8B,EAAE;AAAA,QAAA;AAAA,QAErGG,gBAAAA,EAAA;AAAA,UAACW;AAAAA,UAAA;AAAA,YACC,UAAUL,EAAK,KAAK,aAAa;AAAA,YACjC,KAAKA,EAAK,KAAK;AAAA,YACf,UAAUA,EAAK,KAAK,aAAa,CAAC,GAAG,iBAAiB;AAAA,YACtD,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPN,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,mCAAA,mCACZ,OAAA,MACCA,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETI,EAAK;AAAA,QAAA,GAEPA,EAAK,iBACJN,gBAAAA,EAAA,cAACE,KAAW,SAAQ,SAAQ,WAAU,oBAAA,GACnCI,EAAK,aACR,CAEJ,mCACC,OAAA,EAAI,WAAU,sBAAA,GACbN,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCO,CACH,GACAT,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCQ,CACH,CACF,CACF;AAAA,MAAA;AAAA,IAGN,CAAC,CAEL;AAAA,IAEF,cAAc;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,IAEb,cAAc,EAAE,WAAW,gCAAA;AAAA,EAAgC;AAC7D;"}
+{"version":3,"file":"index.es110.js","sources":["../src/components/ui/map-marker-hover-card/components/map-cluster-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography } from '@/components/atoms/typography'\nimport { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function ClusterHoverCard({\n  list,\n  total,\n}: MapMarkerHoverCardNS.ClusterHoverCardProps) {\n  const totalCount =\n    list?.reduce(\n      (sum: number, item: MapMarkerHoverCardNS.ClusterDataItem) =>\n        sum + item.count,\n      0\n    ) || 1\n\n  return (\n    <div className=\"flex gap-2 p-4 border rounded-lg border-neutral-1 bg-light-1\">\n      <div className=\"relative w-[180px] h-[164px] flex items-center justify-center\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <PieChart>\n            <Pie\n              data={list}\n              labelLine={false}\n              outerRadius=\"100%\"\n              innerRadius={total != null ? '40%' : undefined}\n              dataKey=\"count\"\n            >\n              {list?.map(\n                (\n                  entry: MapMarkerHoverCardNS.ClusterDataItem,\n                  index: number\n                ) => (\n                  <Cell\n                    key={`cell-${index}`}\n                    fill={entry.color}\n                    stroke=\"none\"\n                  />\n                )\n              )}\n            </Pie>\n          </PieChart>\n        </ResponsiveContainer>\n        {total != null && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center pointer-events-none\">\n            <Typography variant=\"body4\" className=\"text-light-1\">\n              Total\n            </Typography>\n            <Typography variant=\"body2\" className=\"text-light-1 font-semibold\">\n              {total}\n            </Typography>\n          </div>\n        )}\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {list?.map(\n          (item: MapMarkerHoverCardNS.ClusterDataItem, index: number) => (\n            <div key={index} className=\"flex flex-col gap-1\">\n              <div className=\"flex items-center gap-1\">\n                <img src={item.icon_url} alt={item.name || 'Brand icon'} />\n                <Typography variant=\"body4\" className=\"text-light-3\">\n                  {item.name}\n                </Typography>\n              </div>\n              <Typography variant=\"body4\" className=\"text-light-2\">\n                {((item.count / totalCount) * 100).toFixed(2)}% ({item.count})\n              </Typography>\n            </div>\n          )\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["ClusterHoverCard","list","total","totalCount","sum","item","React","ResponsiveContainer","PieChart","Pie","entry","index","Cell","Typography"],"mappings":";;;AAKO,SAASA,EAAiB;AAAA,EAC/B,MAAAC;AAAA,EACA,OAAAC;AACF,GAA+C;AAC7C,QAAMC,IACJF,GAAM;AAAA,IACJ,CAACG,GAAaC,MACZD,IAAMC,EAAK;AAAA,IACb;AAAA,EAAA,KACG;AAEP,SACEC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kGACZ,OAAA,EAAI,WAAU,gEAAA,GACbA,gBAAAA,EAAA,cAACC,KAAoB,OAAM,QAAO,QAAO,0CACtCC,GAAA,MACCF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAMR;AAAA,MACN,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAaC,KAAS,OAAO,QAAQ;AAAA,MACrC,SAAQ;AAAA,IAAA;AAAA,IAEPD,GAAM;AAAA,MACL,CACES,GACAC,MAEAL,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,KAAK,QAAQD,CAAK;AAAA,UAClB,MAAMD,EAAM;AAAA,UACZ,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ,CAEJ,CACF,GACCR,KAAS,QACRI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,iFAAA,GACbA,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,OAErD,GACAP,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,gCACnCX,CACH,CACF,CAEJ,GACAI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,yBACZL,GAAM;AAAA,IACL,CAACI,GAA4CM,MAC3CL,gBAAAA,EAAA,cAAC,SAAI,KAAKK,GAAO,WAAU,sBAAA,GACzBL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,0BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKD,EAAK,UAAU,KAAKA,EAAK,QAAQ,aAAA,CAAc,GACzDC,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCR,EAAK,IACR,CACF,GACAC,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,mBACjCR,EAAK,QAAQF,IAAc,KAAK,QAAQ,CAAC,GAAE,OAAIE,EAAK,OAAM,GAC/D,CACF;AAAA,EAAA,CAGN,CACF;AAEJ;"}