geoiq-frontend-ui-kit 1.8.7 → 1.8.9

package/dist/components/molecules/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAuDT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAsDT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/molecules/tabs/tabs.types.d.ts

@@ -9,7 +9,6 @@ export interface TabsProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
         label: string;
         value: string;
         icon?: string | LucideIcon;
-        badge?: React.ReactNode;
     }[];
     onTabChange: (value: string) => void;
     id?: string;

package/dist/components/molecules/tabs/tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,WAAW,SACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;QAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACxB,EAAE,CAAA;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,WAAW,SACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;KAC3B,EAAE,CAAA;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

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

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

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

@@ -4,5 +4,6 @@ export interface RequestCreditsDialogProps {
     onRequestCredits: (credits: string, phoneNumber: string) => void;
     onProceedToPayment?: (credits: string, phoneNumber: string) => void;
     dialogClassName?: string;
+    buyCreditsOptions?: string[];
 }
 //# sourceMappingURL=request-credit-dialog.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"request-credit-dialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/request-credits-view/component/request-credit-dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACnE,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB"}
+{"version":3,"file":"request-credit-dialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/request-credits-view/component/request-credit-dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACnE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"request-credits-view.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/request-credits-view/request-credits-view.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAInE,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,oBAAoB,CAAC,uBAAuB,CAmCxE,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"request-credits-view.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/request-credits-view/request-credits-view.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAInE,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,oBAAoB,CAAC,uBAAuB,CAqCxE,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/ui/request-credits-view/request-credits-view.types.d.ts

@@ -2,6 +2,7 @@ export declare namespace RequestCreditsViewNS {
     interface RequestCreditsViewProps {
         onRequestCredits: (credits: string, phoneNumber: string) => void;
         onProceedToPayment?: (credits: string, phoneNumber: string) => void;
+        buyCreditsOptions?: string[];
     }
 }
 //# sourceMappingURL=request-credits-view.types.d.ts.map

package/dist/components/ui/request-credits-view/request-credits-view.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-credits-view.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/request-credits-view/request-credits-view.types.ts"],"names":[],"mappings":"AACA,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,uBAAuB;QACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;QAChE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;KACpE;CACF"}
+{"version":3,"file":"request-credits-view.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/request-credits-view/request-credits-view.types.ts"],"names":[],"mappings":"AACA,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,uBAAuB;QACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;QAChE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;QACnE,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;KAC7B;CACF"}

package/dist/index.es100.js

