@odigos/ui-kit 0.0.203 → 0.0.205

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.0.205](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.204...ui-kit-v0.0.205) (2026-03-15)
+
+
+### Features
+
+* add product logos ([#716](https://github.com/odigos-io/ui-kit/issues/716)) ([6dab10c](https://github.com/odigos-io/ui-kit/commit/6dab10c751d3e7d37920eb125fa69e5e3588517a))
+* enhance Badge, Button, Note, Segment, and Typography components with new props and improved functionality ([#717](https://github.com/odigos-io/ui-kit/issues/717)) ([1b4478c](https://github.com/odigos-io/ui-kit/commit/1b4478c5c38295875c0ff319bbf71a66ff660b5b))
+* make drawer-header props optional and improve null checks ([#718](https://github.com/odigos-io/ui-kit/issues/718)) ([9c54fe7](https://github.com/odigos-io/ui-kit/commit/9c54fe7c9f60d73c9e16396efce519764532c48f))
+
+
+### Bug Fixes
+
+* compare destination category by enum value instead of display title ([#721](https://github.com/odigos-io/ui-kit/issues/721)) ([c2b9bfb](https://github.com/odigos-io/ui-kit/commit/c2b9bfb1608d8d6b7e181c61b5b78f051a40b252))
+
+## [0.0.204](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.203...ui-kit-v0.0.204) (2026-03-05)
+
+
+### Features
+
+* add Service Map tab to source drawer ([#708](https://github.com/odigos-io/ui-kit/issues/708)) ([4840b16](https://github.com/odigos-io/ui-kit/commit/4840b163cf95c5594d6dc2cb65f7e2d92d1f688e))
+
 ## [0.0.203](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.202...ui-kit-v0.0.203) (2026-03-04)
 
 

package/lib/chunks/{index-CmIINVHt.js → index-BWrHoFMs.js}

@@ -1,3 +1,3 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as o,useMemo as e}from"react";import i from"styled-components";import{am as a,h as n,j as s,az as r,ax as c,aq as l,cJ as m,n as p,N as d}from"./ui-components-Ci6lJdLr.js";import{VIcon as u,CopyIcon as f,ChevronUpIcon as h,ChevronDownIcon as y,YamlIcon as b}from"../icons.js";const j=i.div`
+import{jsx as t}from"react/jsx-runtime";import{useState as o,useMemo as e}from"react";import i from"styled-components";import{am as a,h as n,j as s,az as r,ax as c,aq as l,cK as m,n as p,N as d}from"./ui-components-BlfhQM0V.js";import{VIcon as u,CopyIcon as f,ChevronUpIcon as h,ChevronDownIcon as y,YamlIcon as b}from"../icons.js";const j=i.div`
   padding: 0 12px;
 `,k=({title:i="YAML",yaml:k,defaultOpen:x})=>{const{clickCopy:C,isCopied:Y}=a(),[g,v]=o(x??!1),z=e(()=>k?[{id:c(),type:r.Button,buttonProps:{variant:s.Secondary,size:n.S,leftIcon:Y?u:f,onClick:()=>C(k||""),disabled:Y}},{id:c(),type:r.Button,buttonProps:{variant:s.Secondary,size:n.S,leftIcon:g?h:y,onClick:()=>v(t=>!t)}}]:[],[k,Y,g]);return t(l,{richTitle:{icon:b,title:i},actions:z,children:g&&t(j,{children:k?t(m,{code:k,language:"yaml",theme:"duotoneDark"}):t(p,{children:t(d,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{k as Y};

package/lib/chunks/{ui-components-Ci6lJdLr.js → ui-components-BlfhQM0V.js}

@@ -7,6 +7,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   text-align: ${({$align:e})=>e};
   text-transform: ${({$transform:e})=>e};
   line-height: ${({theme:e,$lineHeight:t,$size:i})=>t||`${e.v2.text.size[i]+2}px`};
+  opacity: ${({$opacity:e})=>e};
 
   ${({$nowrap:e})=>e&&Bt`
       text-wrap: nowrap;
@@ -25,17 +26,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
         text-decoration: underline;
       }
     `}
-`,co=({children:e,variant:t=ao.P,color:i,size:n=so.S,weight:o=400,align:r="left",lineHeight:a,transform:s,nowrap:l,underline:c,onClick:d,disabled:p,...u})=>{const h=e?.toString().split("\n")||[];return zt(lo,{as:t,$color:i,$size:n,$weight:o,$align:r,$lineHeight:a,$transform:s,$nowrap:l,$underline:c,$withClick:!!d&&!p,onClick:p?void 0:d,...u,children:h.map((e,t)=>Ft(ft,{children:[e,t!==h.length-1&&zt("br",{})]},`typography-${t}-${e}`))})},po=Rt.div`
+`,co=({children:e,variant:t=ao.P,color:i,size:n=so.S,weight:o=400,opacity:r=1,align:a="left",lineHeight:s,transform:l,nowrap:c,underline:d,onClick:p,disabled:u,...h})=>{const m=e?.toString().split("\n")||[];return zt(lo,{as:t,$color:i,$size:n,$weight:o,$opacity:r,$align:a,$lineHeight:s,$transform:l,$nowrap:c,$underline:d,$withClick:!!p&&!u,onClick:u?void 0:p,...h,children:m.map((e,t)=>Ft(ft,{children:[e,t!==m.length-1&&zt("br",{})]},`typography-${t}-${e}`))})},po=Rt.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   min-width: ${({$minWidth:e})=>e};
   width: fit-content;
-  padding: 4px 8px;
+  padding: ${({$hasLabel:e})=>e?"4px 8px":"4px"};
   border-radius: 100px;
   background-color: ${({$backgroundColor:e})=>e};
-`,uo=({label:e,leftIcon:t,rightIcon:i,status:n=Ti.Unknown,useSecondaryTone:o=!1,invertColors:r=!1,textSize:a,textColor:s,backgroundColor:l,minWidth:c="unset"})=>{const d=Mt(),p=n?[Ti.Disabled].includes(n)?Nn(d,n,r?"400":"700"):[Ti.Unknown].includes(n)?Nn(d,n,"600"):Nn(d,n,r?o?"400":"300":o?"700":"500"):d.v2.colors.grey[200],u=s||(r&&![Ti.Unknown].includes(n)?p:[Ti.Disabled].includes(n)?d.v2.colors.grey[400]:[Ei.Error,Ei.Warning,Ei.Success].includes(n)?d.v2.colors.black[500]:d.v2.colors.white[500]),h=l||(r&&![Ti.Unknown].includes(n)?[Ti.Disabled].includes(n)?d.v2.colors.grey[700]:d.v2.colors.silver[600]:p);return Ft(po,{$backgroundColor:h,$minWidth:c,children:[t&&zt(t,{fill:u,size:14}),zt(co,{color:u,size:a||so.XXS,nowrap:!0,children:e}),i&&zt(i,{fill:u,size:14})]})},ho=Rt.div`
+`,uo=({label:e,leftIcon:t,rightIcon:i,status:n=Ti.Unknown,useSecondaryTone:o=!1,invertColors:r=!1,textSize:a,textColor:s,backgroundColor:l,minWidth:c="unset"})=>{const d=Mt(),p=e?.toString(),u=n?[Ti.Disabled].includes(n)?Nn(d,n,r?"400":"700"):[Ti.Unknown].includes(n)?Nn(d,n,"600"):Nn(d,n,r?o?"400":"300":o?"700":"500"):d.v2.colors.grey[200],h=s||(r&&![Ti.Unknown].includes(n)?u:[Ti.Disabled].includes(n)?d.v2.colors.grey[400]:[Ei.Error,Ei.Warning,Ei.Success].includes(n)?d.v2.colors.black[500]:d.v2.colors.white[500]),m=l||(r&&![Ti.Unknown].includes(n)?[Ti.Disabled].includes(n)?d.v2.colors.grey[700]:d.v2.colors.silver[600]:u);return Ft(po,{$backgroundColor:m,$minWidth:c,$hasLabel:!!p,children:[t&&zt(t,{fill:h,size:14}),p&&zt(co,{color:h,size:a||so.XXS,nowrap:!0,children:p}),i&&zt(i,{fill:h,size:14})]})},ho=Rt.div`
   color: ${({$color:e,theme:t})=>e||t.text.secondary};
   font-size: ${({$size:e})=>void 0!==e?e:16}px;
   font-weight: ${({$weight:e})=>void 0!==e?e:300};
@@ -1664,7 +1665,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
                 }
               `:""}
   }
-`,Rp=kt(({label:e,leftIcon:t,rightIcon:i,variant:n=zp.Primary,size:o=Fp.M,iconSize:r,loading:a,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Mt(),m=r||(o===Fp.L?18:16),g=o===Fp.L?so.S:so.XS,$=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return zt(_p,{ref:u,$variant:n,$size:o,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:a?void 0:e=>{e.stopPropagation(),d?.(e)},...p,children:a?e?zt(Md,{size:h.v2.text.size[g],textColor:$}):zt(ys,{}):Ft(_t,{children:[t&&zt(t,{size:m,fill:$}),e?zt(co,{size:g,weight:500,color:$,nowrap:!0,children:e}):null,i&&zt(i,{size:m,fill:$})]})})});Rp.displayName=Rp.name;const Bp=Rt.button`
+`,Rp=kt(({label:e,leftIcon:t,rightIcon:i,variant:n=zp.Primary,size:o=Fp.M,iconSize:r,loading:a,fullWidth:s,withShadow:l,textColor:c,disabled:d,onClick:p,...u},h)=>{const m=Mt(),g=r||(o===Fp.L?18:16),$=o===Fp.L?so.S:so.XS,x=c||(d?m.v2.colors.grey[400]:m.v2.colors.white[500]),[f,b]=yt(!1),y=Ct(async e=>{e.stopPropagation(),b(!0),await(p?.(e)),b(!1)},[p]);return zt(_p,{ref:h,$variant:n,$size:o,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:d,onClick:a||f?void 0:y,...u,children:a||f?e?zt(Md,{size:m.v2.text.size[$],textColor:x}):zt(ys,{}):Ft(_t,{children:[t&&zt(t,{size:g,fill:x}),e?zt(co,{size:$,weight:500,color:x,nowrap:!0,children:e}):null,i&&zt(i,{size:g,fill:x})]})})});Rp.displayName=Rp.name;const Bp=Rt.button`
   width: 100%;
   padding: 0;
   padding-right: 12px;
@@ -1733,12 +1734,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   padding: ${({$size:e})=>e===Gp.S?"4px 8px":"8px 16px"};
   border-radius: 6px;
   border: none;
-  background-color: ${({theme:e,$isSelected:t,$selectedBgColor:i})=>t?i||e.v2.colors.black[500]:"transparent"};
   box-shadow: ${({$isSelected:e})=>e?"0 0 11px 0 rgba(0, 0, 0, 0.32)":"none"};
-  cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
-  &:hover {
-    background-color: ${({theme:e,$isSelected:t,$selectedBgColor:i})=>t?i||e.v2.colors.black[500]:e.v2.colors.silver[800]};
-  }
+
+  ${({$disabled:e,$isSelected:t,$selectedBgColor:i,theme:n})=>e?Bt`
+          cursor: not-allowed;
+          background-color: ${t?(i||n.v2.colors.black[500])+xr["040"]:"transparent"};
+        `:Bt`
+          cursor: pointer;
+          background-color: ${t?i||n.v2.colors.black[500]:"transparent"};
+          &:hover {
+            background-color: ${t?i||n.v2.colors.black[500]:n.v2.colors.silver[800]};
+          }
+        `}
 `,Kp=({size:e=Gp.L,options:t=[],selected:i,setSelected:n,disabled:o})=>{const r=Mt(),a=o?r.v2.colors.grey[400]:r.v2.colors.white[500],s=e===Gp.S?so.XXS:so.XS,l=e===Gp.S?400:500;return zt(qp,{$count:t.length,children:t.map(({value:t,label:r,icon:c,selectedBgColor:d},p)=>Ft(Hp,{onClick:()=>!o&&n(t),$size:e,$disabled:o,$isSelected:i===t,$selectedBgColor:d,children:[c&&zt(c,{fill:a}),r&&zt(co,{size:s,weight:l,color:a,nowrap:!0,children:r})]},`segment-${r||p}-${t}`))})},Yp=Rt.div`
   box-sizing: border-box !important;
   width: ${({$width:e})=>e??"fit-content"};
@@ -1921,7 +1928,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   display: flex;
   align-items: center;
   gap: 12px;
-`,zu=({icon:e,title:t,subTitle:i,actions:n,onClose:o,onCloseDisabled:r})=>Ft(Du,{children:[Ft(Iu,{children:[zt(Nu,{children:zt(e,{size:24})}),Ft(sa,{$gap:6,children:[zt(co,{size:so.S,weight:500,children:t}),i&&zt(co,{size:so.XXS,children:i})]})]}),Ft(Ou,{children:[n?.length?zt(Pr,{icon:ht,size:Mr.M,onClick:()=>alert("todo")}):null,zt(Pr,{icon:Ye,size:Mr.M,onClick:o,disabled:r})]})]}),Fu=Rt.div`
+`,zu=({icon:e,title:t,subTitle:i,actions:n,onClose:o,onCloseDisabled:r})=>Ft(Du,{children:[Ft(Iu,{children:[e&&zt(Nu,{children:zt(e,{size:24})}),(t||i)&&Ft(sa,{$gap:6,children:[t&&zt(co,{size:so.S,weight:500,children:t}),i&&zt(co,{size:so.XXS,children:i})]})]}),Ft(Ou,{children:[n?.length?zt(Pr,{icon:ht,size:Mr.M,onClick:()=>alert("todo")}):null,o&&zt(Pr,{icon:Ye,size:Mr.M,onClick:o,disabled:r})]})]}),Fu=Rt.div`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -1947,7 +1954,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
 
   height: calc(100% - ${56}px);
   overflow-y: auto;
-`,Ru=({isOpen:e,hideOverlay:t=!1,position:i="right",width:n="600px",header:o,children:r})=>(Fr(e),e?qt(Ft(_t,{children:[!t&&zt(da,{onClick:o.onCloseDisabled?void 0:o.onClose}),Ft(Fu,{$position:i,$width:n,children:[zt(zu,{...o}),zt(_u,{children:r})]})]}),document.body):null),Bu=Rt.span`
+`,Ru=({isOpen:e,hideOverlay:t=!1,position:i="right",width:n="600px",header:o,children:r})=>(Fr(e),e?qt(Ft(_t,{children:[!t&&zt(da,{onClick:o?.onCloseDisabled?void 0:o?.onClose}),Ft(Fu,{$position:i,$width:n,children:[o&&zt(zu,{...o}),zt(_u,{children:r})]})]}),document.body):null),Bu=Rt.span`
   font-family: ${({theme:e})=>e.font_family.primary};
   font-size: ${({$smallAndDark:e})=>e?"12px":"14px"};
   font-weight: 400;
@@ -2165,8 +2172,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   border-radius: 8px;
   background-color: ${({theme:e,$status:t})=>Nn(e,t,[Ei.Info].includes(t)?"1000":"900")};
 `,Fh=Rt.div`
-  width: 32px;
-  height: 32px;
+  width: ${({$smallIcon:e})=>e?"24px":"32px"};
+  height: ${({$smallIcon:e})=>e?"24px":"32px"};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2179,7 +2186,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   &:hover {
     transform: scale(1.2);
   }
-`,Rh=({status:e,message:t,action:i,fullWidth:n})=>{const o=Mt(),r=zn(e,o),a=Nn(o,e,e===Ei.Default?"300":e===Ei.Info?"400":"500");return Ft(zh,{$status:e,$fullWidth:n,children:[zt("div",{children:zt(Fh,{$status:e,children:zt(r,{size:24})})}),zt(co,{color:a,size:so.XXXS,weight:400,children:t}),i&&zt(_h,{onClick:i.onClick,children:zt(co,{color:a,size:so.XXS,weight:500,underline:!0,children:i.label})})]})};var Bh;!function(e){e.S="small",e.L="large"}(Bh||(Bh={}));const Mh=Rt.div`
+`,Rh=({status:e,message:t,action:i,fullWidth:n,smallIcon:o})=>{const r=Mt(),a=zn(e,r),s=Nn(r,e,e===Ei.Default?"300":e===Ei.Info?"400":"500");return Ft(zh,{$status:e,$fullWidth:n,children:[zt("div",{children:zt(Fh,{$status:e,$smallIcon:o,children:zt(a,{size:o?18:24})})}),zt(co,{color:s,size:so.XXXS,weight:400,children:t}),i&&zt(_h,{onClick:i.onClick,children:zt(co,{color:s,size:so.XXS,weight:500,underline:!0,children:i.label})})]})};var Bh;!function(e){e.S="small",e.L="large"}(Bh||(Bh={}));const Mh=Rt.div`
   width: fit-content;
   display: flex;
   align-items: center;
@@ -2379,4 +2386,4 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ActionIcon as i,RenameAttributeIcon
   gap: 16px;
   padding: 16px 24px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
-`,ym=({visual:e,title:t,description:i,isOpen:n,onClose:o,onDeny:r,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Mt();return zt(Th,{isOpen:n,onClose:o,...c,children:Ft(xm,{children:[Ft(fm,{children:[e&&zt(e,{}),zt(co,{size:so.M,weight:500,color:d.v2.colors.white[500],children:t}),zt(sa,{$alignItems:"center",$gap:4,children:i.split("\n").map(e=>zt(co,{size:so.XS,weight:400,color:d.v2.colors.silver[200],children:e},e))})]}),(r||s)&&Ft(bm,{children:[zt(Rp,{variant:zp.Secondary,label:a,onClick:()=>{r?.(),o()}}),s&&zt(Rp,{variant:zp.Primary,label:l,onClick:()=>{s(),o()}})]})]})})};export{Vo as $,li as A,Rp as B,tu as C,Sa as D,Xn as E,sa as F,qi as G,Jn as H,Vu as I,Mi as J,ci as K,kh as L,Wo as M,Oh as N,Fa as O,Li as P,ji as Q,mu as R,qd as S,mm as T,Yi as U,gh as V,ym as W,Ki as X,Pi as Y,Bi as Z,uo as _,Lu as a,Pc as a$,mn as a0,xr as a1,Bo as a2,Mo as a3,Nr as a4,on as a5,nn as a6,Pr as a7,Mr as a8,Po as a9,rn as aA,oa as aB,im as aC,Wh as aD,oh as aE,On as aF,ys as aG,Tu as aH,Cr as aI,uu as aJ,yu as aK,Cu as aL,Ui as aM,ra as aN,yc as aO,Ol as aP,os as aQ,yo as aR,Ll as aS,Td as aT,Dp as aU,_d as aV,kd as aW,Ba as aX,Fs as aY,ip as aZ,Zd as a_,jo as aa,fn as ab,Gp as ac,Jo as ad,Uo as ae,Ti as af,cm as ag,ao as ah,ar as ai,en as aj,wi as ak,nr as al,jr as am,Hr as an,na as ao,Un as ap,xu as aq,Zo as ar,du as as,ru as at,ou as au,El as av,Vp as aw,dn as ax,kl as ay,pu as az,Pu as b,Ur as b$,jd as b0,Sp as b1,xo as b2,Xo as b3,sd as b4,Mc as b5,ts as b6,zr as b7,yn as b8,Lo as b9,cl as bA,Op as bB,Sr as bC,no as bD,Ir as bE,sr as bF,el as bG,Ri as bH,ln as bI,Cn as bJ,xn as bK,pp as bL,Br as bM,an as bN,ri as bO,Zi as bP,oi as bQ,_r as bR,Yr as bS,Na as bT,ca as bU,rp as bV,Kr as bW,Hn as bX,Vl as bY,tn as bZ,Jr as b_,Ds as ba,Oc as bb,pn as bc,yi as bd,tr as be,ka as bf,pa as bg,qa as bh,Fo as bi,Vd as bj,un as bk,zs as bl,Ai as bm,Kn as bn,zn as bo,er as bp,ni as bq,Ws as br,wn as bs,Ks as bt,ua as bu,ha as bv,$d as bw,bn as bx,ma as by,bc as bz,ki as c,Hi as c$,dr as c0,vs as c1,Ms as c2,vi as c3,Yn as c4,Vr as c5,Mn as c6,Zt as c7,Ji as c8,bp as c9,ia as cA,qs as cB,hn as cC,ic as cD,Ko as cE,cn as cF,ss as cG,Dn as cH,Ps as cI,ms as cJ,ai as cK,Oi as cL,ui as cM,zi as cN,Ni as cO,fi as cP,Si as cQ,hi as cR,mi as cS,pi as cT,_i as cU,xi as cV,Gi as cW,Vi as cX,Wi as cY,Di as cZ,Xi as c_,Ec as ca,En as cb,vp as cc,ir as cd,qr as ce,$i as cf,es as cg,br as ch,Rn as ci,Rr as cj,Ii as ck,wl as cl,Bs as cm,bd as cn,Fn as co,Ln as cp,Rs as cq,al as cr,ll as cs,Ju as ct,Wn as cu,Qn as cv,Zr as cw,Fi as cx,bi as cy,ac as cz,ih as d,Bh as d$,gi as d0,di as d1,Qt as d2,sn as d3,gn as d4,$n as d5,vn as d6,kn as d7,Sn as d8,An as d9,xl as dA,pl as dB,Bc as dC,nd as dD,Xc as dE,cd as dF,md as dG,js as dH,Md as dI,da as dJ,Vc as dK,ga as dL,mo as dM,go as dN,$o as dO,xh as dP,$h as dQ,yh as dR,Pp as dS,jp as dT,nu as dU,Zp as dV,Ku as dW,Th as dX,Ih as dY,Ph as dZ,Uh as d_,Tn as da,In as db,Nn as dc,_n as dd,jn as de,Vn as df,qn as dg,Zn as dh,eo as di,to as dj,io as dk,oo as dl,ro as dm,Go as dn,qo as dp,Ho as dq,Ro as dr,$r as ds,kr as dt,fr as du,gr as dv,Fr as dw,Cl as dx,Al as dy,Tl as dz,dm as e,gu as e0,om as e1,$m as e2,lm as e3,Xu as f,aa as g,Fp as h,Pn as i,zp as j,Ci as k,si as l,ii as m,la as n,Ru as o,so as p,Xp as q,Rh as r,Ei as s,co as t,Qi as u,Kp as v,sm as w,ti as x,Gu as y,Bn as z};
+`,ym=({visual:e,title:t,description:i,isOpen:n,onClose:o,onDeny:r,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Mt();return zt(Th,{isOpen:n,onClose:o,...c,children:Ft(xm,{children:[Ft(fm,{children:[e&&zt(e,{}),zt(co,{size:so.M,weight:500,color:d.v2.colors.white[500],children:t}),zt(sa,{$alignItems:"center",$gap:4,children:i.split("\n").map(e=>zt(co,{size:so.XS,weight:400,color:d.v2.colors.silver[200],children:e},e))})]}),(r||s)&&Ft(bm,{children:[zt(Rp,{variant:zp.Secondary,label:a,onClick:()=>{r?.(),o()}}),s&&zt(Rp,{variant:zp.Primary,label:l,onClick:()=>{s(),o()}})]})]})})};export{Vo as $,li as A,Rp as B,tu as C,Sa as D,Xn as E,sa as F,qi as G,Jn as H,Vu as I,Mi as J,ci as K,kh as L,Wo as M,Oh as N,Fa as O,Li as P,ji as Q,mu as R,qd as S,mm as T,Yi as U,gh as V,ym as W,Ki as X,Pi as Y,Bi as Z,uo as _,Lu as a,Pc as a$,mn as a0,xr as a1,Bo as a2,Mo as a3,Nr as a4,on as a5,nn as a6,Pr as a7,Mr as a8,Po as a9,rn as aA,oa as aB,im as aC,Wh as aD,oh as aE,On as aF,ys as aG,Tu as aH,Cr as aI,uu as aJ,yu as aK,Cu as aL,Ui as aM,ra as aN,yc as aO,Ol as aP,os as aQ,yo as aR,Ll as aS,Td as aT,Dp as aU,_d as aV,kd as aW,Ba as aX,Fs as aY,ip as aZ,Zd as a_,jo as aa,fn as ab,Gp as ac,Jo as ad,Uo as ae,Ti as af,cm as ag,ao as ah,ar as ai,en as aj,wi as ak,nr as al,jr as am,Hr as an,na as ao,Un as ap,xu as aq,Zo as ar,du as as,ru as at,ou as au,El as av,Vp as aw,dn as ax,kl as ay,pu as az,Pu as b,Ur as b$,jd as b0,Sp as b1,xo as b2,Xo as b3,sd as b4,Mc as b5,ts as b6,zr as b7,yn as b8,Lo as b9,cl as bA,Op as bB,Sr as bC,no as bD,Ir as bE,sr as bF,el as bG,Ri as bH,ln as bI,Cn as bJ,xn as bK,pp as bL,Br as bM,an as bN,ri as bO,Zi as bP,oi as bQ,_r as bR,Yr as bS,Na as bT,ca as bU,rp as bV,Kr as bW,Hn as bX,Vl as bY,tn as bZ,Jr as b_,Ds as ba,Oc as bb,pn as bc,yi as bd,tr as be,ka as bf,pa as bg,qa as bh,Fo as bi,Vd as bj,un as bk,zs as bl,Ai as bm,Kn as bn,zn as bo,er as bp,ni as bq,Ws as br,wn as bs,Ks as bt,ua as bu,ha as bv,$d as bw,bn as bx,ma as by,bc as bz,ki as c,Xi as c$,dr as c0,vs as c1,Ms as c2,vi as c3,Yn as c4,Vr as c5,Mn as c6,Zt as c7,Ji as c8,bp as c9,gn as cA,ia as cB,qs as cC,hn as cD,ic as cE,Ko as cF,cn as cG,ss as cH,Dn as cI,Ps as cJ,ms as cK,ai as cL,Oi as cM,ui as cN,zi as cO,Ni as cP,fi as cQ,Si as cR,hi as cS,mi as cT,pi as cU,_i as cV,xi as cW,Gi as cX,Vi as cY,Wi as cZ,Di as c_,Ec as ca,En as cb,vp as cc,ir as cd,qr as ce,$i as cf,es as cg,br as ch,Rn as ci,Rr as cj,Ii as ck,wl as cl,Bs as cm,bd as cn,Fn as co,Ln as cp,Rs as cq,al as cr,ll as cs,Ju as ct,Wn as cu,Qn as cv,Zr as cw,Fi as cx,bi as cy,ac as cz,ih as d,Bh as d$,Hi as d0,gi as d1,di as d2,Qt as d3,sn as d4,$n as d5,vn as d6,kn as d7,Sn as d8,An as d9,xl as dA,pl as dB,Bc as dC,nd as dD,Xc as dE,cd as dF,md as dG,js as dH,Md as dI,da as dJ,Vc as dK,ga as dL,mo as dM,go as dN,$o as dO,xh as dP,$h as dQ,yh as dR,Pp as dS,jp as dT,nu as dU,Zp as dV,Ku as dW,Th as dX,Ih as dY,Ph as dZ,Uh as d_,Tn as da,In as db,Nn as dc,_n as dd,jn as de,Vn as df,qn as dg,Zn as dh,eo as di,to as dj,io as dk,oo as dl,ro as dm,Go as dn,qo as dp,Ho as dq,Ro as dr,$r as ds,kr as dt,fr as du,gr as dv,Fr as dw,Cl as dx,Al as dy,Tl as dz,dm as e,gu as e0,om as e1,$m as e2,lm as e3,Xu as f,aa as g,Fp as h,Pn as i,zp as j,Ci as k,si as l,ii as m,la as n,Ru as o,so as p,Xp as q,Rh as r,Ei as s,co as t,Qi as u,Kp as v,sm as w,ti as x,Gu as y,Bn as z};

package/lib/components/_v2/badge/index.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, type FC } from 'react';
 import { TypographySize } from '../typography';
 import { type SVG, StatusType, OtherStatusType } from '@/types';
 export interface BadgeProps {
-    label: string | number;
+    label?: string | number;
     leftIcon?: SVG;
     rightIcon?: SVG;
     status?: StatusType | OtherStatusType;

package/lib/components/_v2/button/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type ButtonHTMLAttributes } from 'react';
+import React, { type ButtonHTMLAttributes, type MouseEvent } from 'react';
 import type { SVG, SVGProps } from '@/types';
 export declare enum ButtonVariants {
     Primary = "primary",
@@ -20,5 +20,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     loading?: boolean;
     fullWidth?: boolean;
     withShadow?: boolean;
+    textColor?: string;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => unknown | ((e: MouseEvent<HTMLButtonElement>) => Promise<unknown>);
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/_v2/drawer/header/index.d.ts

@@ -1,11 +1,11 @@
 import { type FC } from 'react';
 import type { SVG } from '@/types';
 export interface HeaderProps {
-    icon: SVG;
-    title: string;
+    icon?: SVG;
+    title?: string;
     subTitle?: string;
     actions?: [];
-    onClose: () => void;
+    onClose?: () => void;
     onCloseDisabled?: boolean;
 }
 export declare const Header: FC<HeaderProps>;

package/lib/components/_v2/drawer/index.d.ts

@@ -5,7 +5,7 @@ export interface DrawerProps {
     hideOverlay?: boolean;
     position?: 'left' | 'right';
     width?: CSSProperties['width'];
-    header: HeaderProps;
+    header?: HeaderProps;
     children: ReactNode;
 }
 export declare const Drawer: FC<DrawerProps>;

package/lib/components/_v2/note/index.d.ts

@@ -9,6 +9,7 @@ export interface NoteProps {
     message: string;
     action?: NoteAction;
     fullWidth?: boolean;
+    smallIcon?: boolean;
 }
 export declare const Note: FC<NoteProps>;
 export {};

package/lib/components/_v2/typography/index.d.ts

@@ -26,6 +26,7 @@ export interface TypographyProps {
     color?: CSSProperties['color'];
     size?: TypographySize;
     weight?: CSSProperties['fontWeight'];
+    opacity?: CSSProperties['opacity'];
     align?: CSSProperties['textAlign'];
     transform?: CSSProperties['textTransform'];
     lineHeight?: CSSProperties['lineHeight'];

package/lib/components/v2.js

@@ -1 +1 @@
-export{_ as Badge,B as Button,h as ButtonSize,dS as ButtonTab,dT as ButtonTabList,j as ButtonVariants,C as Checkbox,dU as CheckboxList,dV as CheckboxSize,aH as CliCommand,aw as DataCard,o as Drawer,as as DropData,au as DropDataAlignX,at as DropDataAlignY,y as DropDown,b as FieldMessage,a as FieldTitle,dW as Header,ct as HoverActions,a7 as IconButton,a8 as IconButtonSize,I as Input,f as InputList,d as InputTable,aE as Island,L as Loader,dX as Modal,dY as Navbar,N as NoData,r as Note,dZ as Radio,d_ as RadioGroup,d$ as RadioSize,q as Search,aq as SectionCard,e0 as SectionCardSize,v as Segment,ac as SegmentSize,aK as StatusCard,aC as Table,aD as TableVariant,e1 as Tag,w as TextArea,aL as TextCard,T as Toggle,e as ToggleLabelAlign,e2 as ToggleList,ag as ToggleSize,e3 as ToggleVariant,t as Typography,p as TypographySize,ah as TypographyVariants,W as WarningModal}from"../chunks/ui-components-Ci6lJdLr.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{_ as Badge,B as Button,h as ButtonSize,dS as ButtonTab,dT as ButtonTabList,j as ButtonVariants,C as Checkbox,dU as CheckboxList,dV as CheckboxSize,aH as CliCommand,aw as DataCard,o as Drawer,as as DropData,au as DropDataAlignX,at as DropDataAlignY,y as DropDown,b as FieldMessage,a as FieldTitle,dW as Header,ct as HoverActions,a7 as IconButton,a8 as IconButtonSize,I as Input,f as InputList,d as InputTable,aE as Island,L as Loader,dX as Modal,dY as Navbar,N as NoData,r as Note,dZ as Radio,d_ as RadioGroup,d$ as RadioSize,q as Search,aq as SectionCard,e0 as SectionCardSize,v as Segment,ac as SegmentSize,aK as StatusCard,aC as Table,aD as TableVariant,e1 as Tag,w as TextArea,aL as TextCard,T as Toggle,e as ToggleLabelAlign,e2 as ToggleList,ag as ToggleSize,e3 as ToggleVariant,t as Typography,p as TypographySize,ah as TypographyVariants,W as WarningModal}from"../chunks/ui-components-BlfhQM0V.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/components.js

@@ -1 +1 @@
-export{bi as AutocompleteInput,bC as Badge,bE as Button,b6 as CancelWarning,n as CenterThis,aQ as Checkbox,cJ as Code,ba as ConditionDetails,bb as DataCard,aO as DataCardFieldTypes,ca as DataCardFields,dC as DataFinger,bG as DataTab,b5 as DeleteWarning,cr as DescribeRow,D as Divider,a$ as DocsButton,b4 as Drawer,dD as DrawerFooter,dE as DrawerHeader,bY as Dropdown,dF as ErrorBoundary,c1 as ExtendArrow,aG as FadeLoader,aR as FieldError,aP as FieldLabel,F as FlexColumn,g as FlexRow,dG as Header,aX as IconButton,cB as IconGroup,bw as IconTitleBadge,br as IconWrapped,cn as IconsNav,dH as ImageControlled,aS as Input,aW as InputList,aT as InputTable,bz as InteractiveTable,aV as KeyValueInputsList,dI as LoadingText,bf as Modal,bg as ModalBody,b0 as MonitorsCheckboxes,bt as MonitorsIcons,bj as NavigationButtons,bA as NoDataFound,bh as NotificationNote,dJ as Overlay,aB as PageContent,bT as Popup,cD as PopupForm,cI as ScrollX,S as ScrollY,a_ as SectionTitle,aZ as Segment,bV as SelectionButton,bL as SkeletonLoader,bl as Status,c9 as Stepper,dK as TabList,bu as TableContainer,bv as TableTitleWrap,by as TableWrap,cc as Tag,b2 as Text,b1 as TextArea,aU as Toggle,cG as ToggleCodeComponent,O as Tooltip,bB as TraceLoader,aN as UpgradeRequiredWrapper,bU as VerticalScroll,cg as WarningModal,dL as WhiteSpace,dM as getLinksFromText,dN as getStrongsFromText,dO as renderText}from"./chunks/ui-components-Ci6lJdLr.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{bi as AutocompleteInput,bC as Badge,bE as Button,b6 as CancelWarning,n as CenterThis,aQ as Checkbox,cK as Code,ba as ConditionDetails,bb as DataCard,aO as DataCardFieldTypes,ca as DataCardFields,dC as DataFinger,bG as DataTab,b5 as DeleteWarning,cr as DescribeRow,D as Divider,a$ as DocsButton,b4 as Drawer,dD as DrawerFooter,dE as DrawerHeader,bY as Dropdown,dF as ErrorBoundary,c1 as ExtendArrow,aG as FadeLoader,aR as FieldError,aP as FieldLabel,F as FlexColumn,g as FlexRow,dG as Header,aX as IconButton,cC as IconGroup,bw as IconTitleBadge,br as IconWrapped,cn as IconsNav,dH as ImageControlled,aS as Input,aW as InputList,aT as InputTable,bz as InteractiveTable,aV as KeyValueInputsList,dI as LoadingText,bf as Modal,bg as ModalBody,b0 as MonitorsCheckboxes,bt as MonitorsIcons,bj as NavigationButtons,bA as NoDataFound,bh as NotificationNote,dJ as Overlay,aB as PageContent,bT as Popup,cE as PopupForm,cJ as ScrollX,S as ScrollY,a_ as SectionTitle,aZ as Segment,bV as SelectionButton,bL as SkeletonLoader,bl as Status,c9 as Stepper,dK as TabList,bu as TableContainer,bv as TableTitleWrap,by as TableWrap,cc as Tag,b2 as Text,b1 as TextArea,aU as Toggle,cH as ToggleCodeComponent,O as Tooltip,bB as TraceLoader,aN as UpgradeRequiredWrapper,bU as VerticalScroll,cg as WarningModal,dL as WhiteSpace,dM as getLinksFromText,dN as getStrongsFromText,dO as renderText}from"./chunks/ui-components-BlfhQM0V.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/constants.js

@@ -1 +1 @@
-export{a2 as ACTION_ATTRIBUTE_OPTIONS,b9 as ACTION_OPTIONS,a3 as ACTION_SAMPLER_OPTIONS,aA as BUTTON_TEXTS,aj as DEFAULT_DATA_STREAM_NAME,aa as DESTINATION_CATEGORIES,$ as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,u as DOCS_BASE_URL,a9 as DestinationCategoryTypes,a6 as FORM_ALERTS,ae as INSTRUMENTATION_RULE_OPTIONS,dn as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dp as OTEL_DISTRO_NAME_OPTIONS,bZ as STORAGE_KEYS,dq as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-Ci6lJdLr.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{a2 as ACTION_ATTRIBUTE_OPTIONS,b9 as ACTION_OPTIONS,a3 as ACTION_SAMPLER_OPTIONS,aA as BUTTON_TEXTS,aj as DEFAULT_DATA_STREAM_NAME,aa as DESTINATION_CATEGORIES,$ as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,u as DOCS_BASE_URL,a9 as DestinationCategoryTypes,a6 as FORM_ALERTS,ae as INSTRUMENTATION_RULE_OPTIONS,dn as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dp as OTEL_DISTRO_NAME_OPTIONS,bZ as STORAGE_KEYS,dq as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-BlfhQM0V.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateActionFunc } from '@/types';
-import { DrawerProps } from '@/components/_v2';
 export interface AddActionDrawerProps {
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
     selectedConnectionIds: string[];
     setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
     createAction: CreateActionFunc;

package/lib/containers/_v2/_drawers/add-destination-drawer/index.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { DrawerProps } from '@/components/_v2';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateDestinationFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc } from '@/types';
 export interface AddDestinationDrawerProps {
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
     selectedConnectionIds: string[];
     setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
     getDestinationCategories: GetDestinationCategoriesFunc;

package/lib/containers/_v2/_drawers/add-rule-drawer/index.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { DrawerProps } from '@/components/_v2';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateInstrumentationRuleFunc } from '@/types';
 export interface AddRuleDrawerProps {
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
     selectedConnectionIds: string[];
     setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
     createInstrumentationRule: CreateInstrumentationRuleFunc;

package/lib/containers/_v2/_drawers/edit-config-drawer/index.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { DrawerProps } from '@/components/_v2';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc } from '@/types';
 export interface EditConfigDrawerProps {
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
     connections: Connection[];
     selectedConnectionIds: string[];
     setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;

package/lib/containers/_v2/_drawers/system-drawer/index.d.ts

@@ -3,8 +3,9 @@ import { TokensProps } from './tokens';
 import { type DiagnoseProps } from './diagnose';
 import { type DescribeProps } from './describe';
 import { type DrawerProps } from '@/components/_v2';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 export interface SystemDrawerProps extends Partial<TokensProps>, Partial<DescribeProps>, Partial<DiagnoseProps> {
     isOpen: DrawerProps['isOpen'];
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
 }
 export declare const SystemDrawer: FC<SystemDrawerProps>;

package/lib/containers/_v2/pipeline-collectors/general-info/yaml-drawer/index.d.ts

@@ -1,8 +1,9 @@
 import { type FC } from 'react';
 import { DrawerProps } from '@/components/_v2';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 export interface YamlDrawerProps {
     isOpen: DrawerProps['isOpen'];
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
     title: string;
     yaml: string;
 }

package/lib/containers/_v2/pipeline-collectors/pods-info/pod-drawer/index.d.ts

@@ -1,9 +1,9 @@
 import { type FC } from 'react';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type GetExtendedPodInfo, type PodInfo } from '@/types';
-import { DrawerProps } from '@/components/_v2';
 export interface PodDrawerProps {
     pod: PodInfo | null;
     getExtendedPodInfo: GetExtendedPodInfo;
-    onClose: DrawerProps['header']['onClose'];
+    onClose: HeaderProps['onClose'];
 }
 export declare const PodDrawer: FC<PodDrawerProps>;

package/lib/containers/source-drawer/index.d.ts

@@ -1,6 +1,7 @@
 import { type FC } from 'react';
 import { type DescribeProps } from './describe';
 import { type LibrariesProps } from './libraries';
+import { type PeerSourcesProps } from './peers';
 import { type PersistSources, type SourceFormData, type WorkloadId, type Source } from '@/types';
 interface SourceDrawerProps {
     persistSources: PersistSources;
@@ -11,6 +12,7 @@ interface SourceDrawerProps {
     fetchSourceById: (id: WorkloadId, bypassPaginationLoader?: boolean) => Promise<Source | undefined>;
     fetchSourceDescribe: DescribeProps['fetchSourceDescribe'];
     fetchSourceLibraries: LibrariesProps['fetchSourceLibraries'];
+    fetchPeerSources: PeerSourcesProps['fetchPeerSources'];
 }
 declare const SourceDrawer: FC<SourceDrawerProps>;
 export { SourceDrawer, type SourceDrawerProps };

package/lib/containers/source-drawer/peers/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import type { PeerSources, Source } from '@/types';
+export interface PeerSourcesProps {
+    source: Source;
+    fetchPeerSources: (serviceName: string) => Promise<{
+        data?: {
+            peerSources: PeerSources;
+        };
+    }>;
+}
+declare const PeerSourcesTab: FC<PeerSourcesProps>;
+export { PeerSourcesTab, type PeerSourcesProps as PeerSourcesTabProps };