"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[9695],{"../../node_modules/@mdx-js/react/lib/index.js":function(T,y,r){r.d(y,{BN:function(){return p},RP:function(){return a},gz:function(){return b},xA:function(){return v}});var i=r("../../node_modules/react/index.js");const p=i.createContext({});function b(n){return t;function t(o){const m=a(o.components);return i.createElement(n,{...o,allComponents:m})}}function a(n){const t=i.useContext(p);return i.useMemo(()=>typeof n=="function"?n(t):{...t,...n},[t,n])}const d={};function v({components:n,children:t,disableParentContext:o}){let m;return o?m=typeof n=="function"?n({}):n||d:m=a(n),i.createElement(p.Provider,{value:m},t)}},"../../node_modules/@storybook/addon-actions/dist/index.mjs":function(T,y,r){r.d(y,{XI:function(){return i.XI}});var i=r("../../node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs"),p=(...b)=>{let a=config,d=b;d.length===1&&Array.isArray(d[0])&&([d]=d),d.length!==1&&typeof d[d.length-1]!="string"&&(a={...config,...d.pop()});let v=d[0];(d.length!==1||typeof v=="string")&&(v={},d.forEach(t=>{v[t]=t}));let n={};return Object.keys(v).forEach(t=>{n[t]=action(v[t],a)}),n}},"./src/components/Tags/Tag.story.tsx":function(T,y,r){r.r(y),r.d(y,{Single:function(){return s},default:function(){return c}});var i=r("../../node_modules/@storybook/addon-actions/dist/index.mjs"),p=r("../../node_modules/react/index.js"),b=r("./src/components/Tags/Tag.tsx"),a=r("../../node_modules/react/jsx-runtime.js"),d=r("../../node_modules/@mdx-js/react/lib/index.js"),v=r("../../node_modules/@storybook/blocks/dist/index.mjs");function n(l){const e=Object.assign({h1:"h1",p:"p",h3:"h3",pre:"pre",code:"code"},(0,d.RP)(),l.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.W8,{title:"MDX|Tag",component:b.v}),`
`,(0,a.jsx)(e.h1,{id:"tag",children:"Tag"}),`
`,(0,a.jsx)(e.p,{children:"Used for displaying metadata, for example to add more details to search results. Background and border colors are generated from the tag name."}),`
`,(0,a.jsx)(v.lN,{children:(0,a.jsx)("div",{children:(0,a.jsx)(b.v,{name:"Tag",onClick:f=>console.log(f)})})}),`
`,(0,a.jsx)(e.h3,{id:"usage",children:"Usage"}),`
`,(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-jsx",children:`import { Tag } from '@grafana/ui';