@@ -1,77 +1,20 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "rounded hover:text-light-2 hover:stroke-light-1 hover:bg-light-3 ",
   {
     variants: {
-      isError: {
-        true: "",
-        false: ""
+      type: {
+        icon: "p-1",
+        text: "px-2 py-1"
       },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isError: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-light-2"
-      }
-    ]
-  }
-), a = e(
-  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
-  {
-    variants: {
-      isError: {
-        true: "text-danger-1",
-        false: "text-light-2"
-      }
-    }
-  }
-), s = e(
-  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
-  {
-    variants: {
-      animate: {
-        true: "",
-        false: ""
+      isSelected: {
+        true: "text-light-2 stroke-light-1 bg-light-3",
+        false: "text-light-3 stroke-light-2"
       }
-    },
-    defaultVariants: {
-      animate: !1
     }
   }
 );
 export {
-  t as AnimatedInputContainerVariants,
-  a as AnimatedInputStyles,
-  s as DynamicComponentStyles
+  r as CrumbVariants
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/animated-input/animated-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AnimatedInputContainerVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n\nexport const AnimatedInputStyles = cva(\n  `outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: 'text-danger-1',\n        false: 'text-light-2',\n      },\n    },\n  }\n)\n\nexport const DynamicComponentStyles = cva(\n  `absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none `,\n  {\n    variants: {\n      animate: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      animate: false,\n    },\n  }\n)\n"],"names":["AnimatedInputContainerVariants","cva","AnimatedInputStyles","DynamicComponentStyles"],"mappings":";AAEO,MAAMA,IAAiCC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,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;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAEaE,IAAyBF;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"index.es100.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;"}

package/dist/index.es101.js

@@ -1,91 +1,37 @@
-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.es83.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",
+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,
   {
-    ref: t,
-    className: m(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      r
-    ),
-    ...a
+    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" }
   }
-));
-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,
-    {
-      ref: s,
-      className: m("transition-colors hover:text-foreground", a),
-      ...t
-    }
-  );
-});
-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";
+) : null;
 export {
-  i as Breadcrumb,
-  N as BreadcrumbEllipsis,
-  p as BreadcrumbItem,
-  u as BreadcrumbLink,
-  d as BreadcrumbList,
-  f as BreadcrumbPage,
-  b as BreadcrumbSeparator
+  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-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.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,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.es83.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 = ({ 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"
+      },
+      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 ServingStatesSection
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.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.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,20 +1,23 @@
-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 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,
   {
-    variants: {
-      type: {
-        icon: "p-1",
-        text: "px-2 py-1"
+    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"
       },
-      isSelected: {
-        true: "text-light-2 stroke-light-1 bg-light-3",
-        false: "text-light-3 stroke-light-2"
-      }
-    }
+      r
+    ))),
+    triggerProps: { className: "cursor-pointer my-2" }
   }
-);
+) : null;
 export {
-  r as CrumbVariants
+  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/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.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,12 +1,15 @@
 import e from "react";
-import { FormSection as m } from "./index.es127.js";
+import { AccordionDemo as r } from "./index.es4.js";
 import { Typography as o } from "./index.es19.js";
-import { useFormStructure as c } from "./index.es128.js";
-const f = () => {
-  const { currentStep: t, totalSteps: l, currentStepIndex: a } = c();
-  return /* @__PURE__ */ e.createElement("section", { className: "flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(o, { variant: "h2" }, t.name), /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-3" }, "Step ", a + 1, " of ", l)), /* @__PURE__ */ e.createElement("div", { className: "border-b border-light-1" }), t.sections.map((r) => /* @__PURE__ */ e.createElement(m, { key: r.id, section: r })));
-};
+const n = ({ sharedMarkets: t }) => t ? /* @__PURE__ */ e.createElement(
+  r,
+  {
+    trigger: /* @__PURE__ */ e.createElement(o, { variant: "body1", className: "text-light-2" }, "Shared markets"),
+    content: /* @__PURE__ */ e.createElement("div", null, t),
+    triggerProps: { className: "cursor-pointer my-2" }
+  }
+) : null;
 export {
-  f as FormStep
+  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/ui/form-renderer/components/form-step.tsx"],"sourcesContent":["// components/FormStep.tsx\nimport React from 'react'\nimport { FormSection } from './form-section'\nimport { useFormStructure } from '../context/form-structure'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const FormStep: React.FC = () => {\n  const { currentStep, totalSteps, currentStepIndex } = useFormStructure()\n\n  return (\n    <section className=\"flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']\">\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"h2\">{currentStep.name}</Typography>\n        <Typography variant=\"h3\" className=\"text-light-3\">\n          Step {currentStepIndex + 1} of {totalSteps}\n        </Typography>\n      </div>\n      <div className=\"border-b border-light-1\" />\n      {currentStep.sections.map((section) => (\n        <FormSection key={section.id} section={section} />\n      ))}\n    </section>\n  )\n}\n"],"names":["FormStep","currentStep","totalSteps","currentStepIndex","useFormStructure","React","Typography","section","FormSection"],"mappings":";;;;AAMO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAA;AAEtD,SACEC,gBAAAA,EAAA,cAAC,aAAQ,WAAU,uIAAA,mCAChB,OAAA,EAAI,WAAU,yBACbA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,KAAA,GAAML,EAAY,IAAK,GAC3CI,gBAAAA,EAAA,cAACC,KAAW,SAAQ,MAAK,WAAU,eAAA,GAAe,SAC1CH,IAAmB,GAAE,QAAKD,CAClC,CACF,mCACC,OAAA,EAAI,WAAU,2BAA0B,GACxCD,EAAY,SAAS,IAAI,CAACM,MACzBF,gBAAAA,EAAA,cAACG,GAAA,EAAY,KAAKD,EAAQ,IAAI,SAAAA,EAAA,CAAkB,CACjD,CACH;AAEJ;"}
+{"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;"}