geoiq-frontend-ui-kit 1.9.1 → 1.9.3

package/dist/components/organisms/dialog/dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogTrigger, DialogClose } from './dialog-components';
 import { DialogProps } from './dialog.types';
 
-declare function _Dialog({ trigger, body, title, description, footer, onOpenChange, open, footerClassName, contentClassName, onInteractOutside, }: DialogProps): import("react/jsx-dev-runtime").JSX.Element;
+declare function _Dialog({ trigger, body, title, description, footer, onOpenChange, open, footerClassName, contentClassName, onInteractOutside, onOpenAutoFocus, }: DialogProps): import("react/jsx-dev-runtime").JSX.Element;
 export { _Dialog, DialogClose, DialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/organisms/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,aAAa,EACb,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAI5C,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,WAAW,+CAwCb;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,aAAa,EACb,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAI5C,iBAAS,OAAO,CAAC,EACf,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,EAAE,WAAW,+CAyCb;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/organisms/dialog/dialog.types.d.ts

@@ -9,6 +9,7 @@ export type DialogProps = {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     onInteractOutside?: (e: any) => void;
+    onOpenAutoFocus?: (e: any) => void;
     id?: string;
 };
 //# sourceMappingURL=dialog.types.d.ts.map

package/dist/components/organisms/dialog/dialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
+{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IAEpC,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}

package/dist/components/ui/map-marker-hover-card/components/map-cluster-hover-card.d.ts

@@ -1,4 +1,4 @@
 import { MapMarkerHoverCardNS } from '../map-marker-hover-card.types';
 
-export declare function ClusterHoverCard({ list, }: MapMarkerHoverCardNS.ClusterHoverCardProps): import("react/jsx-dev-runtime").JSX.Element;
+export declare function ClusterHoverCard({ list, total, }: MapMarkerHoverCardNS.ClusterHoverCardProps): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=map-cluster-hover-card.d.ts.map

package/dist/components/ui/map-marker-hover-card/components/map-cluster-hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-cluster-hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/map-marker-hover-card/components/map-cluster-hover-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAErE,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,GACL,EAAE,oBAAoB,CAAC,qBAAqB,+CAsD5C"}
+{"version":3,"file":"map-cluster-hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/map-marker-hover-card/components/map-cluster-hover-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAErE,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,GACN,EAAE,oBAAoB,CAAC,qBAAqB,+CAiE5C"}

package/dist/components/ui/request-credits-view/component/request-credit-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-credit-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/request-credits-view/component/request-credit-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAIzE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwKpE,CAAA"}
+{"version":3,"file":"request-credit-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/request-credits-view/component/request-credit-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAIzE,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyMpE,CAAA"}

package/dist/index.es100.js

@@ -1,15 +1,125 @@
-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,
+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.es85.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,
   {
-    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" }
+    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
   }
-) : null;
+));
+N.displayName = t.Separator.displayName;
 export {
-  n as SharedMarketsSection
+  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.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.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.es100.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.es101.js

@@ -1,101 +1,37 @@
-import e, { useRef as m, useState as N, useEffect as b } from "react";
-import { AccordionDemo as y } from "./index.es4.js";
+import a from "react";
+import { AccordionDemo as l } from "./index.es4.js";
+import { AvatarDemo as o } from "./index.es6.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.es56.js";
-import "./index.es86.js";
-import "./index.es29.js";
-import "./index.es35.js";
-import { Spinner as z } from "./index.es60.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",
+const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
+  l,
+  {
+    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
+    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        key: e.id,
+        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
+      },
+      /* @__PURE__ */ a.createElement(
+        o,
         {
-          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 "
+          size: "md",
+          imageSrc: e.imageSrc || "",
+          alt: e.alt || e.name,
+          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
+          avatarProps: {
+            className: "border border-neutral-1 h-8 w-8 bg-light-1"
           },
-          /* @__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)))
+          ...e
+        }
       ),
-      triggerProps: { className: "cursor-pointer my-2" },
-      contentProps: { className: "max-h-[400px] overflow-y-auto" }
-    }
-  );
-};
+      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
+    ))),
+    contentProps: { className: "max-h-[400px] overflow-y-auto" },
+    triggerProps: { className: "cursor-pointer my-2" }
+  }
+) : null;
 export {
-  G as PropertiesAddedSection
+  p as MembersSection
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.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.es101.js","sources":["../src/components/ui/agent-snippet-view/components/members-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { Typography } from '@/components/atoms/typography'\nimport type { Member } from '../agent-snippet-view.types'\n\nexport const MembersSection: React.FC<{\n  members: Member[]\n}> = ({ members }) =>\n  members.length > 0 ? (\n    <Accordion\n      trigger={\n        <div className=\"flex items-center gap-1\">\n          <Typography variant=\"body1\" className=\"text-light-2\">\n            Members ({members.length})\n          </Typography>\n        </div>\n      }\n      content={\n        <div className=\"flex flex-col gap-2\">\n          {members.map((member) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3\"\n            >\n              <Avatar\n                size=\"md\"\n                imageSrc={member.imageSrc || ''}\n                alt={member.alt || member.name}\n                fallback={\n                  member.fallback || member.name?.[0].toUpperCase() || ''\n                }\n                avatarProps={{\n                  className: 'border border-neutral-1 h-8 w-8 bg-light-1',\n                }}\n                {...member}\n              />\n              <Typography variant=\"body2\">{member.name}</Typography>\n            </div>\n          ))}\n        </div>\n      }\n      contentProps={{ className: 'max-h-[400px] overflow-y-auto' }}\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["MembersSection","members","React","Accordion","Typography","member","Avatar"],"mappings":";;;;AAMO,MAAMA,IAER,CAAC,EAAE,SAAAC,QACNA,EAAQ,SAAS,IACfC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GAAe,aACzCH,EAAQ,QAAO,GAC3B,CACF;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,yBACZA,EAAQ,IAAI,CAACI,MACZH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG,EAAO;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,MAEVH,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAUD,EAAO,YAAY;AAAA,UAC7B,KAAKA,EAAO,OAAOA,EAAO;AAAA,UAC1B,UACEA,EAAO,YAAYA,EAAO,OAAO,CAAC,EAAE,iBAAiB;AAAA,UAEvD,aAAa;AAAA,YACX,WAAW;AAAA,UAAA;AAAA,UAEZ,GAAGA;AAAA,QAAA;AAAA,MAAA;AAAA,MAENH,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,QAAA,GAASC,EAAO,IAAK;AAAA,IAAA,CAE5C,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,gCAAA;AAAA,IAC3B,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}

package/dist/index.es102.js

@@ -1,67 +1,23 @@
 import e from "react";
-import { AccordionDemo as c } from "./index.es4.js";
+import { AccordionDemo as m } 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.es60.js";
-import { AvatarDemo as f } from "./index.es6.js";
-import "clsx";
-import "tailwind-merge";
-import "./index.es56.js";
-import "./index.es86.js";
-import "./index.es29.js";
-import "./index.es35.js";
-const D = ({ notes: r, onAddNote: l, notesLoading: o }) => /* @__PURE__ */ e.createElement(
-  c,
+const i = ({ servingStates: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
+  m,
   {
-    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,
+    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Serving states"),
+    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
+      a,
       {
-        variant: "secondary",
-        size: "sm",
-        className: "flex w-fit justify-start",
-        onClick: l
+        key: r + o,
+        variant: "body4",
+        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
       },
-      /* @__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"
-    },
-    contentProps: { className: "max-h-[400px] overflow-y-auto" }
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-);
+) : null;
 export {
-  D as NotesSection
+  i as ServingStatesSection
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.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.es102.js","sources":["../src/components/ui/agent-snippet-view/components/serving-states-section.tsx"],"sourcesContent":["import React from 'react'\nimport { Accordion } from '@/components/atoms/accordion'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const ServingStatesSection: React.FC<{\n  servingStates?: string[]\n}> = ({ servingStates }) =>\n  servingStates && servingStates.length > 0 ? (\n    <Accordion\n      trigger={\n        <Typography variant=\"body1\" className=\"text-light-2\">\n          Serving states\n        </Typography>\n      }\n      content={\n        <div className=\"flex flex-wrap gap-1\">\n          {servingStates.map((state, idx) => (\n            <Typography\n              key={state + idx}\n              variant=\"body4\"\n              className=\"rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3\"\n            >\n              {state}\n            </Typography>\n          ))}\n        </div>\n      }\n      triggerProps={{ className: 'cursor-pointer my-2' }}\n    />\n  ) : null\n"],"names":["ServingStatesSection","servingStates","React","Accordion","Typography","state","idx"],"mappings":";;;AAIO,MAAMA,IAER,CAAC,EAAE,eAAAC,QACNA,KAAiBA,EAAc,SAAS,IACtCC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACED,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,gBAErD;AAAA,IAEF,yCACG,OAAA,EAAI,WAAU,0BACZH,EAAc,IAAI,CAACI,GAAOC,MACzBJ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKC,IAAQC;AAAA,QACb,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,CAEJ,CACH;AAAA,IAEF,cAAc,EAAE,WAAW,sBAAA;AAAA,EAAsB;AACnD,IACE;"}

package/dist/index.es103.js

@@ -1,58 +1,23 @@
 import e from "react";
-import { X as o } from "lucide-react";
-import { Button as r } from "./index.es9.js";
-import { _Dialog as c } from "./index.es40.js";
-import { Textarea as s } from "./index.es16.js";
-import { Typography as p } from "./index.es19.js";
-const x = ({
-  open: m,
-  noteValue: a,
-  onNoteChange: i,
-  onClose: t,
-  onSave: l
-}) => /* @__PURE__ */ e.createElement(
-  c,
+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: null,
-    contentClassName: "h-fit w-fit",
-    open: m,
-    onInteractOutside: t,
-    body: /* @__PURE__ */ e.createElement("div", { className: "p-4" }, /* @__PURE__ */ e.createElement(
-      p,
+    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,
       {
-        variant: "h3",
-        className: "mb-2 flex items-center justify-between text-light-2"
+        key: r + o,
+        variant: "body4",
+        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
       },
-      "Add notes",
-      /* @__PURE__ */ e.createElement(
-        o,
-        {
-          size: 16,
-          className: "cursor-pointer justify-end text-light-1",
-          onClick: t
-        }
-      )
-    ), /* @__PURE__ */ e.createElement(
-      s,
-      {
-        value: a,
-        placeholder: "Add notes",
-        onChange: (n) => i(n.target.value),
-        className: "h-[200px] w-[400px]"
-      }
-    ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex gap-2" }, /* @__PURE__ */ e.createElement(
-      r,
-      {
-        size: "sm",
-        variant: "primary",
-        onClick: l,
-        disabled: !a.trim()
-      },
-      "Save"
-    ), /* @__PURE__ */ e.createElement(r, { size: "sm", variant: "secondary", onClick: t }, "Cancel")))
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-);
+) : null;
 export {
-  x as DialogNote
+  i as TypeSection
 };
 //# sourceMappingURL=index.es103.js.map

package/dist/index.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es103.js","sources":["../src/components/ui/agent-snippet-view/components/add-notes-dialog.tsx"],"sourcesContent":["import React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Dialog } from '@/components/organisms/dialog'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\ninterface DialogNoteProps {\n  open: boolean\n  noteValue: string\n  onNoteChange: (value: string) => void\n  onClose: () => void\n  onSave: () => void\n}\n\nexport const DialogNote: React.FC<DialogNoteProps> = ({\n  open,\n  noteValue,\n  onNoteChange,\n  onClose,\n  onSave,\n}) => (\n  <Dialog\n    trigger={null}\n    contentClassName=\"h-fit w-fit\"\n    open={open}\n    onInteractOutside={onClose}\n    body={\n      <div className=\"p-4\">\n        <Typography\n          variant=\"h3\"\n          className=\"mb-2 flex items-center justify-between text-light-2\"\n        >\n          Add notes\n          <X\n            size={16}\n            className=\"cursor-pointer justify-end text-light-1\"\n            onClick={onClose}\n          />\n        </Typography>\n\n        <Textarea\n          value={noteValue}\n          placeholder=\"Add notes\"\n          onChange={(e) => onNoteChange(e.target.value)}\n          className=\"h-[200px] w-[400px]\"\n        />\n        <div className=\"mt-4 flex gap-2\">\n          <Button\n            size=\"sm\"\n            variant=\"primary\"\n            onClick={onSave}\n            disabled={!noteValue.trim()}\n          >\n            Save\n          </Button>\n          <Button size=\"sm\" variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    }\n  />\n)\n"],"names":["DialogNote","open","noteValue","onNoteChange","onClose","onSave","React","Dialog","Typography","X","Textarea","e","Button"],"mappings":";;;;;;AAeO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,kBAAiB;AAAA,IACjB,MAAAN;AAAA,IACA,mBAAmBG;AAAA,IACnB,MACEE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,MAAA,GACbA,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MACX;AAAA,MAECF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAGFE,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,aAAY;AAAA,QACZ,UAAU,CAACS,MAAMR,EAAaQ,EAAE,OAAO,KAAK;AAAA,QAC5C,WAAU;AAAA,MAAA;AAAA,IAAA,GAEZL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kBAAA,GACbA,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASP;AAAA,QACT,UAAU,CAACH,EAAU,KAAA;AAAA,MAAK;AAAA,MAC3B;AAAA,IAAA,GAGDI,gBAAAA,EAAA,cAACM,GAAA,EAAO,MAAK,MAAK,SAAQ,aAAY,SAASR,EAAA,GAAS,QAExD,CACF,CACF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.es103.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;"}

package/dist/index.es104.js

@@ -1,14 +1,15 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
+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,
   {
-    variants: {
-      variant: {}
-    },
-    defaultVariants: {}
+    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;
 export {
-  i as ProgressVariants
+  n as SharedMarketsSection
 };
 //# sourceMappingURL=index.es104.js.map