geoiq-frontend-ui-kit 1.7.7 → 1.7.8

package/dist/components/organisms/navbar/navbar-extended.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-extended.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-extended.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,gBAAgB,CAAA;AA8PvE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkKxD,CAAA"}
+{"version":3,"file":"navbar-extended.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-extended.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,gBAAgB,CAAA;AAmQvE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8JxD,CAAA"}

package/dist/index.es100.js

@@ -1,91 +1,66 @@
-import * as e from "react";
-import { Slot as o } from "@radix-ui/react-slot";
-import { ChevronRight as l, MoreHorizontal as c } from "lucide-react";
-import { cn as m } from "./index.es82.js";
-const i = e.forwardRef(({ ...r }, a) => /* @__PURE__ */ e.createElement("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
-i.displayName = "Breadcrumb";
-const d = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "ol",
-  {
-    ref: t,
-    className: m(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      r
+import e from "react";
+import { StarScore as h } from "./index.es48.js";
+import { Badge as c } from "./index.es8.js";
+import { Typography as i } from "./index.es19.js";
+import { Skeleton as t } from "./index.es14.js";
+import { hoverDetailCardStyles as g } from "./index.es126.js";
+function b({
+  title: o,
+  icon: n,
+  isLoading: l = !1,
+  tags: d = [],
+  description: u,
+  score: r,
+  badge: m,
+  actions: s
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: "w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-3 p-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-12 h-12 rounded-full bg-light-4" }) : /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: n || "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
+      alt: "title",
+      className: g.img({ hasIcon: !!n })
+    }
+  )), /* @__PURE__ */ e.createElement("div", { className: "truncate max-w-[300px]" }, l ? /* @__PURE__ */ e.createElement(t, { className: "h-5 mb-2 w-[280px] bg-light-4 rounded-full" }) : /* @__PURE__ */ e.createElement(i, { variant: "h3", className: "truncate text-light-2" }, o), /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-2" }, l ? /* @__PURE__ */ e.createElement(
+    t,
+    {
+      key: "header-badge",
+      className: "w-20 h-6 mb-1 rounded-full bg-light-4"
+    }
+  ) : d.filter((a) => a.icon_url && a.name).map((a, f) => /* @__PURE__ */ e.createElement(
+    c,
+    {
+      key: f,
+      variant: "default",
+      showBorder: !0,
+      size: "sm",
+      className: "rounded-full pl-1.5 pr-3"
+    },
+    /* @__PURE__ */ e.createElement(
+      "img",
+      {
+        src: a.icon_url,
+        alt: "icon",
+        className: "w-3 rounded-full"
+      }
     ),
-    ...a
-  }
-));
-d.displayName = "BreadcrumbList";
-const p = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    ref: t,
-    className: m("inline-flex items-center gap-1.5", r),
-    ...a
-  }
-));
-p.displayName = "BreadcrumbItem";
-const u = e.forwardRef(({ asChild: r, className: a, ...t }, s) => {
-  const n = r ? o : "a";
-  return /* @__PURE__ */ e.createElement(
-    n,
+    a.name
+  ))))), /* @__PURE__ */ e.createElement("div", { className: "px-4" }, /* @__PURE__ */ e.createElement("div", { className: "mb-2" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-full h-10 bg-light-4 rounded-xl" }) : /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      className: "text-light-3 text-overflow: ellipsis"
+    },
+    u
+  )), (r || m) && /* @__PURE__ */ e.createElement("div", { className: "flex justify-between mb-4" }, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" }), /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" })) : /* @__PURE__ */ e.createElement(e.Fragment, null, r && /* @__PURE__ */ e.createElement(
+    h,
     {
-      ref: s,
-      className: m("transition-colors hover:text-foreground", a),
-      ...t
+      score: r?.value,
+      isLoading: r?.isLoading
     }
-  );
-});
-u.displayName = "BreadcrumbLink";
-const f = e.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    ref: t,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: m("font-normal text-foreground", r),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbPage";
-const b = ({
-  children: r,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("[&>svg]:size-3.5", a),
-    ...t
-  },
-  r ?? /* @__PURE__ */ e.createElement(l, null)
-);
-b.displayName = "BreadcrumbSeparator";
-const N = ({
-  className: r,
-  ...a
-}) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: m("flex h-9 w-9 items-center justify-center", r),
-    ...a
-  },
-  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "More")
-);
-N.displayName = "BreadcrumbElipssis";
+  ), m && /* @__PURE__ */ e.createElement(c, { variant: "select", size: "sm", showBorder: !0 }, m)))), s && /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center bg-light-3" }, s));
+}
 export {
-  i as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  d as BreadcrumbList,
-  f as BreadcrumbPage,
-  b as BreadcrumbSeparator
+  b as PointHoverCard
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/molecules/breadcrumb/breadcrumb-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis'\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAF,EAAA,cAAC,SAAI,KAAAE,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMI,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGH;AAAA,EAAA;AACN,CACD;AACDE,EAAe,cAAc;AAE7B,MAAMG,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGH;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAK3B,CAAC,EAAE,SAAAQ,GAAS,WAAAJ,GAAW,GAAGH,EAAA,GAASC,MAAQ;AAC3C,QAAMO,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAV,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWG,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDM,EAAe,cAAc;AAE7B,MAAMI,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAI,GAAW,GAAGH,EAAA,GAASC,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGH;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,oBAAoBD,CAAS;AAAA,IAC1C,GAAGH;AAAA,EAAA;AAAA,EAEHY,qCAAaC,GAAA,IAAa;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGH;AACL,MACE,gBAAAD,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWK,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGH;AAAA,EAAA;AAAA,EAEJ,gBAAAD,EAAA,cAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,EACpC,gBAAAhB,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,MAAI;AAChC;AAEFe,EAAmB,cAAc;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/ui/map-marker-hover-card/components/map-point-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { StarScore } from '../../star-score'\nimport { Badge } from '@/components/atoms/badge'\nimport { Typography } from '@/components/atoms/typography'\nimport { Skeleton } from '@/components/atoms/skeleton'\nimport { hoverDetailCardStyles } from '../map-marker-hover-card.styles'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function PointHoverCard({\n  title,\n  icon,\n  isLoading = false,\n  tags = [],\n  description,\n  score,\n  badge,\n  actions,\n}: MapMarkerHoverCardNS.PointHoverCardProps) {\n  return (\n    <div className=\"w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1\">\n      <div className=\"flex items-center gap-3 p-4\">\n        <div className=\"flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-12 h-12 rounded-full bg-light-4\" />\n          ) : (\n            <img\n              src={\n                icon ||\n                'https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg'\n              }\n              alt=\"title\"\n              className={hoverDetailCardStyles.img({ hasIcon: !!icon })}\n            />\n          )}\n        </div>\n        <div className=\"truncate max-w-[300px]\">\n          {isLoading ? (\n            <Skeleton className=\"h-5 mb-2 w-[280px] bg-light-4 rounded-full\" />\n          ) : (\n            <Typography variant=\"h3\" className=\"truncate text-light-2\">\n              {title}\n            </Typography>\n          )}\n          <div className=\"flex flex-wrap gap-2\">\n            {isLoading ? (\n              <Skeleton\n                key={'header-badge'}\n                className=\"w-20 h-6 mb-1 rounded-full bg-light-4\"\n              />\n            ) : (\n              tags\n                .filter((tag) => tag.icon_url && tag.name)\n                .map((badge, index) => (\n                  <Badge\n                    key={index}\n                    variant=\"default\"\n                    showBorder\n                    size=\"sm\"\n                    className=\"rounded-full pl-1.5 pr-3\"\n                  >\n                    <img\n                      src={badge.icon_url}\n                      alt=\"icon\"\n                      className=\"w-3 rounded-full\"\n                    />\n                    {badge.name}\n                  </Badge>\n                ))\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"px-4\">\n        <div className=\"mb-2\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-10 bg-light-4 rounded-xl\" />\n          ) : (\n            <Typography\n              variant=\"body4\"\n              className=\"text-light-3 text-overflow: ellipsis\"\n            >\n              {description}\n            </Typography>\n          )}\n        </div>\n        {(score || badge) && (\n          <div className=\"flex justify-between mb-4\">\n            {isLoading ? (\n              <>\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n              </>\n            ) : (\n              <>\n                {score && (\n                  <StarScore\n                    score={score?.value}\n                    isLoading={score?.isLoading}\n                  />\n                )}\n                {badge && (\n                  <Badge variant=\"select\" size=\"sm\" showBorder>\n                    {badge}\n                  </Badge>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center justify-center bg-light-3\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PointHoverCard","title","icon","isLoading","tags","description","score","badge","actions","React","Skeleton","hoverDetailCardStyles","Typography","tag","index","Badge","StarScore"],"mappings":";;;;;;AAQO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAA;AAAA,EACP,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAA,EAAI,WAAU,0EAAA,GACbC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,qFAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KACEP,KACA;AAAA,MAEF,KAAI;AAAA,MACJ,WAAWS,EAAsB,IAAI,EAAE,SAAS,CAAC,CAACT,GAAM;AAAA,IAAA;AAAA,EAAA,CAG9D,GACAO,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,6CAAA,CAA6C,oCAEhEE,GAAA,EAAW,SAAQ,MAAK,WAAU,wBAAA,GAChCX,CACH,GAEFQ,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAAA,IAGZN,EACG,OAAO,CAACS,MAAQA,EAAI,YAAYA,EAAI,IAAI,EACxC,IAAI,CAACN,GAAOO,MACXL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,SAAQ;AAAA,MACR,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAEVL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXA,EAAM;AAAA,EAAA,CAEV,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETP;AAAA,EAAA,CAGP,IACEC,KAASC,sCACR,OAAA,EAAI,WAAU,4BAAA,GACZJ,IACCM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GAClDD,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,8BAAA,CAA8B,CACpD,IAEAD,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGH,KACCG,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOV,GAAO;AAAA,MACd,WAAWA,GAAO;AAAA,IAAA;AAAA,EAAA,GAGrBC,KACCE,gBAAAA,EAAA,cAACM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAA,EAAI,WAAU,8CAAA,GACZA,CACH,CAEJ;AAEJ;"}

package/dist/index.es101.js

@@ -1,20 +1,37 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
+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: {
-      type: {
-        icon: "p-1",
-        text: "px-2 py-1"
+    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"
       },
-      isSelected: {
-        true: "text-light-2 stroke-light-1 bg-light-3",
-        false: "text-light-3 stroke-light-2"
-      }
-    }
+      /* @__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 {
-  r as CrumbVariants
+  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/molecules/breadcrumb/breadcrumb.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const CrumbVariants = cva(\n  'rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ',\n  {\n    variants: {\n      type: {\n        icon: 'p-1',\n        text: 'px-2 py-1',\n      },\n      isSelected: {\n        true: 'text-light-2 stroke-light-1 bg-light-3',\n        false: 'text-light-3 stroke-light-2',\n      },\n    },\n  }\n)\n"],"names":["CrumbVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,MAER,YAAY;AAAA,QACV,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,25 +1,23 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg 
-    text-light-1 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
+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,
   {
-    variants: {
-      isFocused: {
-        true: "border-primary-2 ring-4 ring-primary-1",
-        false: "border-light-2"
+    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"
       },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {},
-    compoundVariants: []
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-);
+) : null;
 export {
-  t as TextAreaVariants
+  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/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n    text-light-1 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isFocused: {\n        true: 'border-primary-2 ring-4 ring-primary-1',\n        false: 'border-light-2',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {},\n    compoundVariants: [],\n  }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,CAAA;AAAA,IACjB,kBAAkB,CAAA;AAAA,EAAC;AAEvB;"}
+{"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,26 +1,23 @@
-const t = {
-  ROADMAP: "https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png",
-  ROADMAP_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png",
-  SATELLITE: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png",
-  SATELLITE_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png"
-}, e = [
-  { key: "ROADMAP", label: "Roadmap", type: "roadmap", traffic: !1 },
+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,
   {
-    key: "ROADMAP_TRAFFIC",
-    label: "Roadmap Traffic",
-    type: "roadmap",
-    traffic: !0
-  },
-  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
-  {
-    key: "SATELLITE_TRAFFIC",
-    label: "Satellite Traffic",
-    type: "hybrid",
-    traffic: !0
+    trigger: /* @__PURE__ */ e.createElement(a, { variant: "body1", className: "text-light-2" }, "Types"),
+    content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-1" }, t.map((r, o) => /* @__PURE__ */ e.createElement(
+      a,
+      {
+        key: r + o,
+        variant: "body4",
+        className: "rounded bg-primary-1 px-2 py-0.5 text-xs text-light-3"
+      },
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-];
+) : null;
 export {
-  t as MAP_LAYER_CONFIG,
-  e as MAP_LAYER_TYPES
+  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/map-toolbar/map-layer-config.ts"],"sourcesContent":["export const MAP_LAYER_CONFIG = {\n  ROADMAP:\n    'https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png',\n  ROADMAP_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png',\n  SATELLITE:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n  SATELLITE_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n}\nexport const MAP_LAYER_TYPES = [\n  { key: 'ROADMAP', label: 'Roadmap', type: 'roadmap', traffic: false },\n  {\n    key: 'ROADMAP_TRAFFIC',\n    label: 'Roadmap Traffic',\n    type: 'roadmap',\n    traffic: true,\n  },\n  { key: 'SATELLITE', label: 'Satellite', type: 'hybrid', traffic: false },\n  {\n    key: 'SATELLITE_TRAFFIC',\n    label: 'Satellite Traffic',\n    type: 'hybrid',\n    traffic: true,\n  },\n]\n"],"names":["MAP_LAYER_CONFIG","MAP_LAYER_TYPES"],"mappings":"AAAO,MAAMA,IAAmB;AAAA,EAC9B,SACE;AAAA,EACF,iBACE;AAAA,EACF,WACE;AAAA,EACF,mBACE;AACJ,GACaC,IAAkB;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,GAAA;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU,SAAS,GAAA;AAAA,EACjE;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;"}
+{"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,48 +1,15 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
+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: {
-        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
-        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
-        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
-        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
-        default: "text-text4  bg-background text-foreground"
-      },
-      shortContent: {
-        true: "items-center flex flex-row gap-3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
+    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" }
   }
-), a = t("", {
-  variants: {
-    shortContent: {
-      true: "justify-between w-full items-center flex flex-row gap-3",
-      false: "flex flex-col gap-2  justify-start items-start"
-    }
-  },
-  defaultVariants: {
-    shortContent: !1
-  }
-}), n = t(" max-w-[fit-content] ", {
-  variants: {
-    shortContent: {
-      true: "bg-rest-s1",
-      false: "bg-rest-s1"
-    }
-  },
-  defaultVariants: {
-    shortContent: !1
-  }
-});
+) : null;
 export {
-  n as AlertButtonVariants,
-  a as AlertContentVariants,
-  r as AlertVariants
+  n as SharedMarketsSection
 };
 //# sourceMappingURL=index.es104.js.map

package/dist/index.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es104.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"file":"index.es104.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;"}

package/dist/index.es105.js

@@ -1,37 +1,101 @@
-import a from "react";
-import { AccordionDemo as l } from "./index.es4.js";
-import { AvatarDemo as o } from "./index.es6.js";
+import e, { useRef as m, useState as N, useEffect as b } from "react";
+import { AccordionDemo as y } from "./index.es4.js";
 import { Typography as r } from "./index.es19.js";
-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,
+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.es54.js";
+import "./index.es83.js";
+import "./index.es28.js";
+import "./index.es34.js";
+import { Spinner as z } from "./index.es58.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",
         {
-          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"
+          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 "
           },
-          ...e
-        }
+          /* @__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)))
       ),
-      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
-    ))),
-    contentProps: { className: "max-h-[400px] overflow-y-auto" },
-    triggerProps: { className: "cursor-pointer my-2" }
-  }
-) : null;
+      triggerProps: { className: "cursor-pointer my-2" },
+      contentProps: { className: "max-h-[400px] overflow-y-auto" }
+    }
+  );
+};
 export {
-  p as MembersSection
+  G as PropertiesAddedSection
 };
 //# sourceMappingURL=index.es105.js.map