<Tag name="Tag" onClick={(name) => console.log(name)} />;
`})}),`
`,(0,a.jsx)(e.h3,{id:"props",children:"Props"}),`
`,(0,a.jsx)(v.ov,{of:b.v})]})}function t(l={}){const{wrapper:e}=Object.assign({},(0,d.RP)(),l.components);return e?(0,a.jsx)(e,Object.assign({},l,{children:(0,a.jsx)(n,l)})):n(l)}var o=t,m=Object.defineProperty,h=Object.defineProperties,k=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,u=(l,e,f)=>e in l?m(l,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[e]=f,g=(l,e)=>{for(var f in e||(e={}))O.call(e,f)&&u(l,f,e[f]);if(E)for(var f of E(e))w.call(e,f)&&u(l,f,e[f]);return l},_=(l,e)=>h(l,k(e)),x,C,P;const I={title:"Forms/Tags/Tag",component:b.v,parameters:{docs:{page:o},controls:{exclude:["onClick"]}},args:{name:"Tag",colorIndex:0}},s=l=>p.createElement(b.v,{name:l.name,colorIndex:l.colorIndex,onClick:(0,i.XI)("Tag clicked"),icon:l.icon});var c=I;s.parameters=_(g({},s.parameters),{docs:_(g({},(x=s.parameters)==null?void 0:x.docs),{source:g({originalSource:`args => {
  return <Tag name={args.name} colorIndex={args.colorIndex} onClick={action('Tag clicked')} icon={args.icon} />;
}`},(P=(C=s.parameters)==null?void 0:C.docs)==null?void 0:P.source)})})},"../grafana-data/src/types/icon.ts":function(T,y,r){r.d(y,{Uo:function(){return b},az:function(){return i},n6:function(){return p}});const i={google:!0,microsoft:!0,github:!0,gitlab:!0,okta:!0,discord:!0,hipchat:!0,amazon:!0,"google-hangouts-alt":!0,pagerduty:!0,line:!0,anchor:!0,"adjust-circle":!0,"angle-double-down":!0,"angle-double-right":!0,"angle-double-up":!0,"angle-down":!0,"angle-left":!0,"angle-right":!0,"angle-up":!0,"align-left":!0,"align-right":!0,"application-observability":!0,apps:!0,"archive-alt":!0,arrow:!0,"arrow-down":!0,"arrow-from-right":!0,"arrow-left":!0,"arrow-random":!0,"arrow-right":!0,"arrow-to-right":!0,"arrow-up":!0,"arrows-h":!0,"arrows-v":!0,asserts:!0,"expand-arrows":!0,at:!0,ai:!0,backward:!0,bars:!0,bell:!0,"bell-slash":!0,bolt:!0,book:!0,bookmark:!0,"book-open":!0,"brackets-curly":!0,bug:!0,building:!0,"calculator-alt":!0,"calendar-alt":!0,"calendar-slash":!0,camera:!0,capture:!0,"channel-add":!0,"chart-line":!0,check:!0,"check-circle":!0,"check-square":!0,circle:!0,"circle-mono":!0,"clipboard-alt":!0,"clock-nine":!0,cloud:!0,"cloud-download":!0,"cloud-upload":!0,"code-branch":!0,cog:!0,columns:!0,"comment-alt":!0,"comment-alt-message":!0,"comment-alt-share":!0,"comments-alt":!0,compass:!0,copy:!0,"corner-down-right-alt":!0,"create-dashboard":!0,"credit-card":!0,crosshair:!0,cube:!0,dashboard:!0,database:!0,"dice-three":!0,docker:!0,"document-info":!0,"download-alt":!0,draggabledots:!0,edit:!0,"ellipsis-v":!0,envelope:!0,"exchange-alt":!0,"exclamation-triangle":!0,"exclamation-circle":!0,"external-link-alt":!0,eye:!0,"eye-slash":!0,"ellipsis-h":!0,"fa fa-spinner":!0,favorite:!0,"file-alt":!0,"file-blank":!0,"file-copy-alt":!0,"file-download":!0,"file-edit-alt":!0,"file-landscape-alt":!0,filter:!0,flip:!0,folder:!0,font:!0,fire:!0,"folder-open":!0,"folder-plus":!0,"folder-upload":!0,forward:!0,"frontend-observability":!0,"gf-bar-alignment-after":!0,"gf-bar-alignment-before":!0,"gf-bar-alignment-center":!0,"gf-glue":!0,"gf-grid":!0,"gf-interpolation-linear":!0,"gf-interpolation-smooth":!0,"gf-interpolation-step-after":!0,"gf-interpolation-step-before":!0,"gf-landscape":!0,"gf-layout-simple":!0,"gf-logs":!0,"gf-ml":!0,"gf-movepane-left":!0,"gf-movepane-right":!0,"gf-portrait":!0,"gf-service-account":!0,"gf-show-context":!0,"gf-pin":!0,"gf-prometheus":!0,"gf-traces":!0,globe:!0,grafana:!0,"graph-bar":!0,heart:!0,"heart-rate":!0,"heart-break":!0,history:!0,"history-alt":!0,home:!0,"home-alt":!0,"horizontal-align-center":!0,"horizontal-align-left":!0,"horizontal-align-right":!0,hourglass:!0,import:!0,info:!0,"info-circle":!0,k6:!0,"key-skeleton-alt":!0,keyboard:!0,"layer-group":!0,"layers-alt":!0,"library-panel":!0,"line-alt":!0,link:!0,"list-ui-alt":!0,"list-ul":!0,"list-ol":!0,lock:!0,"map-marker":!0,"map-marker-plus":!0,"map-marker-minus":!0,message:!0,minus:!0,"minus-circle":!0,"mobile-android":!0,monitor:!0,palette:!0,"panel-add":!0,"pathfinder-unite":!0,pause:!0,pen:!0,percentage:!0,play:!0,plug:!0,plus:!0,"plus-circle":!0,"plus-square":!0,power:!0,"presentation-play":!0,process:!0,"question-circle":!0,"record-audio":!0,repeat:!0,rocket:!0,"ruler-combined":!0,save:!0,search:!0,"search-minus":!0,"search-plus":!0,"share-alt":!0,shield:!0,"shield-exclamation":!0,signal:!0,signin:!0,signout:!0,sitemap:!0,slack:!0,"sliders-v-alt":!0,spinner:!0,"sort-amount-down":!0,"sort-amount-up":!0,"square-shape":!0,star:!0,"step-backward":!0,stopwatch:!0,"stopwatch-slash":!0,sync:!0,"sync-slash":!0,table:!0,"tag-alt":!0,"telegram-alt":!0,"text-fields":!0,"thumbs-up":!0,times:!0,"times-circle":!0,"toggle-on":!0,"toggle-off":!0,"trash-alt":!0,unarchive:!0,unlock:!0,upload:!0,user:!0,"users-alt":!0,"user-arrows":!0,"vertical-align-bottom":!0,"vertical-align-center":!0,"vertical-align-top":!0,"web-section-alt":!0,"wrap-text":!0,rss:!0,x:!0};function p(a){return!a||typeof a!="string"?!1:a in i}function b(a){if(p(a))return a}},"./src/components/Icon/Icon.tsx":function(T,y,r){r.d(y,{I:function(){return w}});var i=r("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),p=r("../../node_modules/react/index.js"),b=r("../../node_modules/react-inlinesvg/esm/index.js"),a=r("../grafana-data/src/types/icon.ts"),d=r("./src/themes/ThemeContext.tsx"),v=r("./src/components/Icon/utils.ts"),n=Object.defineProperty,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,h=(u,g,_)=>g in u?n(u,g,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[g]=_,k=(u,g)=>{for(var _ in g||(g={}))o.call(g,_)&&h(u,_,g[_]);if(t)for(var _ of t(g))m.call(g,_)&&h(u,_,g[_]);return u},E=(u,g)=>{var _={};for(var x in u)o.call(u,x)&&g.indexOf(x)<0&&(_[x]=u[x]);if(u!=null&&t)for(var x of t(u))g.indexOf(x)<0&&m.call(u,x)&&(_[x]=u[x]);return _};const O=u=>({icon:(0,i.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,i.AH)({fill:u.v1.palette.orange})}),w=p.forwardRef((u,g)=>{var _=u,{size:x="md",type:C="default",name:P,className:I,style:s,title:c=""}=_,l=E(_,["size","type","name","className","style","title"]);const e=(0,d.of)(O);(0,a.n6)(P)||console.warn("Icon component passed an invalid icon name",P);const f=P==="fa fa-spinner"?"spinner":P,j=(0,v.Wj)(),A=(0,v.cs)(x),D=A,S=P.startsWith("gf-bar-align")?16:P.startsWith("gf-interp")?30:A,R=(0,v.Xi)(f,C),M=`${j}${R}/${f}.svg`,B=(0,i.cx)(e.icon,I,C==="mono"?{[e.orange]:P==="favorite"}:"",f==="spinner"&&"fa-spin");return p.createElement(b.A,k({innerRef:g,src:M,width:S,height:D,title:c,className:B,style:s},l))});w.displayName="Icon";try{w.displayName="Icon",w.__docgenInfo={description:"",displayName:"Icon",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'},{value:'"xxxl"'}]}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"solid"'},{value:'"default"'},{value:'"mono"'}]}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Icon/Icon.tsx#Icon"]={docgenInfo:w.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(T,y,r){r.d(y,{Wj:function(){return d},Xi:function(){return p},cs:function(){return b}});const i=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function p(v,n){return v?.startsWith("gf-")?"custom":i.includes(v)?"mono":n==="default"?"unicons":n==="solid"?"solid":"mono"}function b(v){switch(v){case"xs":return 12;case"sm":return 14;case"md":return 16;case"lg":return 18;case"xl":return 24;case"xxl":return 36;case"xxxl":return 48}}let a;function d(){if(a)return a;const v=typeof window<"u"&&window.__grafana_public_path__;return v?a=v+"img/icons/":a="public/img/icons/",a}},"./src/components/Tags/Tag.tsx":function(T,y,r){r.d(y,{v:function(){return C}});var i=r("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),p=r("../../node_modules/react/index.js"),b=r("../../node_modules/react-loading-skeleton/dist/index.js"),a=r("./src/themes/ThemeContext.tsx"),d=r("./src/utils/tags.ts"),v=r("./src/utils/skeleton.tsx"),n=r("./src/components/Icon/Icon.tsx"),t=Object.defineProperty,o=Object.defineProperties,m=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,O=(s,c,l)=>c in s?t(s,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[c]=l,w=(s,c)=>{for(var l in c||(c={}))k.call(c,l)&&O(s,l,c[l]);if(h)for(var l of h(c))E.call(c,l)&&O(s,l,c[l]);return s},u=(s,c)=>o(s,m(c)),g=(s,c)=>{var l={};for(var e in s)k.call(s,e)&&c.indexOf(e)<0&&(l[e]=s[e]);if(s!=null&&h)for(var e of h(s))c.indexOf(e)<0&&E.call(s,e)&&(l[e]=s[e]);return l};const _=(0,p.forwardRef)((s,c)=>{var l=s,{name:e,onClick:f,icon:j,className:A,colorIndex:D}=l,S=g(l,["name","onClick","icon","className","colorIndex"]);const R=(0,a.$j)(),M=I(R,e,D),B=N=>{N.preventDefault(),N.stopPropagation(),f?.(e,N)},L=(0,i.cx)(M.wrapper,A,{[M.hover]:f!==void 0});return f?p.createElement("button",u(w({},S),{className:L,onClick:B,ref:c}),j&&p.createElement(n.I,{name:j}),e):p.createElement("span",u(w({},S),{className:L,ref:c}),j&&p.createElement(n.I,{name:j}),e)});_.displayName="Tag";const x=({rootProps:s})=>{const c=(0,a.of)(P);return p.createElement(b.A,w({width:60,height:22,containerClassName:c.container},s))},C=(0,v.j)(_,x),P=()=>({container:(0,i.AH)({lineHeight:1})}),I=(s,c,l)=>{let e;return l===void 0?e=(0,d.MC)(c):e=(0,d.yC)(l),{wrapper:(0,i.AH)({appearance:"none",borderStyle:"none",fontWeight:s.typography.fontWeightMedium,fontSize:s.typography.size.sm,lineHeight:s.typography.bodySmall.lineHeight,verticalAlign:"baseline",backgroundColor:e.color,color:s.v1.palette.gray98,whiteSpace:"nowrap",textShadow:"none",padding:"3px 6px",borderRadius:s.shape.radius.default}),hover:(0,i.AH)({"&:hover":{opacity:.85,cursor:"pointer"}})}};try{C.displayName="Tag",C.__docgenInfo={description:"",displayName:"Tag",props:{name:{defaultValue:null,description:"Name of the tag to display",name:"name",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},colorIndex:{defaultValue:null,description:"Use constant color from TAG_COLORS. Using index instead of color directly so we can match other styling.",name:"colorIndex",required:!1,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"OnTagClick"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tag.tsx#Tag"]={docgenInfo:C.__docgenInfo,name:"Tag",path:"src/components/Tags/Tag.tsx#Tag"})}catch{}},"./src/utils/tags.ts":function(T,y,r){r.d(y,{MC:function(){return a},yC:function(){return d}});const i=["#D32D20","#1E72B8","#B240A2","#705DA0","#466803","#497A3C","#3D71AA","#B15415","#890F02","#6E6E6E","#0A437C","#6D1F62","#584477","#4C7A3F","#2F4F4F","#BF1B00","#7662B1","#8A2EB8","#517A00","#000000","#3F6833","#2F575E","#99440A","#AE561A","#0E4AB4","#58140C","#052B51","#511749","#3F2B5B"],p=["#FF7368","#459EE7","#E069CF","#9683C6","#6C8E29","#76AC68","#6AA4E2","#E7823D","#AF3528","#9B9B9B","#3069A2","#934588","#7E6A9D","#88C477","#557575","#E54126","#A694DD","#B054DE","#8FC426","#262626","#658E59","#557D84","#BF6A30","#FF9B53","#3470DA","#7E3A32","#2B5177","#773D6F","#655181"];function b(t=""){const o=v(t.toLowerCase());return Math.abs(o%i.length)}function a(t=""){const o=b(t);return d(o)}function d(t){return{color:i[t],borderColor:p[t]}}function v(t){let o=5381;for(let m=0;m<t.length;m++)o=(o<<5)+o+t.charCodeAt(m);return o}var n={getTagColorsFromName:a}},"../../node_modules/react-loading-skeleton/dist/index.js":function(T,y,r){r.d(y,{A:function(){return d}});var i=r("../../node_modules/react/index.js");const p=i.createContext({}),b=!0;function a({baseColor:n,highlightColor:t,width:o,height:m,borderRadius:h,circle:k,direction:E,duration:O,enableAnimation:w=b}){const u={};return E==="rtl"&&(u["--animation-direction"]="reverse"),typeof O=="number"&&(u["--animation-duration"]=`${O}s`),w||(u["--pseudo-element-display"]="none"),(typeof o=="string"||typeof o=="number")&&(u.width=o),(typeof m=="string"||typeof m=="number")&&(u.height=m),(typeof h=="string"||typeof h=="number")&&(u.borderRadius=h),k&&(u.borderRadius="50%"),typeof n<"u"&&(u["--base-color"]=n),typeof t<"u"&&(u["--highlight-color"]=t),u}function d({count:n=1,wrapper:t,className:o,containerClassName:m,containerTestId:h,circle:k=!1,style:E,...O}){var w,u,g;const _=i.useContext(p),x={...O};for(const[e,f]of Object.entries(O))typeof f>"u"&&delete x[e];const C={..._,...x,circle:k},P={...E,...a(C)};let I="react-loading-skeleton";o&&(I+=` ${o}`);const s=(w=C.inline)!==null&&w!==void 0?w:!1,c=[],l=Math.ceil(n);for(let e=0;e<l;e++){let f=P;if(l>n&&e===l-1){const A=(u=f.width)!==null&&u!==void 0?u:"100%",D=n%1,S=typeof A=="number"?A*D:`calc(${A} * ${D})`;f={...f,width:S}}const j=i.createElement("span",{className:I,style:f,key:e},"\u200C");s?c.push(j):c.push(i.createElement(i.Fragment,{key:e},j,i.createElement("br",null)))}return i.createElement("span",{className:m,"data-testid":h,"aria-live":"polite","aria-busy":(g=C.enableAnimation)!==null&&g!==void 0?g:b},t?c.map((e,f)=>i.createElement(t,{key:f},e)):c)}function v({children:n,...t}){return React.createElement(p.Provider,{value:t},n)}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(T,y,r){/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var i=r("../../node_modules/react/index.js"),p=Symbol.for("react.element"),b=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,d=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v={key:!0,ref:!0,__self:!0,__source:!0};function n(t,o,m){var h,k={},E=null,O=null;m!==void 0&&(E=""+m),o.key!==void 0&&(E=""+o.key),o.ref!==void 0&&(O=o.ref);for(h in o)a.call(o,h)&&!v.hasOwnProperty(h)&&(k[h]=o[h]);if(t&&t.defaultProps)for(h in o=t.defaultProps,o)k[h]===void 0&&(k[h]=o[h]);return{$$typeof:p,type:t,key:E,ref:O,props:k,_owner:d.current}}y.Fragment=b,y.jsx=n,y.jsxs=n},"../../node_modules/react/jsx-runtime.js":function(T,y,r){T.exports=r("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
