geoiq-frontend-ui-kit 1.9.2 → 1.9.3

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/index.es100.js

@@ -1,45 +1,125 @@
-import e, { forwardRef as l, createContext as o, useContext 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.es85.js";
-import { StepItemVariants as u } from "./index.es129.js";
-const m = o(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 = s(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"
-    }
-  ))));
-};
+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,
+  {
+    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 {
-  w as StepGroup,
-  m as StepperContext,
-  h as StepperProvider
+  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/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;"}
+{"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,16 +1,37 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative",
+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";
+const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
+  l,
   {
-    variants: {
-      isActive: {
-        true: "bg-click-s3",
-        false: "bg-inherit"
-      }
-    }
+    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,
+        {
+          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"
+          },
+          ...e
+        }
+      ),
+      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
+    ))),
+    contentProps: { className: "max-h-[400px] overflow-y-auto" },
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-);
+) : null;
 export {
-  i as NavbarIconVariants
+  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/organisms/navbar/navbar.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const NavbarIconVariants = cva(\n  'h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative',\n  {\n    variants: {\n      isActive: {\n        true: 'bg-click-s3',\n        false: 'bg-inherit',\n      },\n    },\n  }\n)\n"],"names":["NavbarIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}
+{"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,90 +1,23 @@
-import e, { useState as v } from "react";
-import { Button as x } from "./index.es9.js";
-import { Typography as i } from "./index.es19.js";
-import { SheetPrimary as C } from "./index.es41.js";
-import { RequestCreditsDialog as N } from "./index.es2.js";
-const b = ({
-  open: o,
-  onClose: a,
-  credit_details: c = "0",
-  description: s,
-  onRequestCredits: l,
-  onProceedToPayment: m,
-  trigger: f = null,
-  containerId: d,
-  className: u,
-  dialogClassName: p
-}) => {
-  const [h, t] = v(!1), g = () => {
-    t(!0);
-  }, y = (n, r) => {
-    l?.(n, r), t(!1), a();
-  }, E = (n, r) => {
-    m?.(n, r), t(!1), a();
-  };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    C,
-    {
-      open: o,
-      trigger: f,
-      onOpenChange: a,
-      title: "Credits",
-      contentProps: {
-        className: u,
-        side: "custom"
+import e from "react";
+import { AccordionDemo as m } from "./index.es4.js";
+import { Typography as a } from "./index.es19.js";
+const i = ({ servingStates: t }) => t && t.length > 0 ? /* @__PURE__ */ e.createElement(
+  m,
+  {
+    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,
+      {
+        key: r + o,
+        variant: "body4",
+        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
       },
-      bodyProps: {
-        className: "p-0 h-full"
-      },
-      content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full p-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex-col items-center justify-center" }, /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
-          alt: "Credit information",
-          className: "w-[280px] h-[120px] object-contain"
-        }
-      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(i, { variant: "h2", className: "flex items-center mb-4" }, c, /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: "https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg",
-          width: 32,
-          height: 32,
-          alt: "coin icon",
-          className: "ml-1"
-        }
-      )), s && /* @__PURE__ */ e.createElement(i, { variant: "body1", className: "text-light-3" }, s)))),
-      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
-        x,
-        {
-          variant: "primary",
-          suffixIcon: /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
-              width: 16,
-              height: 16,
-              alt: "coin icon",
-              className: "ml-1"
-            }
-          ),
-          title: "Request for credits",
-          onClick: g
-        }
-      )),
-      container: typeof document < "u" ? document.getElementById(d || "") : void 0
-    }
-  ), /* @__PURE__ */ e.createElement(
-    N,
-    {
-      open: h,
-      onClose: () => t(!1),
-      onRequestCredits: y,
-      onProceedToPayment: E,
-      dialogClassName: p
-    }
-  ));
-};
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
+  }
+) : null;
 export {
-  b as CreditSheet
+  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/credit-sheet/credit-sheet.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\nimport type { CreditSheetProps } from './credit-sheet.types'\nimport { Sheet } from '@/components/organisms/sheet'\nimport { RequestCreditsDialog } from '../request-credits-view/component/request-credit-dialog'\n\nexport const CreditSheet: React.FC<CreditSheetProps> = ({\n  open,\n  onClose,\n  credit_details = '0',\n  description,\n  onRequestCredits,\n  onProceedToPayment,\n  trigger = null,\n  containerId,\n  className,\n  dialogClassName,\n}) => {\n  const [showRequestDialog, setShowRequestDialog] = useState(false)\n\n  const handleButtonClick = () => {\n    setShowRequestDialog(true)\n  }\n\n  const handleRequestCredits = (credits: string, phoneNumber: string) => {\n    onRequestCredits?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose()\n  }\n\n  const handleProceedToPayment = (credits: string, phoneNumber: string) => {\n    onProceedToPayment?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose() // Close the sheet after proceeding to payment\n  }\n\n  return (\n    <>\n      <Sheet\n        open={open}\n        trigger={trigger}\n        onOpenChange={onClose}\n        title=\"Credits\"\n        contentProps={{\n          className: className,\n          side: 'custom',\n        }}\n        bodyProps={{\n          className: 'p-0 h-full',\n        }}\n        content={\n          <div className=\"flex flex-col items-center justify-center h-full p-6\">\n            {/* Fixed Image - Centered */}\n            <div className=\"flex-col items-center justify-center\">\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg\"\n                alt=\"Credit information\"\n                className=\"w-[280px] h-[120px] object-contain\"\n              />\n              <div className=\"mt-2 flex justify-center\">\n                <Typography variant=\"h2\" className=\"flex items-center mb-4\">\n                  {credit_details}\n                  <img\n                    src={\n                      'https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg'\n                    }\n                    width={32}\n                    height={32}\n                    alt=\"coin icon\"\n                    className=\"ml-1\"\n                  />\n                </Typography>\n                {description && (\n                  <Typography variant=\"body1\" className=\"text-light-3\">\n                    {description}\n                  </Typography>\n                )}\n              </div>\n            </div>\n          </div>\n        }\n        footer={\n          <div className=\"flex w-full justify-center\">\n            <Button\n              variant=\"primary\"\n              suffixIcon={\n                <img\n                  src={\n                    'https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg'\n                  }\n                  width={16}\n                  height={16}\n                  alt=\"coin icon\"\n                  className=\"ml-1\"\n                />\n              }\n              title=\"Request for credits\"\n              onClick={handleButtonClick}\n            />\n          </div>\n        }\n        container={\n          typeof document !== 'undefined'\n            ? document.getElementById(containerId || '')\n            : undefined\n        }\n      />\n\n      {/* Request Credits Dialog */}\n      <RequestCreditsDialog\n        open={showRequestDialog}\n        onClose={() => setShowRequestDialog(false)}\n        onRequestCredits={handleRequestCredits}\n        onProceedToPayment={handleProceedToPayment}\n        dialogClassName={dialogClassName}\n      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","className","dialogClassName","showRequestDialog","setShowRequestDialog","useState","handleButtonClick","handleRequestCredits","credits","phoneNumber","handleProceedToPayment","React","Sheet","Typography","Button","RequestCreditsDialog"],"mappings":";;;;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAoB,MAAM;AAC9B,IAAAF,EAAqB,EAAI;AAAA,EAC3B,GAEMG,IAAuB,CAACC,GAAiBC,MAAwB;AACrE,IAAAZ,IAAmBW,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1BV,EAAA;AAAA,EACF,GAEMgB,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAX,IAAqBU,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1BV,EAAA;AAAA,EACF;AAEA,SACEiB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,SAAAM;AAAA,MACA,cAAcL;AAAA,MACd,OAAM;AAAA,MACN,cAAc;AAAA,QACZ,WAAAO;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,yCACG,OAAA,EAAI,WAAU,0DAEbU,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uCAAA,GACbA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,GAEZA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,4BAChClB,GACDgB,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KACE;AAAA,UAEF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,CAEd,GACCf,KACCe,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCjB,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEe,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BAAA,GACbA,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YACEH,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KACE;AAAA,cAEF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,CAEb;AAAA,MAEF,WACE,OAAO,WAAa,MAChB,SAAS,eAAeN,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRW,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,MACpB,iBAAAR;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}
+{"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,125 +1,23 @@
-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,
-  {
-    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
+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" }
   }
-));
-N.displayName = t.Separator.displayName;
+) : null;
 export {
-  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
+  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/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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"}
+{"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;"}