(function(H,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("vue"),require("chart.js"),require("vue-chartjs")):typeof define=="function"&&define.amd?define(["exports","vue","chart.js","vue-chartjs"],C):(H=typeof globalThis<"u"?globalThis:H||self,C(H.TvuDesignSystem={},H.Vue,H.Chart,H.VueChartJS))})(this,function(H,C,E,T){"use strict";const U='',W='',X='',O1='',j1='',G='',J='',R1='',q1='',U1='',W1='',X1='',G1='',J1='',K1='',Y1='',Q1='',C9='',e9='',t9='',l9='',o9='',i9='',K='',n9={"action/add":U,"action/minus":W,"action/search":X1,"action/loading":Y1,"action/close":Q1,"action/selected":K},a9=[{name:"action/add",category:"action",exportName:"IconAdd",aliases:["add"],tags:["edit","plus"]},{name:"action/minus",category:"action",exportName:"IconMinus",aliases:["minus"],tags:["edit","subtract"]},{name:"action/search",category:"action",exportName:"IconSearch",aliases:["search"],tags:["find","lookup"]},{name:"action/loading",category:"action",exportName:"IconLoading",aliases:["loading"],tags:["spinner","progress"]},{name:"action/close",category:"action",exportName:"IconClose",aliases:["close"],tags:["dismiss","clear"]},{name:"action/selected",category:"action",exportName:"IconSelected",aliases:["selected"],tags:["check","confirm"]}],r9={"navigation/arrow-dropdown":X,"navigation/previous":O1,"navigation/next":j1,"navigation/arrow-up":R1,"navigation/arrow-down":q1,"navigation/arrow-right":U1,"navigation/arrow-left":W1},s9=[{name:"navigation/arrow-dropdown",category:"navigation",exportName:"IconArrowDropdown",aliases:["arrow-dropdown"],tags:["chevron","expand"]},{name:"navigation/previous",category:"navigation",exportName:"IconPrevious",aliases:["previous"],tags:["left","pagination"]},{name:"navigation/next",category:"navigation",exportName:"IconNext",aliases:["next"],tags:["right","pagination"]},{name:"navigation/arrow-up",category:"navigation",exportName:"IconArrowUp",aliases:["arrow-up"],tags:["up"]},{name:"navigation/arrow-down",category:"navigation",exportName:"IconArrowDown",aliases:["arrow-down"],tags:["down"]},{name:"navigation/arrow-right",category:"navigation",exportName:"IconArrowRight",aliases:["arrow-right"],tags:["right"]},{name:"navigation/arrow-left",category:"navigation",exportName:"IconArrowLeft",aliases:["arrow-left"],tags:["left"]}],d9={"time/clock":G1,"time/calendar":J1},H9=[{name:"time/clock",category:"time",exportName:"IconClock",aliases:["clock"],tags:["time"]},{name:"time/calendar",category:"time",exportName:"IconCalendar",aliases:["calendar"],tags:["date"]}],h9={"status/success":t9,"status/warning":l9,"status/error":o9,"status/info":i9},V9=[{name:"status/success",category:"status",exportName:"IconStatusSuccess",aliases:["status-success"],tags:["feedback","positive"]},{name:"status/warning",category:"status",exportName:"IconStatusWarning",aliases:["status-warning"],tags:["feedback","caution"]},{name:"status/error",category:"status",exportName:"IconStatusError",aliases:["status-error"],tags:["feedback","negative"]},{name:"status/info",category:"status",exportName:"IconStatusInfo",aliases:["status-info"],tags:["feedback","neutral"]}],c9={"rating/star-empty":C9,"rating/star-filled":e9},g9=[{name:"rating/star-empty",category:"rating",exportName:"IconStarEmpty",aliases:["star-empty"],tags:["score"]},{name:"rating/star-filled",category:"rating",exportName:"IconStarFilled",aliases:["star-filled"],tags:["score"]}],w9={"theme/picture-light":K1},L9=[{name:"theme/picture-light",category:"theme",exportName:"IconPictureLight",aliases:["picture-light"],tags:["appearance","theme"]}],p9={"brand/logo-tvu":G,"brand/logo-ts":J},f9=[{name:"brand/logo-tvu",category:"brand",exportName:"LogoTVU",aliases:["logo-tvu"],tags:["logo","brand"]},{name:"brand/logo-ts",category:"brand",exportName:"LogoTS",aliases:["logo-ts"],tags:["logo","brand"]}],A=[...a9,...s9,...H9,...V9,...g9,...L9,...f9],D={action:n9,navigation:r9,time:d9,status:h9,rating:c9,theme:w9,brand:p9},Y=Object.freeze(A.reduce((e,l)=>{e[l.name]=l.name;for(const t of l.aliases??[])e[t]=l.name;return e},{})),Q=Object.freeze(A.reduce((e,l)=>{const t=D[l.category][l.name];e[l.name]=t;for(const o of l.aliases??[])e[o]=t;return e},{}));function O(e){if(!e)return null;const l=Y[e]??e;return Q[l]??null}function M9(e){return Object.entries(D[e]).map(([l,t])=>({name:l,svg:t}))}const Z9={arrow:()=>Promise.resolve().then(()=>Z0).then(e=>e.arrowIcons),audio:()=>Promise.resolve().then(()=>m0).then(e=>e.audioIcons),cut:()=>Promise.resolve().then(()=>u0).then(e=>e.cutIcons),edit:()=>Promise.resolve().then(()=>v0).then(e=>e.editIcons),feature:()=>Promise.resolve().then(()=>x0).then(e=>e.featureIcons),file:()=>Promise.resolve().then(()=>B0).then(e=>e.fileIcons),filter:()=>Promise.resolve().then(()=>b0).then(e=>e.filterIcons),indicator:()=>Promise.resolve().then(()=>y0).then(e=>e.indicatorIcons),input:()=>Promise.resolve().then(()=>k0).then(e=>e.inputIcons),load:()=>Promise.resolve().then(()=>_0).then(e=>e.loadIcons),location:()=>Promise.resolve().then(()=>S0).then(e=>e.locationIcons),logo:()=>Promise.resolve().then(()=>E0).then(e=>e.logoIcons),mark:()=>Promise.resolve().then(()=>$0).then(e=>e.markIcons),meeting:()=>Promise.resolve().then(()=>F0).then(e=>e.meetingIcons),menu:()=>Promise.resolve().then(()=>P0).then(e=>e.menuIcons),message:()=>Promise.resolve().then(()=>I0).then(e=>e.messageIcons),network:()=>Promise.resolve().then(()=>z0).then(e=>e.networkIcons),others:()=>Promise.resolve().then(()=>T0).then(e=>e.othersIcons),output:()=>Promise.resolve().then(()=>N0).then(e=>e.outputIcons),pay:()=>Promise.resolve().then(()=>A0).then(e=>e.payIcons),picture:()=>Promise.resolve().then(()=>D0).then(e=>e.pictureIcons),preview:()=>Promise.resolve().then(()=>O0).then(e=>e.previewIcons),search:()=>Promise.resolve().then(()=>j0).then(e=>e.searchIcons),setting:()=>Promise.resolve().then(()=>R0).then(e=>e.settingIcons),share:()=>Promise.resolve().then(()=>q0).then(e=>e.shareIcons),time:()=>Promise.resolve().then(()=>U0).then(e=>e.timeIcons),user:()=>Promise.resolve().then(()=>W0).then(e=>e.userIcons),video:()=>Promise.resolve().then(()=>X0).then(e=>e.videoIcons)},C1=new Map,e1=Z9;async function m9(e){if(!e||!(e in e1))return null;const l=C1.get(e);if(l)return l;const t=e1[e],o=t();return C1.set(e,o),o}async function u9(e){if(!e||!e.includes("/"))return null;const l=e.split("/")[0],t=await m9(l);return(t==null?void 0:t[e])??null}const v9=["innerHTML"],x9={key:1,class:"icon icon--empty"},B9=C.defineComponent({__name:"Icon",props:{name:{},size:{default:16},color:{default:"currentColor"}},setup(e){const l=C.useAttrs(),t=e,o=C.ref(null),i=C.computed(()=>O(t.name)),n=C.computed(()=>i.value??o.value),a=C.computed(()=>{const d={width:t.size+"px",height:t.size+"px"};return t.color&&t.color!=="currentColor"&&(d.color=t.color),d});let s=0;C.watch(()=>t.name,async d=>{const h=++s;if(o.value=null,O(d))return;const L=await u9(d);h===s&&(o.value=L)},{immediate:!0});const r=C.computed(()=>l["aria-hidden"]==="true"||l["aria-hidden"]===!0?{}:{"aria-label":t.name,role:"img"});return(d,h)=>n.value?(C.openBlock(),C.createElementBlock("span",C.mergeProps({key:0,class:"icon",style:a.value,innerHTML:n.value},r.value),null,16,v9)):(C.openBlock(),C.createElementBlock("span",x9))}}),f=(e,l)=>{const t=e.__vccOpts||e;for(const[o,i]of l)t[o]=i;return t},g=f(B9,[["__scopeId","data-v-0dd730e5"]]),b9=["disabled"],P=f(C.defineComponent({__name:"Button",props:{canonicalColor:{default:"green"},canonicalStyle:{default:"filling"},canonicalRadius:{default:"square"},canonicalFixedWidth:{default:"no"},canonicalStatus:{default:"default"},canonicalIcon:{default:"no"},canonicalSize:{default:"M"},canonicalTheme:{default:"dark"}},emits:["click"],setup(e,{emit:l}){const t={filling:{green:"fill-green","gray 1":"fill-gray",red:"fill-red",orange:"fill-orange"},ghost:{green:"ghost-green","gray 1":"ghost-gray",red:"ghost-red",orange:"ghost-orange"},rimless:{green:"text-green","gray 1":"text-gray",red:"text-red",orange:"text-orange"}},o={XS:"xs",S:"s",M:"m",L:"l"},i={XS:{square:{text:"45px",withIcon:"65px"},round:{text:"53px",withIcon:"73px"}},S:{square:{text:"60px",withIcon:"80px"},round:{text:"68px",withIcon:"88px"}},M:{square:{text:"76px",withIcon:"96px"},round:{text:"84px",withIcon:"104px"}},L:{square:{text:"90px",withIcon:"116px"},round:{text:"98px",withIcon:"124px"}}},n={XS:{height:"16px",fontSize:"12px",lineHeight:"14px",radiusSquare:"2px",radiusRound:"16px",paddingSquare:"4px",paddingRound:"8px",iconGap:"4px"},S:{height:"24px",fontSize:"14px",lineHeight:"21px",radiusSquare:"4px",radiusRound:"16px",paddingSquare:"8px",paddingRound:"12px",iconGap:"4px"},M:{height:"32px",fontSize:"14px",lineHeight:"21px",radiusSquare:"4px",radiusRound:"16px",paddingSquare:"16px",paddingRound:"20px",iconGap:"4px"},L:{height:"40px",fontSize:"14px",lineHeight:"21px",radiusSquare:"4px",radiusRound:"20px",paddingSquare:"24px",paddingRound:"28px",iconGap:"8px"}},a=e,s=l,r=C.computed(()=>({color:a.canonicalColor,style:a.canonicalStyle,radius:a.canonicalRadius,fixedWidth:a.canonicalFixedWidth,status:a.canonicalStatus,icon:a.canonicalIcon,size:a.canonicalSize,theme:a.canonicalTheme})),d=C.computed(()=>t[r.value.style][r.value.color]??null),h=C.computed(()=>o[r.value.size]),L=C.computed(()=>r.value.status==="loading"||r.value.icon==="loading"||r.value.icon==="loading button"),c=C.computed(()=>L.value||r.value.status==="disable"),M=C.computed(()=>["left","right","light","loading","loading button"].includes(r.value.icon)),w=C.computed(()=>L.value||r.value.icon==="loading"||r.value.icon==="loading button"?"loading":r.value.icon==="left"?"arrow-dropdown":r.value.icon==="light"?"picture-light":null),m=C.computed(()=>r.value.icon==="right"?"arrow-dropdown":null),v=C.computed(()=>r.value.size==="XS"?12:16),b=C.computed(()=>{const{style:k,color:S,status:I}=r.value,N=I==="hover"?"hover":I==="disable"||I==="loading"?"disable":"default";return{filling:{green:{default:{bg:"var(--brand)",text:"var(--text-primary-btn)",border:"transparent"},hover:{bg:"var(--brand-hover)",text:"var(--text-primary-btn)",border:"transparent"},disable:{bg:"var(--brand-disable)",text:"var(--text-tips)",border:"transparent"}},"gray 1":{default:{bg:"var(--bg-grey-btn-en)",text:"var(--text-2)",border:"transparent"},hover:{bg:"var(--bg-grey-btn-hv)",text:"var(--text-2)",border:"transparent"},disable:{bg:"var(--bg-grey-btn-dis)",text:"var(--text-placeholder)",border:"transparent"}},red:{default:{bg:"var(--red)",text:"var(--text-primary-btn)",border:"transparent"},hover:{bg:"var(--red-hover)",text:"var(--text-primary-btn)",border:"transparent"},disable:{bg:"var(--red)",text:"var(--text-primary-btn)",border:"transparent"}},orange:{default:{bg:"var(--orange)",text:"var(--text-primary-btn)",border:"transparent"},hover:{bg:"var(--orange-hover)",text:"var(--text-primary-btn)",border:"transparent"},disable:{bg:"var(--orange)",text:"var(--text-primary-btn)",border:"transparent"}}},ghost:{green:{default:{bg:"transparent",text:"var(--brand)",border:"var(--brand)"},hover:{bg:"var(--green-bg)",text:"var(--brand)",border:"var(--brand)"},disable:{bg:"transparent",text:"var(--brand-disable)",border:"var(--brand-disable)"}},"gray 1":{default:{bg:"transparent",text:"var(--text-2)",border:"var(--bg-grey-btn-en)"},hover:{bg:"var(--bg-grey-btn-en)",text:"var(--text-2)",border:"var(--bg-grey-btn-en)"},disable:{bg:"transparent",text:"var(--text-placeholder)",border:"var(--bg-grey-btn-en)"}},red:{default:{bg:"transparent",text:"var(--red)",border:"var(--red)"},hover:{bg:"var(--red-bg)",text:"var(--red)",border:"var(--red)"},disable:{bg:"transparent",text:"var(--red)",border:"var(--red)"}},orange:{default:{bg:"transparent",text:"var(--orange)",border:"var(--orange)"},hover:{bg:"var(--orange-bg)",text:"var(--orange)",border:"var(--orange)"},disable:{bg:"transparent",text:"var(--orange)",border:"var(--orange)"}}},rimless:{green:{default:{bg:"transparent",text:"var(--brand)",border:"transparent"},hover:{bg:"var(--green-bg)",text:"var(--brand)",border:"transparent"},disable:{bg:"transparent",text:"var(--brand-disable)",border:"transparent"}},"gray 1":{default:{bg:"transparent",text:"var(--text-2)",border:"transparent"},hover:{bg:"var(--bg-grey-btn-en)",text:"var(--text-2)",border:"transparent"},disable:{bg:"transparent",text:"var(--text-placeholder)",border:"transparent"}},red:{default:{bg:"transparent",text:"var(--red)",border:"transparent"},hover:{bg:"var(--red-bg)",text:"var(--red)",border:"transparent"},disable:{bg:"transparent",text:"var(--red)",border:"transparent"}},orange:{default:{bg:"transparent",text:"var(--orange)",border:"transparent"},hover:{bg:"var(--orange-bg)",text:"var(--orange)",border:"transparent"},disable:{bg:"transparent",text:"var(--orange)",border:"transparent"}}}}[k][S][N]}),_=C.computed(()=>{const k=i[r.value.size][r.value.radius];return M.value?k.withIcon:k.text}),u=C.computed(()=>n[r.value.size]),B=C.computed(()=>r.value.radius==="round"?u.value.paddingRound:u.value.paddingSquare),$=C.computed(()=>r.value.style==="ghost"?"1.2px":"1px"),Z=C.computed(()=>{const{color:k,status:S}=r.value;return(S==="disable"||S==="loading")&&(k==="red"||k==="orange")?"0.4":"1"}),V=C.computed(()=>({"--btn-bg":b.value.bg,"--btn-color":b.value.text,"--btn-border":b.value.border,"--btn-opacity":Z.value,"--btn-height":u.value.height,"--btn-font-size":u.value.fontSize,"--btn-line-height":u.value.lineHeight,"--btn-gap":M.value?u.value.iconGap:"0px","--btn-padding-inline":B.value,"--btn-border-width":$.value,"--btn-radius-square":u.value.radiusSquare,"--btn-radius-round":u.value.radiusRound,"--btn-fixed-width":r.value.fixedWidth==="yes"?_.value:"auto","--btn-min-width":r.value.fixedWidth==="yes"?_.value:"0px"})),p=C.computed(()=>({"data-figma-color":r.value.color,"data-figma-style":r.value.style,"data-figma-radius":r.value.radius,"data-figma-fixed-width":r.value.fixedWidth,"data-figma-status":r.value.status,"data-figma-icon":r.value.icon,"data-figma-size":r.value.size,"data-figma-theme":r.value.theme,"data-figma-opacity":Z.value}));function y(k){c.value||s("click",k)}return(k,S)=>(C.openBlock(),C.createElementBlock("button",C.mergeProps({class:["btn",[d.value?`btn--${d.value}`:null,`btn--${h.value}`,`btn--radius-${r.value.radius}`,`btn--fixed-${r.value.fixedWidth}`,`btn--status-${r.value.status}`,`btn--icon-${r.value.icon.replace(/\s+/g,"-")}`,{"btn--canonical":!0,"btn--loading":L.value}]],style:V.value,disabled:c.value},p.value,{onClick:y}),[C.renderSlot(k.$slots,"prefix",{},void 0,!0),w.value?(C.openBlock(),C.createBlock(g,{key:0,name:w.value,size:v.value,class:C.normalizeClass(["btn-icon btn-icon--leading",{"btn-spinner":w.value==="loading"}])},null,8,["name","size","class"])):C.createCommentVNode("",!0),C.renderSlot(k.$slots,"default",{},void 0,!0),m.value?(C.openBlock(),C.createBlock(g,{key:1,name:m.value,size:v.value,class:"btn-icon btn-icon--trailing"},null,8,["name","size"])):C.createCommentVNode("",!0),C.renderSlot(k.$slots,"suffix",{},void 0,!0)],16,b9))}}),[["__scopeId","data-v-010efe60"]]),t1=C.defineComponent({__name:"ButtonBridge",props:{color:{default:"gray 1"},fixedWidth:{default:"no"},icon:{default:"no"},radius:{default:"square"},size:{default:"M"},status:{default:"default"},style:{default:"filling"},theme:{}},setup(e){const l=e,t=C.inject("docsTheme",C.ref("dark")),o=C.computed(()=>l.theme??t.value),i=C.computed(()=>({"data-figma-component":"Button","data-figma-source-layer":"components-tokenized","data-figma-color":l.color,"data-figma-fixed-width":l.fixedWidth,"data-figma-icon":l.icon,"data-figma-radius":l.radius,"data-figma-size":l.size,"data-figma-status":l.status,"data-figma-style":l.style,"data-figma-theme":o.value}));return(n,a)=>(C.openBlock(),C.createBlock(P,C.mergeProps(i.value,{"canonical-color":e.color,"canonical-fixed-width":e.fixedWidth,"canonical-icon":e.icon,"canonical-radius":e.radius,"canonical-size":e.size,"canonical-status":e.status,"canonical-style":e.style,"canonical-theme":o.value}),C.createSlots({default:C.withCtx(()=>[C.renderSlot(n.$slots,"default")]),_:2},[n.$slots.prefix?{name:"prefix",fn:C.withCtx(()=>[C.renderSlot(n.$slots,"prefix")]),key:"0"}:void 0,n.$slots.suffix?{name:"suffix",fn:C.withCtx(()=>[C.renderSlot(n.$slots,"suffix")]),key:"1"}:void 0]),1040,["canonical-color","canonical-fixed-width","canonical-icon","canonical-radius","canonical-size","canonical-status","canonical-style","canonical-theme"]))}}),y9={key:0,class:"radio-dot"},j=f(C.defineComponent({__name:"Radio",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showIcon:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l;function i(){t.disabled||o("update:modelValue",!0)}return(n,a)=>(C.openBlock(),C.createElementBlock("label",{class:C.normalizeClass(["radio",{"radio--disabled":e.disabled}]),onClick:C.withModifiers(i,["prevent"])},[e.showIcon?(C.openBlock(),C.createElementBlock("span",{key:0,class:C.normalizeClass(["radio-circle",{"radio-circle--selected":e.modelValue,"radio-circle--disabled-off":e.disabled&&!e.modelValue,"radio-circle--disabled-selected":e.disabled&&e.modelValue}])},[e.modelValue?(C.openBlock(),C.createElementBlock("span",y9)):C.createCommentVNode("",!0)],2)):C.createCommentVNode("",!0),C.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-d81d8583"]]),l1=C.defineComponent({__name:"Radio",props:{darkTheme:{default:"on"},status:{default:"off"},enable:{default:"yes"}},emits:["update:status"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.status==="on"),n=C.computed(()=>({"data-figma-component":"radio","data-figma-dark-theme":t.darkTheme,"data-figma-status":t.status,"data-figma-enable":t.enable}));function a(s){o("update:status",s?"on":"off")}return(s,r)=>(C.openBlock(),C.createBlock(j,C.mergeProps(n.value,{"model-value":i.value,disabled:e.enable==="no","onUpdate:modelValue":a}),{default:C.withCtx(()=>[C.renderSlot(s.$slots,"default")]),_:3},16,["model-value","disabled"]))}}),k9=["aria-checked","aria-label","disabled"],_9={class:"switch-thumb"},o1=f(C.defineComponent({__name:"Switch",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},live:{type:Boolean,default:!1},theme:{default:"dark"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l;function i(){!t.disabled&&!t.loading&&o("update:modelValue",!t.modelValue)}return(n,a)=>(C.openBlock(),C.createElementBlock("button",{class:C.normalizeClass(["switch",{"switch--on":e.modelValue,"switch--live":e.live,"switch--disabled":e.disabled,"switch--loading":e.loading,[`switch--${e.theme}`]:!0}]),role:"switch","aria-checked":e.modelValue,"aria-label":n.$attrs["aria-label"]??(e.modelValue?"on":"off"),disabled:e.disabled||e.loading,onClick:i},[C.createElementVNode("span",_9,[e.loading?(C.openBlock(),C.createBlock(g,{key:0,name:"loading",size:12,class:"switch-spinner"})):C.createCommentVNode("",!0)])],10,k9))}}),[["__scopeId","data-v-03f1f4ef"]]),i1=C.defineComponent({__name:"Switch",props:{darkTheme:{default:"on"},status:{default:"off"},enable:{default:"yes"},loading:{default:"no"}},emits:["update:status"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.status==="on"||t.status==="live"),n=C.computed(()=>t.status==="live"),a=C.computed(()=>t.loading==="yes"),s=C.computed(()=>({"data-figma-component":"switch","data-figma-dark-theme":t.darkTheme,"data-figma-status":t.status,"data-figma-enable":t.enable,"data-figma-loading":t.loading}));function r(d){if(!d){o("update:status","off");return}o("update:status",t.status==="live"?"live":"on")}return(d,h)=>(C.openBlock(),C.createBlock(o1,C.mergeProps(s.value,{"model-value":i.value,live:n.value,loading:a.value,disabled:e.enable==="no",theme:e.darkTheme==="on"?"dark":"light","onUpdate:modelValue":r}),null,16,["model-value","live","loading","disabled","theme"]))}}),S9=["value","placeholder","aria-label","disabled","readonly","maxlength"],E9={key:0,class:"tvu-input-count"},n1=f(C.defineComponent({inheritAttrs:!1,__name:"Input",props:{modelValue:{default:""},placeholder:{default:""},size:{default:"m"},variant:{default:"line"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},showCount:{type:Boolean,default:!1},maxlength:{default:void 0}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.useAttrs(),n=C.computed(()=>t.modelValue.length),a=C.computed(()=>{if(!("aria-label"in i||"aria-labelledby"in i||"id"in i))return t.placeholder?t.placeholder:t.variant==="filled"?"filled text input":"text input"});return(s,r)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["tvu-input-wrap",{"tvu-input-wrap--count":e.showCount&&e.maxlength!=null}])},[C.createElementVNode("input",C.mergeProps(C.unref(i),{class:["tvu-input",[`tvu-input--${e.size}`,{"tvu-input--filled":e.variant==="filled"},{"tvu-input--error":e.error}]],value:e.modelValue,placeholder:e.placeholder,"aria-label":a.value,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxlength,onInput:r[0]||(r[0]=d=>o("update:modelValue",d.target.value))}),null,16,S9),e.showCount&&e.maxlength!=null?(C.openBlock(),C.createElementBlock("span",E9,C.toDisplayString(n.value)+"/"+C.toDisplayString(e.maxlength),1)):C.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-09863ea8"]]),a1=f(C.defineComponent({__name:"InputBoxBase",props:{modelValue:{default:""},placeholder:{default:""},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"no"},readonly:{type:Boolean,default:!1},variant:{default:"line"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.size==="M"?"m":"l"),n=C.computed(()=>t.feature==="yes"),a=C.computed(()=>t.feature==="yes"&&t.status==="normal"&&t.ux==="click"&&!!t.modelValue),s=C.computed(()=>`input box/${t.variant}`),r=C.computed(()=>({"data-figma-component":s.value,"data-figma-dark-theme":t.darkTheme,"data-figma-status":t.status,"data-figma-enable":t.enable,"data-figma-ux":t.ux,"data-figma-size":t.size,"data-figma-feature":t.feature}));function d(){o("update:modelValue","")}return(h,L)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["input-wrap",{"input-wrap--feature":n.value,"input-wrap--feature-clear":a.value}])},[n.value?(C.openBlock(),C.createBlock(g,{key:0,name:"search",class:"input-feature-icon"})):C.createCommentVNode("",!0),C.createVNode(n1,C.mergeProps(r.value,{"model-value":e.modelValue,placeholder:e.placeholder,variant:e.variant,size:i.value,disabled:e.enable==="off",readonly:e.readonly,error:e.ux==="error","onUpdate:modelValue":L[0]||(L[0]=c=>o("update:modelValue",c))}),null,16,["model-value","placeholder","variant","size","disabled","readonly","error"]),a.value?(C.openBlock(),C.createElementBlock("span",{key:1,class:"input-clear-icon",onClick:d},[C.createVNode(g,{name:"close",size:12})])):C.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-6feebe8d"]]),r1=C.defineComponent({__name:"InputBoxLine",props:{modelValue:{default:""},placeholder:{default:""},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"no"},readonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=l;return(o,i)=>(C.openBlock(),C.createBlock(a1,{"model-value":e.modelValue,placeholder:e.placeholder,"dark-theme":e.darkTheme,status:e.status,enable:e.enable,ux:e.ux,size:e.size,feature:e.feature,readonly:e.readonly,variant:"line","onUpdate:modelValue":i[0]||(i[0]=n=>t("update:modelValue",n))},null,8,["model-value","placeholder","dark-theme","status","enable","ux","size","feature","readonly"]))}}),s1=C.defineComponent({__name:"InputBoxFilled",props:{modelValue:{default:""},placeholder:{default:""},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"no"},readonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=l;return(o,i)=>(C.openBlock(),C.createBlock(a1,{"model-value":e.modelValue,placeholder:e.placeholder,"dark-theme":e.darkTheme,status:e.status,enable:e.enable,ux:e.ux,size:e.size,feature:e.feature,readonly:e.readonly,variant:"filled","onUpdate:modelValue":i[0]||(i[0]=n=>t("update:modelValue",n))},null,8,["model-value","placeholder","dark-theme","status","enable","ux","size","feature","readonly"]))}}),d1=f(C.defineComponent({__name:"Badge",props:{color:{default:"Green"},tag:{default:"Filled"},type:{default:"Circle"}},setup(e){const l=e,t=C.computed(()=>({Neutral:{fillBg:"var(--bg-layer3)",lineBorder:"var(--line-deep)",filledText:"var(--text-body)",lineText:"var(--text-body)"},Blue:{fillBg:"var(--blue)",lineBorder:"var(--blue)",filledText:"var(--text-primary-btn)",lineText:"var(--blue)"},Green:{fillBg:"var(--brand)",lineBorder:"var(--brand)",filledText:"var(--text-primary-btn)",lineText:"var(--brand)"},Orange:{fillBg:"var(--orange)",lineBorder:"var(--orange)",filledText:"var(--text-primary-btn)",lineText:"var(--orange)"},Red:{fillBg:"var(--red)",lineBorder:"var(--red)",filledText:"var(--text-primary-btn)",lineText:"var(--red)"}})),o=C.computed(()=>l.type==="Circle"?"5":{Neutral:"Msg",Red:"Error",Orange:"Warn",Blue:"Active",Green:"Done"}[l.color]),i=C.computed(()=>({"data-figma-component":"Badge","data-figma-color":l.color,"data-figma-tag":l.tag,"data-figma-type":l.type})),n=C.computed(()=>{const a=t.value[l.color];return{"align-self":"flex-start","--badge-bg":l.tag==="Filled"?a.fillBg:"transparent","--badge-border":l.tag==="Line"?a.lineBorder:"transparent","--badge-text":l.tag==="Filled"?a.filledText:a.lineText,"--badge-width":l.type==="Circle"?"var(--badge-circle-size)":"auto","--badge-padding-inline":l.type==="Circle"?"0":"var(--sp-s)","--badge-padding-block":l.type==="Circle"?"0":"var(--sp-xxs)"}});return(a,s)=>(C.openBlock(),C.createElementBlock("span",C.mergeProps({class:["canonical-badge",[`canonical-badge--${l.tag.toLowerCase()}`,`canonical-badge--${l.type.toLowerCase()}`]],style:n.value},i.value),[C.renderSlot(a.$slots,"default",{},()=>[C.createTextVNode(C.toDisplayString(o.value),1)],!0)],16))}}),[["__scopeId","data-v-b9008de7"]]),$9={"aria-label":"breadcrumb"},F9={class:"breadcrumb"},P9=f(C.defineComponent({__name:"Breadcrumb",setup(e){return(l,t)=>(C.openBlock(),C.createElementBlock("nav",$9,[C.createElementVNode("ol",F9,[C.renderSlot(l.$slots,"default",{},void 0,!0)])]))}}),[["__scopeId","data-v-1efd4a9a"]]),H1=C.defineComponent({__name:"Breadcrumb",setup(e){const l=C.useAttrs(),t=C.computed(()=>({"data-figma-component":"Breadcrumb/Item","data-figma-capability":"Breadcrumb"}));return(o,i)=>(C.openBlock(),C.createBlock(P9,C.normalizeProps(C.guardReactiveProps({...C.unref(l),...t.value})),{default:C.withCtx(()=>[C.renderSlot(o.$slots,"default")]),_:3},16))}}),I9=f(C.defineComponent({__name:"BreadcrumbItem",props:{href:{default:void 0},current:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showSeparator:{type:Boolean,default:!0},state:{default:void 0}},setup(e){const l=e,t=C.computed(()=>l.state?l.state:l.current?"current":l.disabled?"disabled":"Default"),o=C.computed(()=>l.href&&t.value==="Default");return(i,n)=>(C.openBlock(),C.createElementBlock("li",{class:C.normalizeClass(["breadcrumb-item",[`breadcrumb-item--${t.value}`,{"breadcrumb-item--without-separator":!e.showSeparator}]])},[e.showSeparator?(C.openBlock(),C.createBlock(g,{key:0,name:"arrow-right",class:"breadcrumb-item__separator","aria-hidden":"true"})):C.createCommentVNode("",!0),(C.openBlock(),C.createBlock(C.resolveDynamicComponent(o.value?"a":"span"),{class:"breadcrumb-item__label",href:o.value?e.href:void 0,"aria-current":t.value==="current"?"page":void 0},{default:C.withCtx(()=>[C.renderSlot(i.$slots,"default",{},void 0,!0)]),_:3},8,["href","aria-current"]))],2))}}),[["__scopeId","data-v-ce80cd8b"]]),h1=C.defineComponent({__name:"BreadcrumbItem",props:{href:{default:void 0},showSeparator:{type:Boolean,default:!0},state:{default:"current"}},setup(e){const l=e,t=C.computed(()=>({"data-figma-component":"Breadcrumb/Item","data-figma-state":l.state}));return(o,i)=>(C.openBlock(),C.createBlock(I9,C.mergeProps(t.value,{href:e.href,"show-separator":e.showSeparator,state:e.state}),{default:C.withCtx(()=>[C.renderSlot(o.$slots,"default")]),_:3},16,["href","show-separator","state"]))}}),V1=f(C.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},theme:{default:"dark"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l;function i(){t.disabled||o("update:modelValue",!t.modelValue)}return(n,a)=>(C.openBlock(),C.createElementBlock("label",{class:C.normalizeClass(["cb",[`cb--${e.theme}`,{"cb--disabled":e.disabled}]]),onClick:C.withModifiers(i,["prevent"])},[C.createElementVNode("span",{class:C.normalizeClass(["cb-box",{"cb-box--checked":e.modelValue&&!e.indeterminate,"cb-box--indeterminate":e.indeterminate}])},[e.modelValue&&!e.indeterminate?(C.openBlock(),C.createBlock(g,{key:0,name:"selected",size:10,class:"cb-icon cb-icon--selected","aria-hidden":"true"})):C.createCommentVNode("",!0),e.indeterminate?(C.openBlock(),C.createBlock(g,{key:1,name:"minus",size:8,class:"cb-icon cb-icon--minus","aria-hidden":"true"})):C.createCommentVNode("",!0)],2),C.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-c61b80ff"]]),c1=C.defineComponent({__name:"CheckBox",props:{darkTheme:{default:"on"},status:{default:"off"},enable:{default:"yes"}},emits:["update:status"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.status==="on"),n=C.computed(()=>t.status==="some"),a=C.computed(()=>({"data-figma-component":"check box","data-figma-dark-theme":t.darkTheme,"data-figma-status":t.status,"data-figma-enable":t.enable}));function s(r){o("update:status",r?"on":"off")}return(r,d)=>(C.openBlock(),C.createBlock(V1,C.mergeProps(a.value,{"model-value":i.value,indeterminate:n.value,disabled:e.enable==="no",theme:e.darkTheme==="on"?"dark":"light","onUpdate:modelValue":s}),{default:C.withCtx(()=>[C.renderSlot(r.$slots,"default")]),_:3},16,["model-value","indeterminate","disabled","theme"]))}}),z9={class:"form-item__main"},T9={key:0},N9={key:1},A9={key:2,class:"form-item__required"},D9={class:"form-item__content"},O9={key:2,class:"form-item__resize","aria-hidden":"true"},j9={key:1,class:"form-item__choice-group",role:"presentation"},R9={key:2,class:"form-item__choice-group",role:"presentation"},q9={key:3,class:"form-item__switch-wrap"},U9=f(C.defineComponent({__name:"FormItem",props:{label:{default:"Form Label"},required:{type:Boolean,default:!1},error:{},hint:{default:""},labelWidth:{default:"120 px"},layout:{default:"1 line"},status:{default:"Normal"},theme:{default:"Dark"},type:{default:"Label & Input"}},setup(e){const l=e,t=C.useSlots(),o=C.computed(()=>!!t.label),i=C.computed(()=>l.theme==="Dark"),n=C.computed(()=>i.value?"dark":"light"),a=C.computed(()=>l.layout==="2 lines"),s=C.computed(()=>l.layout==="1 line & Right"),r=C.computed(()=>l.status==="Error"||!!l.error),d=C.computed(()=>["Label & Input","Label & Selector","Label & Textarea"].includes(l.type)),h=C.computed(()=>l.type==="Label & Textarea"),L=C.computed(()=>l.type==="Label & Selector"),c=C.computed(()=>l.type==="Label & Switch"),M=C.computed(()=>l.type==="Label & Radio"),w=C.computed(()=>l.type==="Label & checkbox"),m=C.computed(()=>({width:a.value?"min(100%, var(--form-item-root-width-two-lines))":"min(100%, var(--form-item-root-width-single-line))","--form-item-label-width-current":l.labelWidth==="Dynamic"?"var(--form-item-label-width-dynamic)":l.labelWidth==="200 px"?"var(--form-item-label-width-200)":"var(--form-item-label-width-120)"})),v=C.computed(()=>c.value&&s.value?`${l.label}:`:l.label),b=C.computed(()=>l.error?l.error:r.value&&d.value?"Error message":l.hint),_=C.computed(()=>r.value&&d.value?"Content text":L.value?"Please Select":h.value?"Enter Content":"Placeholder");return(u,B)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["form-item",{"form-item--dark":i.value,"form-item--light":!i.value,"form-item--two-lines":a.value,"form-item--right":s.value,"form-item--error":r.value,"form-item--textarea":h.value}]),style:C.normalizeStyle(m.value)},[C.createElementVNode("div",z9,[C.createElementVNode("label",{class:C.normalizeClass(["form-item__label",{"form-item__label--dynamic":e.labelWidth==="Dynamic"}])},[o.value?(C.openBlock(),C.createElementBlock("span",T9,[C.renderSlot(u.$slots,"label",{},void 0,!0)])):(C.openBlock(),C.createElementBlock("span",N9,C.toDisplayString(v.value),1)),e.required?(C.openBlock(),C.createElementBlock("span",A9,"*")):C.createCommentVNode("",!0)],2),C.createElementVNode("div",D9,[C.renderSlot(u.$slots,"default",{},()=>[d.value?(C.openBlock(),C.createElementBlock("div",{key:0,class:C.normalizeClass(["form-item__field",{"form-item__field--textarea":h.value}])},[C.createElementVNode("span",{class:C.normalizeClass(["form-item__field-text",{"form-item__field-text--filled":r.value}])},C.toDisplayString(_.value),3),L.value?(C.openBlock(),C.createBlock(g,{key:0,name:"arrow/down",size:16,class:"form-item__icon-glyph","aria-hidden":"true"})):r.value&&!h.value?(C.openBlock(),C.createBlock(g,{key:1,name:"status/error",size:16,class:"form-item__icon-glyph form-item__icon-glyph--error","aria-hidden":"true"})):C.createCommentVNode("",!0),h.value?(C.openBlock(),C.createElementBlock("span",O9)):C.createCommentVNode("",!0)],2)):M.value?(C.openBlock(),C.createElementBlock("div",j9,[C.createVNode(j,{modelValue:!0},{default:C.withCtx(()=>[...B[0]||(B[0]=[C.createTextVNode("Option A",-1)])]),_:1}),C.createVNode(j,{modelValue:!1},{default:C.withCtx(()=>[...B[1]||(B[1]=[C.createTextVNode("Option B",-1)])]),_:1})])):w.value?(C.openBlock(),C.createElementBlock("div",R9,[C.createVNode(V1,{modelValue:!0,theme:n.value},{default:C.withCtx(()=>[...B[2]||(B[2]=[C.createTextVNode("Checkbox option",-1)])]),_:1},8,["theme"])])):c.value?(C.openBlock(),C.createElementBlock("div",q9,[C.createVNode(o1,{modelValue:!0,theme:n.value},null,8,["theme"])])):C.createCommentVNode("",!0)],!0),b.value?(C.openBlock(),C.createElementBlock("p",{key:0,class:C.normalizeClass(["form-item__message",{"form-item__message--error":r.value}])},C.toDisplayString(b.value),3)):C.createCommentVNode("",!0)])])],6))}}),[["__scopeId","data-v-4bd5b5ee"]]),g1=C.defineComponent({__name:"FormItem",props:{label:{default:"Form Label"},required:{type:Boolean,default:!1},error:{},hint:{default:""},labelWidth:{default:"120 px"},layout:{default:"1 line"},status:{default:"Normal"},theme:{default:"Dark"},type:{default:"Label & Input"}},setup(e){const l=e,t=C.computed(()=>({"data-figma-component":"FormItem","data-figma-label-width":l.labelWidth,"data-figma-layout":l.layout,"data-figma-status":l.status,"data-figma-theme":l.theme,"data-figma-type":l.type}));return(o,i)=>(C.openBlock(),C.createBlock(U9,C.normalizeProps(C.guardReactiveProps({...l,...t.value})),C.createSlots({default:C.withCtx(()=>[C.renderSlot(o.$slots,"default")]),_:2},[o.$slots.label?{name:"label",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"label")]),key:"0"}:void 0]),1040))}}),W9=["disabled"],X9=["value","disabled","readonly","aria-label"],G9=["disabled"],J9=f(C.defineComponent({__name:"InputNumber",props:{property1:{default:"Default"},modelValue:{},min:{default:-1/0},max:{default:1/0},step:{default:1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t={Default:6,"Only Add":0,"Only Reduce":10,Readonly:6},o=e,i=l,n=C.ref(o.modelValue??t[o.property1]);C.watch(()=>[o.modelValue,o.property1],([w,m])=>{n.value=w??t[m]});const a=C.computed(()=>o.modelValue??n.value),s=C.computed(()=>o.readonly||o.property1==="Readonly"),r=C.computed(()=>!o.disabled&&!s.value&&o.property1!=="Only Add"&&a.value>o.min),d=C.computed(()=>!o.disabled&&!s.value&&o.property1!=="Only Reduce"&&a.value(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["inputnum",{"inputnum--disabled":e.disabled,"inputnum--readonly":s.value}])},[C.createElementVNode("button",{class:"inputnum-btn",disabled:!r.value,onClick:L,tabindex:"-1","aria-label":"decrement"},[C.createVNode(g,{name:"minus",size:16,class:"inputnum-icon"})],8,W9),C.createElementVNode("input",{class:"inputnum-input",type:"number",value:a.value,disabled:e.disabled,readonly:s.value,"aria-label":w.$attrs["aria-label"]??"number input",onInput:M},null,40,X9),C.createElementVNode("button",{class:"inputnum-btn",disabled:!d.value,onClick:c,tabindex:"-1","aria-label":"increment"},[C.createVNode(g,{name:"add",size:16,class:"inputnum-icon"})],8,G9)],2))}}),[["__scopeId","data-v-1c8cb147"]]),w1=C.defineComponent({__name:"InputNumber",props:{property1:{default:"Default"},modelValue:{default:void 0},min:{default:0},max:{default:10},step:{default:1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>({"data-figma-component":"InputNumber","data-figma-property1":t.property1}));return(n,a)=>(C.openBlock(),C.createBlock(J9,C.mergeProps({property1:e.property1},i.value,{"model-value":e.modelValue,min:e.min,max:e.max,step:e.step,disabled:e.disabled,readonly:e.property1==="Readonly","onUpdate:modelValue":a[0]||(a[0]=s=>o("update:modelValue",s))}),null,16,["property1","model-value","min","max","step","disabled","readonly"]))}}),K9={class:"notif__quick-top"},Y9={class:"notif__quick-copy"},Q9={key:1,class:"notif__main"},C2={class:"notif__body"},e2={class:"notif__header"},t2={key:0,class:"notif__title"},l2={key:0,class:"notif__desc"},o2={key:2,class:"notif__actions"},i2=f(C.defineComponent({__name:"Notification",props:{status:{},theme:{default:"dark"},title:{},description:{},closable:{type:Boolean,default:!0},cancelText:{},confirmText:{}},emits:["close","cancel","confirm"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.status??"info"),n=C.computed(()=>i.value==="quick confirm"),a=C.computed(()=>i.value==="side pop"),s=C.computed(()=>i.value==="pop confirm"),r=C.computed(()=>!a.value),d=C.computed(()=>n.value||s.value),h=C.computed(()=>!n.value&&!a.value&&!s.value),L={warning:"message/error-4","secondary warning":"message/warning-2",error:"status-error",info:"status-info"},c=C.computed(()=>{const _=i.value;return _==="pop confirm"||_==="quick confirm"||_==="side pop"?"":L[_]}),M={warning:{title:"This is the title",description:"Though I speak with the tongues of men and of angels, and have not charity ?"},"secondary warning":{title:"This is the title",description:"Though I speak with the tongues of men and of angels, and have not charity ?"},error:{title:"This is the title",description:"Though I speak with the tongues of men and of angels, and have not charity ?"},info:{title:"This is the title",description:"Though I speak with the tongues of men and of angels, and have not charity ?"},"pop confirm":{title:"This is the title",description:"Are you sure you want to delete XXXX? All the events can not be recovered."},"quick confirm":{title:"",description:"Are you sure you want to delete ‘XXXX’?"},"side pop":{title:"This is the title",description:"Are you sure you want to delete XXXX? All the events can not be recovered."}},w=C.computed(()=>t.title??M[i.value].title),m=C.computed(()=>t.description??M[i.value].description),v=C.computed(()=>t.cancelText??"Cancel"),b=C.computed(()=>t.confirmText?t.confirmText:d.value?"Delete":"Confirm");return(_,u)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["notif",[`notif--${e.theme}`,`notif--${i.value.replace(/ /g,"-")}`,{"notif--compact":n.value,"notif--side":a.value}]])},[n.value?(C.openBlock(),C.createElementBlock(C.Fragment,{key:0},[C.createElementVNode("div",K9,[e.closable?(C.openBlock(),C.createElementBlock("button",{key:0,class:"notif__close",type:"button","aria-label":"Close",onClick:u[0]||(u[0]=B=>o("close"))},[C.createVNode(g,{name:"close",size:12,class:"notif__close-icon"})])):C.createCommentVNode("",!0)]),C.createElementVNode("p",Y9,C.toDisplayString(m.value),1)],64)):(C.openBlock(),C.createElementBlock("div",Q9,[h.value?(C.openBlock(),C.createBlock(g,{key:0,name:c.value,size:24,class:"notif__icon"},null,8,["name"])):C.createCommentVNode("",!0),C.createElementVNode("div",C2,[C.createElementVNode("div",e2,[w.value?(C.openBlock(),C.createElementBlock("p",t2,C.toDisplayString(w.value),1)):C.createCommentVNode("",!0),e.closable?(C.openBlock(),C.createElementBlock("button",{key:1,class:"notif__close",type:"button","aria-label":"Close",onClick:u[1]||(u[1]=B=>o("close"))},[C.createVNode(g,{name:"close",size:12,class:"notif__close-icon"})])):C.createCommentVNode("",!0)]),m.value?(C.openBlock(),C.createElementBlock("p",l2,C.toDisplayString(m.value),1)):C.createCommentVNode("",!0)])])),r.value?(C.openBlock(),C.createElementBlock("div",o2,[C.createElementVNode("button",{class:"notif__button notif__button--secondary",type:"button",onClick:u[2]||(u[2]=B=>o("cancel"))},C.toDisplayString(v.value),1),C.createElementVNode("button",{class:C.normalizeClass(["notif__button",d.value?"notif__button--danger":"notif__button--confirm"]),type:"button",onClick:u[3]||(u[3]=B=>o("confirm"))},C.toDisplayString(b.value),3)])):C.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-893201e7"]]),L1=C.defineComponent({__name:"Notification",props:{status:{default:"info"},theme:{default:"dark"},title:{},description:{},closable:{type:Boolean,default:!0},cancelText:{},confirmText:{}},setup(e){const l=e,t=C.computed(()=>l.status??"info"),o=C.computed(()=>({"data-figma-component":"Notification","data-figma-status":t.value,"data-figma-theme":l.theme}));return(i,n)=>(C.openBlock(),C.createBlock(i2,C.mergeProps(o.value,{status:t.value,theme:e.theme,title:e.title,description:e.description,closable:e.closable,"cancel-text":e.cancelText,"confirm-text":e.confirmText}),null,16,["status","theme","title","description","closable","cancel-text","confirm-text"]))}}),n2={class:"prompt-message__copy"},a2=f(C.defineComponent({__name:"PromptMessage",props:{status:{default:"info"},size:{default:"L"},closable:{type:Boolean,default:!0},autoDismissMs:{}},emits:["close"],setup(e,{emit:l}){const t=e,o=l,i={success:"message/success-2",info:"message/info-2",error:"message/error-2",warning:"message/warning-2"},n={success:{background:"var(--prompt-success-bg)",text:"var(--prompt-success-text)"},info:{background:"var(--blue-bg)",text:"var(--prompt-info-text)"},error:{background:"var(--red-bg)",text:"var(--prompt-error-text)"},warning:{background:"var(--orange-bg)",text:"var(--prompt-warning-text)"}},a={success:{L:"This is a success message and click close to disappear.",M:"This is a success message and will disappear voluntarily."},info:{L:"This is an information message and click close to disappear.",M:"This is an information message and will disappear voluntarily."},error:{L:"This is an abnormal message and click close to disappear.",M:"This is an abnormal message and will disappear voluntarily."},warning:{L:"This is a prompt message and click close to disappear.",M:"This is a prompt message and will disappear voluntarily."}},s=C.computed(()=>n[t.status]),r=C.computed(()=>a[t.status][t.size]);let d;return C.watchEffect(()=>{clearTimeout(d),d=void 0,t.closable||(d=setTimeout(()=>o("close"),t.autoDismissMs??3e3))}),C.onBeforeUnmount(()=>{clearTimeout(d)}),(h,L)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["prompt-message",[`prompt-message--${e.size}`,`prompt-message--${e.status}`]]),style:C.normalizeStyle({"--prompt-bg":s.value.background,"--prompt-text":s.value.text})},[C.createVNode(g,{name:i[e.status],class:"prompt-message__icon"},null,8,["name"]),C.createElementVNode("p",n2,C.toDisplayString(r.value),1),e.closable?(C.openBlock(),C.createElementBlock("button",{key:0,class:"prompt-message__close",type:"button","aria-label":"Close",onClick:L[0]||(L[0]=c=>o("close"))},[C.createVNode(g,{name:"close",class:"prompt-message__close-icon"})])):C.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-390bd4e1"]]),p1=C.defineComponent({__name:"PromptMessage",props:{status:{default:"info"},size:{default:"L"},closable:{type:Boolean,default:!0}},setup(e){const l=e,t=C.computed(()=>({"data-figma-component":"prompt message","data-figma-status":l.status,"data-figma-size":l.size}));return(o,i)=>(C.openBlock(),C.createBlock(a2,C.mergeProps(t.value,{status:e.status,size:e.size,closable:e.closable}),null,16,["status","size","closable"]))}}),r2=["value","disabled","aria-label"],s2=["selected"],d2=["value"],H2=f(C.defineComponent({__name:"Select",props:{modelValue:{default:""},placeholder:{default:"Select..."},size:{default:"m"},variant:{default:"line"},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},options:{default:()=>[]}},emits:["update:modelValue"],setup(e,{emit:l}){const t=l;return(o,i)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["select-wrap",[`select-wrap--${e.size}`,`select-wrap--${e.variant}`,{"select-wrap--error":e.error,"select-wrap--disabled":e.disabled}]])},[C.createElementVNode("select",{class:"select",value:e.modelValue,disabled:e.disabled,"aria-label":o.$attrs["aria-label"]??e.placeholder??"select",onChange:i[0]||(i[0]=n=>t("update:modelValue",n.target.value))},[e.placeholder?(C.openBlock(),C.createElementBlock("option",{key:0,value:"",disabled:"",selected:!e.modelValue},C.toDisplayString(e.placeholder),9,s2)):C.createCommentVNode("",!0),(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.options,n=>(C.openBlock(),C.createElementBlock("option",{key:n.value,value:n.value},C.toDisplayString(n.label),9,d2))),128))],40,r2),C.createVNode(g,{name:"arrow-dropdown",class:"select-arrow"})],2))}}),[["__scopeId","data-v-5fa6cd64"]]),h2={key:0,class:"pg-total"},V2={key:1,class:"pg-pagesize"},c2={class:"pg-content"},g2={key:0,class:"pg-ellipsis"},w2={key:0,class:"pg-jumper"},L2=f(C.defineComponent({__name:"Pagination",props:{modelValue:{default:1},total:{},pageSize:{default:10},pageSizeOptions:{default:()=>[10,20,50,100]},type:{default:"Classic"},showTotal:{type:Boolean,default:void 0},showJumper:{type:Boolean,default:void 0},showPageSizeSelector:{type:Boolean,default:void 0}},emits:["update:modelValue","update:pageSize"],setup(e,{emit:l}){const t=e,o=l,i=C.ref(String(t.modelValue??1)),n=C.computed(()=>t.pageSizeOptions.map(V=>typeof V=="number"?{label:`${V}/Page`,value:V}:V)),a=C.computed(()=>t.type==="Simple"),s=C.computed(()=>t.type==="Small"),r=C.computed(()=>t.showTotal??!0),d=C.computed(()=>t.showJumper??!0),h=C.computed(()=>t.showPageSizeSelector??!0),L=C.computed(()=>!a.value),c=C.computed(()=>s.value?"line":"filled"),M=C.computed(()=>s.value?"rimless":"filling"),w=C.computed(()=>"gray 1"),m=C.computed(()=>Math.max(1,Math.ceil(t.total/Math.max(1,t.pageSize)))),v=C.computed(()=>{const V=t.modelValue??1;return Math.min(m.value,Math.max(1,V))}),b=C.computed(()=>{const V=v.value,p=m.value;return p<=7?Array.from({length:p},(y,k)=>k+1):V<=4?[1,2,3,4,5,"...",p]:V>=p-3?[1,"...",p-4,p-3,p-2,p-1,p]:[1,"...",V-1,V,V+1,"...",p]}),_=C.computed(()=>t.total===0?0:(v.value-1)*t.pageSize+1),u=C.computed(()=>t.total===0?0:Math.min(t.total,v.value*t.pageSize));C.watch(()=>v.value,V=>{i.value=String(V)},{immediate:!0});function B(V){if(typeof V!="number")return;const p=Math.min(m.value,Math.max(1,V));o("update:modelValue",p)}function $(V){const p=Number(V);if(!Number.isFinite(p)||p<=0)return;o("update:pageSize",p);const y=Math.max(1,Math.ceil(t.total/p));v.value>y&&o("update:modelValue",y)}function Z(){const V=Number(i.value);if(!Number.isFinite(V)){i.value=String(v.value);return}B(V)}return(V,p)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["pagination",[`pagination--${e.type.toLowerCase()}`]])},[r.value?(C.openBlock(),C.createElementBlock("span",h2,C.toDisplayString(_.value)+"-"+C.toDisplayString(u.value)+" of "+C.toDisplayString(e.total.toLocaleString()),1)):C.createCommentVNode("",!0),h.value?(C.openBlock(),C.createElementBlock("div",V2,[C.createVNode(H2,{"model-value":e.pageSize,variant:c.value,size:"m",options:n.value,"onUpdate:modelValue":$},null,8,["model-value","variant","options"])])):C.createCommentVNode("",!0),C.createElementVNode("div",c2,[C.createElementVNode("div",{class:C.normalizeClass(["pg-nav-row",{"pg-nav-row--small":s.value,"pg-nav-row--simple":a.value}])},[C.createVNode(P,{class:"pg-arrow","canonical-style":"rimless","canonical-color":"gray 1","canonical-size":"M","canonical-radius":"square","canonical-status":v.value<=1?"disable":"default","aria-label":"Previous",onClick:p[0]||(p[0]=y=>B(v.value-1))},{default:C.withCtx(()=>[C.createVNode(g,{name:"previous",class:"pg-arrow__icon"})]),_:1},8,["canonical-status"]),L.value?(C.openBlock(!0),C.createElementBlock(C.Fragment,{key:0},C.renderList(b.value,y=>(C.openBlock(),C.createElementBlock(C.Fragment,{key:y},[y==="..."?(C.openBlock(),C.createElementBlock("span",g2,"…")):(C.openBlock(),C.createBlock(P,{key:1,"canonical-style":v.value===y?"filling":M.value,"canonical-color":v.value===y?"green":w.value,"canonical-size":"M","canonical-radius":"square",onClick:k=>B(y)},{default:C.withCtx(()=>[C.createTextVNode(C.toDisplayString(y),1)]),_:2},1032,["canonical-style","canonical-color","onClick"]))],64))),128)):C.createCommentVNode("",!0),C.createVNode(P,{class:"pg-arrow","canonical-style":"rimless","canonical-color":"gray 1","canonical-size":"M","canonical-radius":"square","canonical-status":v.value>=m.value?"disable":"default","aria-label":"Next",onClick:p[1]||(p[1]=y=>B(v.value+1))},{default:C.withCtx(()=>[C.createVNode(g,{name:"next",class:"pg-arrow__icon"})]),_:1},8,["canonical-status"])],2),d.value?(C.openBlock(),C.createElementBlock("div",w2,[p[3]||(p[3]=C.createElementVNode("span",{class:"pg-jumper__label"},"Go to",-1)),C.createVNode(n1,{modelValue:i.value,"onUpdate:modelValue":p[2]||(p[2]=y=>i.value=y),size:"s",variant:c.value,placeholder:"Page",onKeydown:C.withKeys(Z,["enter"]),onBlur:Z},null,8,["modelValue","variant"])])):C.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-c04e2454"]]),f1=C.defineComponent({__name:"Pagination",props:{type:{default:"Classic"},modelValue:{default:3},total:{default:120},pageSize:{default:10}},emits:["update:modelValue","update:pageSize"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>({"data-figma-component":"Pagination","data-figma-type":t.type}));return(n,a)=>(C.openBlock(),C.createBlock(L2,C.mergeProps(i.value,{type:e.type,"model-value":e.modelValue,total:e.total,"page-size":e.pageSize,"onUpdate:modelValue":a[0]||(a[0]=s=>o("update:modelValue",s)),"onUpdate:pageSize":a[1]||(a[1]=s=>o("update:pageSize",s))}),null,16,["type","model-value","total","page-size"]))}}),M1=C.defineComponent({__name:"Chart",props:{type:{},datasets:{},labels:{default:()=>[]},height:{default:200},width:{default:320}},setup(e){const l=C.defineAsyncComponent(()=>Promise.resolve().then(()=>J0)),t=e,o=C.computed(()=>({"data-figma-component":"Chart","data-figma-type":t.type}));return(i,n)=>(C.openBlock(),C.createBlock(C.unref(l),C.mergeProps(o.value,{type:e.type,datasets:e.datasets,labels:e.labels,height:e.height,width:e.width}),null,16,["type","datasets","labels","height","width"]))}}),p2={class:"progress__track"},f2={key:0,class:"progress__label"},M2=f(C.defineComponent({__name:"Progress",props:{value:{default:0},status:{default:"default"},size:{default:"m"},theme:{default:"dark"},showLabel:{type:Boolean,default:!0}},setup(e){const l=e,t=C.computed(()=>Math.min(100,Math.max(0,l.value))),o=C.computed(()=>l.size==="s"||l.size==="S"?"S":"M"),i=C.computed(()=>{switch(l.status){case"error":return"var(--red)";case"warning":return"var(--orange)";case"success":case"default":default:return"var(--brand)"}}),n=C.computed(()=>o.value==="S"?"var(--progress-track-h-s)":"var(--progress-track-h-m)"),a=C.computed(()=>({"--progress-fill-color":i.value,"--progress-track-height":n.value}));return(s,r)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["progress",[`progress--${o.value}`,`progress--${e.theme}`]]),style:C.normalizeStyle(a.value)},[C.createElementVNode("div",p2,[C.createElementVNode("div",{class:"progress__fill",style:C.normalizeStyle({width:`${t.value}%`})},null,4)]),e.showLabel?(C.openBlock(),C.createElementBlock("span",f2,C.toDisplayString(t.value)+"%",1)):C.createCommentVNode("",!0)],6))}}),[["__scopeId","data-v-e99acf5f"]]),Z1=C.defineComponent({__name:"Progress",props:{size:{default:"M"},status:{default:"default"},theme:{default:"dark"},value:{default:60},showLabel:{type:Boolean,default:!0}},setup(e){const l=e,t=C.computed(()=>({"data-figma-component":"Progress","data-figma-size":l.size,"data-figma-status":l.status,"data-figma-theme":l.theme}));return(o,i)=>(C.openBlock(),C.createBlock(M2,C.mergeProps(t.value,{value:e.value,status:e.status,theme:e.theme,size:e.size,"show-label":e.showLabel}),null,16,["value","status","theme","size","show-label"]))}}),Z2=["disabled","aria-pressed","aria-label","onMouseenter","onFocus","onClick"],m2=f(C.defineComponent({__name:"Rating",props:{modelValue:{default:1},value:{default:void 0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","update:value"],setup(e,{emit:l}){const t=e,o=l,i=C.ref(0),n=[1,2,3,4,5];function a(c){return Math.min(5,Math.max(1,c))}const s=C.computed(()=>{const c=t.value??t.modelValue;return a(Number(c??1))}),r=C.computed(()=>i.value||s.value);function d(c){!t.readonly&&!t.disabled&&(i.value=c)}function h(){i.value=0}function L(c){if(t.readonly||t.disabled)return;const M=a(c);o("update:modelValue",M),o("update:value",String(M))}return(c,M)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["rating",{"rating--disabled":e.disabled,"rating--readonly":e.readonly}])},[(C.openBlock(),C.createElementBlock(C.Fragment,null,C.renderList(n,w=>C.createElementVNode("button",{key:w,type:"button",class:C.normalizeClass(["rating__star rating-star",{"rating__star--on":w<=r.value,"rating-star--on":w<=r.value,"rating-star--off":w>r.value}]),disabled:e.disabled,"aria-pressed":w<=s.value,"aria-label":`rating ${w}`,onMouseenter:m=>d(w),onMouseleave:h,onFocus:m=>d(w),onBlur:h,onClick:m=>L(w)},[C.createVNode(g,{name:w<=r.value?"mark/star-on":"mark/star",size:24,class:"rating__icon","aria-hidden":"true"},null,8,["name"])],42,Z2)),64))],2))}}),[["__scopeId","data-v-5455e014"]]),m1=C.defineComponent({__name:"Rating",props:{value:{default:"1"},readonly:{type:Boolean,default:!0}},emits:["update:value"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>({"data-figma-component":"Rating","data-figma-value":t.value}));return(n,a)=>(C.openBlock(),C.createBlock(m2,C.mergeProps(i.value,{value:e.value,readonly:e.readonly,"onUpdate:value":a[0]||(a[0]=s=>o("update:value",s))}),null,16,["value","readonly"]))}}),u2=["data-figma-dark-theme","data-figma-type"],v2=["onClick"],x2={class:"dropdown-item__label"},R=f(C.defineComponent({__name:"DropDownListSelect",props:{darkTheme:{default:"on"},type:{default:"Radio"},items:{default:()=>[]}},emits:["select"],setup(e,{emit:l}){const t=l;function o(i){i.disabled||t("select",i.value)}return(i,n)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["dropdown-select",[`dropdown-select--${e.darkTheme}`,`dropdown-select--${e.type.toLowerCase().replace(/\s+/g,"-")}`]]),"data-figma-component":"Drop down List/Select","data-figma-dark-theme":e.darkTheme,"data-figma-type":e.type},[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.items,a=>(C.openBlock(),C.createElementBlock("div",{key:a.label,class:C.normalizeClass(["dropdown-item",{"dropdown-item--active":a.active,"dropdown-item--disabled":a.disabled}]),onClick:s=>o(a)},[e.type==="Multi"?(C.openBlock(),C.createElementBlock("span",{key:0,class:C.normalizeClass(["dropdown-item__check",{"dropdown-item__check--checked":a.checked}])},[a.checked?(C.openBlock(),C.createBlock(g,{key:0,name:"selected",size:10,class:"dropdown-item__check-icon","aria-hidden":"true"})):C.createCommentVNode("",!0)],2)):C.createCommentVNode("",!0),C.createElementVNode("span",x2,C.toDisplayString(a.label),1)],10,v2))),128))],10,u2))}}),[["__scopeId","data-v-8133f565"]]),B2=["disabled","aria-expanded"],b2={key:1,class:"select-chips"},y2={class:"select-chip__label"},k2=["onClick"],u1=f(C.defineComponent({__name:"SelectBoxBase",props:{modelValue:{default:()=>""},placeholder:{default:""},options:{default:()=>[]},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"default"},variant:{default:"line"},multiple:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.ref(null),n=C.ref(!1),a=C.computed(()=>t.multiple||t.status==="multi select"),s=C.computed(()=>t.editable||t.ux==="editable"),r=C.computed(()=>a.value?"Multi":"Radio"),d=C.computed(()=>t.enable==="off"),h=C.computed(()=>t.ux==="error"),L=C.computed(()=>t.ux==="click"||n.value),c=C.computed(()=>t.size==="L"?"l":"m"),M=C.computed(()=>t.feature==="time"||t.feature==="date"),w=C.computed(()=>t.feature==="time"?"clock":"calendar"),m=C.computed(()=>t.feature==="default"),v=C.computed(()=>(t.feature==="time"||t.feature==="date")&&t.ux==="click"&&!!B.value),b=C.computed(()=>Array.isArray(t.modelValue)?t.modelValue:t.modelValue===""||t.modelValue===void 0?[]:[t.modelValue]),_=C.computed(()=>t.options.filter(x=>b.value.includes(x.value))),u=C.computed(()=>t.options.find(x=>x.value===t.modelValue)),B=C.computed(()=>{var x;return((x=u.value)==null?void 0:x.label)??""}),$=C.computed(()=>`select box/${t.variant}`),Z=C.computed(()=>({"data-figma-component":$.value,"data-figma-dark-theme":t.darkTheme,"data-figma-status":t.status,"data-figma-enable":t.enable,"data-figma-ux":t.ux,"data-figma-size":t.size,"data-figma-feature":t.feature})),V=C.computed(()=>t.options.map(x=>({label:x.label,value:x.value,checked:b.value.includes(x.value),active:b.value.includes(x.value),disabled:x.disabled})));function p(){n.value=!1}function y(){d.value||(n.value=!n.value)}function k(x){!a.value||d.value||o("update:modelValue",b.value.filter(F=>F!==x))}function S(){!v.value||d.value||o("update:modelValue","")}function I(x){if(x!==void 0){if(a.value){const F=b.value.includes(x)?b.value.filter(z=>z!==x):[...b.value,x];o("update:modelValue",F);return}o("update:modelValue",x),p()}}function N(x){if(!i.value)return;const F=x.target;F&&!i.value.contains(F)&&p()}return C.onMounted(()=>{document.addEventListener("pointerdown",N)}),C.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",N)}),(x,F)=>(C.openBlock(),C.createElementBlock("div",C.mergeProps({ref_key:"rootRef",ref:i,class:["select-wrap",[`select-wrap--${c.value}`,`select-wrap--${e.variant}`,{"select-wrap--error":h.value,"select-wrap--disabled":d.value,"select-wrap--open":n.value,"select-wrap--interactive":L.value,"select-wrap--editable":s.value}]]},Z.value),[C.createElementVNode("button",{type:"button",class:"select-trigger",disabled:d.value,"aria-expanded":n.value,onClick:y},[M.value?(C.openBlock(),C.createBlock(g,{key:0,name:w.value,class:"select-feature-icon"},null,8,["name"])):C.createCommentVNode("",!0),a.value&&_.value.length?(C.openBlock(),C.createElementBlock("span",b2,[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(_.value,z=>(C.openBlock(),C.createElementBlock("span",{key:z.value,class:"select-chip"},[C.createElementVNode("span",y2,C.toDisplayString(z.label),1),C.createElementVNode("span",{class:"select-chip__close",onClick:C.withModifiers(l4=>k(z.value),["stop"])},[C.createVNode(g,{name:"close",size:12})],8,k2)]))),128))])):(C.openBlock(),C.createElementBlock("span",{key:2,class:C.normalizeClass(["select-value",{"select-value--placeholder":!B.value}])},C.toDisplayString(B.value||e.placeholder||"Select..."),3)),v.value?(C.openBlock(),C.createElementBlock("span",{key:3,class:"select-clear",onClick:C.withModifiers(S,["stop"])},[C.createVNode(g,{name:"close",size:12})])):m.value?(C.openBlock(),C.createBlock(g,{key:4,name:"arrow-dropdown",class:"select-arrow"})):C.createCommentVNode("",!0)],8,B2),n.value?(C.openBlock(),C.createBlock(R,{key:0,class:"select-dropdown","dark-theme":e.darkTheme,type:r.value,items:V.value,onSelect:I},null,8,["dark-theme","type","items"])):C.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-f936dd00"]]),v1=C.defineComponent({__name:"SelectBoxLine",props:{modelValue:{default:""},placeholder:{default:""},options:{default:()=>[]},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"default"},multiple:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=l;return(o,i)=>(C.openBlock(),C.createBlock(u1,{"model-value":e.modelValue,placeholder:e.placeholder,options:e.options,variant:"line","dark-theme":e.darkTheme,status:e.status,enable:e.enable,ux:e.ux,size:e.size,feature:e.feature,multiple:e.multiple,editable:e.editable,"onUpdate:modelValue":i[0]||(i[0]=n=>t("update:modelValue",n))},null,8,["model-value","placeholder","options","dark-theme","status","enable","ux","size","feature","multiple","editable"]))}}),x1=C.defineComponent({__name:"SelectBoxFilled",props:{modelValue:{default:""},placeholder:{default:""},options:{default:()=>[]},darkTheme:{default:"on"},status:{default:"default"},enable:{default:"on"},ux:{default:"default"},size:{default:"M"},feature:{default:"default"},multiple:{type:Boolean,default:!1},editable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:l}){const t=l;return(o,i)=>(C.openBlock(),C.createBlock(u1,{"model-value":e.modelValue,placeholder:e.placeholder,options:e.options,variant:"filled","dark-theme":e.darkTheme,status:e.status,enable:e.enable,ux:e.ux,size:e.size,feature:e.feature,multiple:e.multiple,editable:e.editable,"onUpdate:modelValue":i[0]||(i[0]=n=>t("update:modelValue",n))},null,8,["model-value","placeholder","options","dark-theme","status","enable","ux","size","feature","multiple","editable"]))}}),_2=["min","max","step","value","disabled","aria-label"],S2={key:0,class:"slider__value"},E2=f(C.defineComponent({__name:"Slider",props:{modelValue:{default:0},min:{default:0},max:{default:100},step:{default:1},size:{default:"m"},theme:{default:"dark"},disabled:{type:Boolean,default:!1},showValue:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.size==="s"?"s":"m"),n=C.computed(()=>Math.min(t.max,Math.max(t.min,t.modelValue??t.min))),a=C.computed(()=>{const d=t.max-t.min;return d===0?0:(n.value-t.min)/d*100}),s=C.computed(()=>({background:`linear-gradient(to right, var(--slider-fill-color) 0%, var(--slider-fill-color) ${a.value}%, var(--slider-track-bg) ${a.value}%, var(--slider-track-bg) 100%)`}));function r(d){const h=d.target;o("update:modelValue",Number(h.value))}return(d,h)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["slider",[`slider--${e.theme}`,`slider--${i.value}`,{"slider--disabled":e.disabled,"slider--value-hidden":!e.showValue}]])},[C.createElementVNode("input",{class:C.normalizeClass(["slider__input",`slider__input--${i.value}`]),type:"range",min:e.min,max:e.max,step:e.step,value:n.value,disabled:e.disabled,style:C.normalizeStyle(s.value),"aria-label":d.$attrs["aria-label"]??"slider",onInput:r},null,46,_2),e.showValue?(C.openBlock(),C.createElementBlock("span",S2,C.toDisplayString(n.value),1)):C.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-983c21f6"]]),B1=C.defineComponent({__name:"Slider",props:{size:{default:"M"},theme:{default:"dark"},modelValue:{default:60},min:{default:0},max:{default:100},step:{default:1},disabled:{type:Boolean,default:!1},showValue:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>({"data-figma-component":"Slider","data-figma-size":t.size,"data-figma-theme":t.theme}));return(n,a)=>(C.openBlock(),C.createBlock(E2,C.mergeProps(i.value,{"model-value":e.modelValue,min:e.min,max:e.max,step:e.step,disabled:e.disabled,"show-value":e.showValue,theme:e.theme,size:e.size==="S"?"s":"m","onUpdate:modelValue":a[0]||(a[0]=s=>o("update:modelValue",s))}),null,16,["model-value","min","max","step","disabled","show-value","theme","size"]))}}),$2=f(C.defineComponent({__name:"Steps",props:{active:{default:void 0},current:{default:0},direction:{default:"horizontal"},stepStyle:{default:"number"}},setup(e){const l=e;return C.provide("stepCurrent",C.computed(()=>l.active??l.current)),C.provide("stepDirection",C.computed(()=>l.direction)),C.provide("stepStyle",C.computed(()=>l.stepStyle)),(t,o)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["steps",`steps--${e.direction}`])},[C.renderSlot(t.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-5c6db75c"]]),b1=C.defineComponent({__name:"Steps",props:{active:{default:void 0},current:{default:0},direction:{default:"horizontal"},stepStyle:{default:"number"}},setup(e){const l=C.useAttrs(),t=e,o=C.computed(()=>({"data-figma-component":"Step/Item","data-figma-capability":"Steps","data-figma-direction":t.direction}));return(i,n)=>(C.openBlock(),C.createBlock($2,C.mergeProps({...C.unref(l),...o.value},{active:e.active,current:e.current,direction:e.direction,"step-style":e.stepStyle}),{default:C.withCtx(()=>[C.renderSlot(i.$slots,"default")]),_:3},16,["active","current","direction","step-style"]))}}),F2={key:1,class:"step-num"},P2={key:1,class:"step-vertical"},I2={class:"step-vertical__column"},z2={class:"step-marker step-marker--number"},T2={key:1,class:"step-num"},N2={class:"step-vertical__content"},A2={class:"step-title"},D2={key:0,class:"step-desc"},O2={class:"step-title"},j2={key:0,class:"step-desc"},R2=f(C.defineComponent({__name:"StepItem",props:{title:{default:"Step Title"},description:{default:""},direction:{default:void 0},iconName:{default:void 0},index:{default:0},showLeadingConnector:{type:Boolean,default:!0},showTrailingConnector:{type:Boolean,default:!0},state:{default:void 0},stepStyle:{default:void 0},style:{default:void 0}},setup(e){const l=e,t=C.inject("stepCurrent",null),o=C.inject("stepDirection",null),i=C.inject("stepStyle",null),n=C.computed(()=>l.direction??(o==null?void 0:o.value)??"horizontal"),a=C.computed(()=>{if(l.state)return l.state;const M=(t==null?void 0:t.value)??0;return l.indexn.value==="vertical"?"number":l.stepStyle?l.stepStyle:typeof l.style=="string"?l.style:(i==null?void 0:i.value)??"number"),r=C.computed(()=>String(l.index+1)),d={completed:"feature/recently-used",active:"feature/demo",pending:"feature/ai-frame-interpolation"},h=C.computed(()=>l.iconName??d[a.value]),L=C.computed(()=>["step-line",n.value==="vertical"?"step-line--vertical":"step-line--horizontal",a.value==="completed"?"step-line--completed":""]),c=C.computed(()=>["step-line",n.value==="vertical"?"step-line--vertical":"step-line--horizontal"]);return(M,w)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["step-item",[`step-item--${n.value}`,`step-item--${a.value}`,`step-item--${s.value}`]])},[n.value==="horizontal"?(C.openBlock(),C.createElementBlock("div",{key:0,class:C.normalizeClass(["step-track step-track--horizontal",`step-track--${s.value}`])},[e.showLeadingConnector?(C.openBlock(),C.createElementBlock("div",{key:0,class:C.normalizeClass(L.value)},null,2)):C.createCommentVNode("",!0),C.createElementVNode("div",{class:C.normalizeClass(["step-marker",`step-marker--${s.value}`])},[s.value==="number"?(C.openBlock(),C.createElementBlock(C.Fragment,{key:0},[a.value==="completed"?(C.openBlock(),C.createBlock(g,{key:0,name:"selected",class:"step-check"})):(C.openBlock(),C.createElementBlock("span",F2,C.toDisplayString(r.value),1))],64)):(C.openBlock(),C.createBlock(g,{key:1,name:h.value,class:"step-feature-icon","aria-hidden":"true"},null,8,["name"]))],2),e.showTrailingConnector?(C.openBlock(),C.createElementBlock("div",{key:1,class:C.normalizeClass(c.value)},null,2)):C.createCommentVNode("",!0)],2)):(C.openBlock(),C.createElementBlock("div",P2,[C.createElementVNode("div",I2,[C.createElementVNode("div",z2,[a.value==="completed"?(C.openBlock(),C.createBlock(g,{key:0,name:"selected",class:"step-check"})):(C.openBlock(),C.createElementBlock("span",T2,C.toDisplayString(r.value),1))]),e.showTrailingConnector?(C.openBlock(),C.createElementBlock("div",{key:0,class:C.normalizeClass(c.value)},null,2)):C.createCommentVNode("",!0)]),C.createElementVNode("div",N2,[C.createElementVNode("p",A2,C.toDisplayString(e.title),1),e.description?(C.openBlock(),C.createElementBlock("p",D2,C.toDisplayString(e.description),1)):C.createCommentVNode("",!0)])])),n.value==="horizontal"?(C.openBlock(),C.createElementBlock(C.Fragment,{key:2},[C.createElementVNode("p",O2,C.toDisplayString(e.title),1),e.description?(C.openBlock(),C.createElementBlock("p",j2,C.toDisplayString(e.description),1)):C.createCommentVNode("",!0)],64)):C.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-12050e36"]]),y1=C.defineComponent({__name:"StepItem",props:{description:{default:""},direction:{default:void 0},iconName:{default:void 0},index:{default:0},showLeadingConnector:{type:Boolean,default:!0},showTrailingConnector:{type:Boolean,default:!0},state:{default:void 0},stepStyle:{default:void 0},style:{default:void 0},title:{default:"Step Title"}},setup(e){const l=e,t=C.computed(()=>l.stepStyle?l.stepStyle:typeof l.style=="string"?l.style:void 0),o=C.computed(()=>({"data-figma-component":"Step/Item","data-figma-direction":l.direction,"data-figma-state":l.state,"data-figma-style":l.direction==="vertical"?"number":t.value}));return(i,n)=>(C.openBlock(),C.createBlock(R2,C.mergeProps(o.value,{title:e.title,description:e.description,direction:e.direction,"icon-name":e.iconName,index:e.index,"show-leading-connector":e.showLeadingConnector,"show-trailing-connector":e.showTrailingConnector,state:e.state,"step-style":t.value}),null,16,["title","description","direction","icon-name","index","show-leading-connector","show-trailing-connector","state","step-style"]))}}),q2={class:"tbl-head"},U2={class:"tbl-cell__content"},W2={class:"tbl-body"},X2={class:"tbl-cell__content"},G2=f(C.defineComponent({__name:"Table",props:{columns:{default:()=>[]},data:{default:()=>[]},striped:{type:Boolean,default:!1}},setup(e){return(l,t)=>(C.openBlock(),C.createElementBlock("table",{class:C.normalizeClass(["tbl",{"tbl--striped":e.striped}])},[C.createElementVNode("thead",q2,[C.createElementVNode("tr",null,[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.columns,o=>(C.openBlock(),C.createElementBlock("th",{key:o.key,class:C.normalizeClass(["tbl-cell",`tbl-cell--${o.align??"left"}`]),style:C.normalizeStyle(o.width?{width:typeof o.width=="number"?`${o.width}px`:o.width}:void 0)},[C.createElementVNode("span",U2,[o.showLeftIcon?(C.openBlock(),C.createBlock(g,{key:0,name:o.leftIconName??"arrow/dropdown",class:"tbl-cell__icon"},null,8,["name"])):C.createCommentVNode("",!0),C.createElementVNode("span",null,C.toDisplayString(o.title),1),o.showRightIcon?(C.openBlock(),C.createBlock(g,{key:1,name:o.rightIconName??"arrow/sorting",class:"tbl-cell__icon"},null,8,["name"])):C.createCommentVNode("",!0)])],6))),128))])]),C.createElementVNode("tbody",W2,[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.data,(o,i)=>(C.openBlock(),C.createElementBlock("tr",{key:i,class:"tbl-row"},[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.columns,n=>(C.openBlock(),C.createElementBlock("td",{key:n.key,class:C.normalizeClass(["tbl-cell",`tbl-cell--${n.align??"left"}`])},[C.createElementVNode("span",X2,[n.showLeftIcon?(C.openBlock(),C.createBlock(g,{key:0,name:n.leftIconName??"arrow/dropdown",class:"tbl-cell__icon"},null,8,["name"])):C.createCommentVNode("",!0),C.createElementVNode("span",null,C.toDisplayString(o[n.key]),1),n.showRightIcon?(C.openBlock(),C.createBlock(g,{key:1,name:n.rightIconName??"edit/copy",class:"tbl-cell__icon"},null,8,["name"])):C.createCommentVNode("",!0)])],2))),128))]))),128))])],2))}}),[["__scopeId","data-v-40398e21"]]),k1=C.defineComponent({__name:"Table",props:{align:{default:"Center"},type:{default:"Header"},columns:{default:()=>[]},data:{default:()=>[]},striped:{type:Boolean,default:!1}},setup(e){const l=e,t=C.computed(()=>l.columns.map(i=>({...i,align:i.align??l.align.toLowerCase()}))),o=C.computed(()=>({"data-figma-component":"Table","data-figma-align":l.align,"data-figma-type":l.type}));return(i,n)=>(C.openBlock(),C.createBlock(G2,C.mergeProps(o.value,{columns:t.value,data:e.data,striped:e.striped||e.type==="Tbody"}),null,16,["columns","data","striped"]))}}),J2=f(C.defineComponent({__name:"Tab",props:{modelValue:{},type:{default:"line"},activeColor:{default:"white"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l;function i(n){o("update:modelValue",n)}return C.provide("tabType",C.computed(()=>t.type)),C.provide("tabActiveColor",C.computed(()=>t.activeColor)),C.provide("tabActiveValue",C.computed(()=>t.modelValue)),C.provide("tabSelectTab",i),(n,a)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["tab",[`tab--${e.type}`]])},[C.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-046befe6"]]),_1=C.defineComponent({__name:"Tab",props:{modelValue:{default:"overview"},type:{default:"Line"},property2:{default:"White"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.type.toLowerCase()),n=C.computed(()=>t.property2.toLowerCase()),a=C.computed(()=>({"data-figma-component":"Tab","data-figma-type":t.type,"data-figma-property2":t.property2}));return(s,r)=>(C.openBlock(),C.createBlock(J2,C.mergeProps(a.value,{"model-value":e.modelValue,type:i.value,"active-color":n.value,"onUpdate:modelValue":r[0]||(r[0]=d=>o("update:modelValue",d))}),{default:C.withCtx(()=>[C.renderSlot(s.$slots,"default")]),_:3},16,["model-value","type","active-color"]))}}),S1=f(C.defineComponent({__name:"TabItem",props:{value:{},disabled:{type:Boolean,default:!1},type:{},state:{},activeColor:{}},setup(e){const l=e,t=C.inject("tabType"),o=C.inject("tabActiveColor"),i=C.inject("tabActiveValue"),n=C.inject("tabSelectTab",()=>{}),a=C.computed(()=>l.state?l.state==="active":(i==null?void 0:i.value)===l.value),s=C.computed(()=>l.type??(t==null?void 0:t.value)??"line"),r=C.computed(()=>l.activeColor??(o==null?void 0:o.value)??"white");function d(){l.disabled||n(l.value)}return(h,L)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["tab-item",[`tab-item--${s.value}`,a.value?"tab-item--active":"tab-item--normal",a.value&&`tab-item--active-${r.value}`,e.disabled&&"tab-item--disabled"]]),onClick:d},[C.renderSlot(h.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-9353c87a"]]),E1=C.defineComponent({__name:"TabItem",props:{disabled:{type:Boolean,default:!1},property1:{default:"Normal"},property2:{default:"White"},type:{default:"Line"},value:{default:"overview"}},setup(e){const l=e,t=C.computed(()=>l.type.toLowerCase()),o=C.computed(()=>l.property1.toLowerCase()),i=C.computed(()=>l.property2.toLowerCase()),n=C.computed(()=>({"data-figma-component":"TabItem","data-figma-property1":l.property1,"data-figma-property2":l.property2,"data-figma-type":l.type}));return(a,s)=>(C.openBlock(),C.createBlock(S1,C.mergeProps(n.value,{value:e.value,disabled:e.disabled,type:t.value,state:o.value,"active-color":i.value}),{default:C.withCtx(()=>[C.renderSlot(a.$slots,"default")]),_:3},16,["value","disabled","type","state","active-color"]))}}),K2={class:"tab-list__items"},Y2=f(C.defineComponent({__name:"TabList",props:{modelValue:{},items:{},type:{default:"line"},activeColor:{default:"white"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.type),n=C.computed(()=>t.activeColor),a=C.computed(()=>t.modelValue);return C.provide("tabType",i),C.provide("tabActiveColor",n),C.provide("tabActiveValue",a),C.provide("tabSelectTab",s=>o("update:modelValue",s)),(s,r)=>(C.openBlock(),C.createElementBlock("div",{class:C.normalizeClass(["tab-list",[`tab-list--${e.type}`]])},[C.createElementVNode("div",K2,[(C.openBlock(!0),C.createElementBlock(C.Fragment,null,C.renderList(e.items,d=>(C.openBlock(),C.createBlock(S1,{key:d.value,value:d.value,disabled:d.disabled},{default:C.withCtx(()=>[C.createTextVNode(C.toDisplayString(d.label),1)]),_:2},1032,["value","disabled"]))),128))])],2))}}),[["__scopeId","data-v-7ed5f07f"]]),$1=C.defineComponent({__name:"TabList",props:{items:{default:()=>[{label:"Overview",value:"overview"},{label:"Sources",value:"sources"},{label:"Monitor",value:"monitor"}]},modelValue:{default:"overview"},type:{default:"Line"}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,o=l,i=C.computed(()=>t.type.toLowerCase()),n=C.computed(()=>({"data-figma-component":"TabList","data-figma-type":t.type}));return(a,s)=>(C.openBlock(),C.createBlock(Y2,C.mergeProps(n.value,{items:e.items,"model-value":e.modelValue,type:i.value,"onUpdate:modelValue":s[0]||(s[0]=r=>o("update:modelValue",r))}),{default:C.withCtx(()=>[C.renderSlot(a.$slots,"default")]),_:3},16,["items","model-value","type"]))}}),Q2={class:"topbar-brand"},C0={key:0,class:"topbar-title"},e0={key:0,class:"topbar-search"},t0={key:1,class:"topbar-menu"},l0={class:"topbar-right"},o0=f(C.defineComponent({__name:"TopBar",props:{title:{},tag:{default:"After Login"},showMenu:{type:Boolean,default:!0},showSearchBox:{type:Boolean,default:!1}},setup(e){const l=e,t=C.computed(()=>l.tag==="Before Login"?"before-login":"after-login");return(o,i)=>(C.openBlock(),C.createElementBlock("header",{class:C.normalizeClass(["topbar",`topbar--${t.value}`])},[C.createElementVNode("div",Q2,[C.renderSlot(o.$slots,"logo",{},void 0,!0),e.title?(C.openBlock(),C.createElementBlock("span",C0,C.toDisplayString(e.title),1)):C.createCommentVNode("",!0),C.renderSlot(o.$slots,"left",{},void 0,!0)]),e.showSearchBox?(C.openBlock(),C.createElementBlock("div",e0,[C.renderSlot(o.$slots,"search",{},void 0,!0)])):C.createCommentVNode("",!0),e.showMenu?(C.openBlock(),C.createElementBlock("div",t0,[C.renderSlot(o.$slots,"menu",{},void 0,!0)])):C.createCommentVNode("",!0),C.createElementVNode("div",l0,[C.renderSlot(o.$slots,"right-content",{},void 0,!0)])],2))}}),[["__scopeId","data-v-ea38bffb"]]),F1=C.defineComponent({__name:"TopBar",props:{tag:{default:"After Login"},title:{default:"Product Name"},showMenu:{type:Boolean,default:!0},showSearchBox:{type:Boolean,default:!1}},setup(e){const l=e,t=C.computed(()=>({"data-figma-component":"TopBar","data-figma-tag":l.tag}));return(o,i)=>(C.openBlock(),C.createBlock(o0,C.mergeProps(t.value,{tag:e.tag,title:e.title,"show-menu":e.showMenu,"show-search-box":e.showSearchBox}),C.createSlots({_:2},[o.$slots.logo?{name:"logo",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"logo")]),key:"0"}:void 0,o.$slots.left?{name:"left",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"left")]),key:"1"}:void 0,o.$slots.search?{name:"search",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"search")]),key:"2"}:void 0,o.$slots.menu?{name:"menu",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"menu")]),key:"3"}:void 0,o.$slots["right-content"]?{name:"right-content",fn:C.withCtx(()=>[C.renderSlot(o.$slots,"right-content")]),key:"4"}:void 0]),1040,["tag","title","show-menu","show-search-box"]))}}),i0={key:0,class:"tooltip-trigger"},n0={key:1,class:"tooltip-anchor","aria-hidden":"true"},a0={class:"tooltip-content"},r0=f(C.defineComponent({__name:"Tooltip",props:{content:{},placement:{default:"bottom"},theme:{default:"light"},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1}},setup(e){const l=e,t=C.useSlots(),o=C.ref(!1),i=C.computed(()=>l.open||!l.disabled&&o.value),n=C.computed(()=>!!t.default);return(a,s)=>(C.openBlock(),C.createElementBlock("div",{class:"tooltip-wrap",onMouseenter:s[0]||(s[0]=r=>o.value=!0),onMouseleave:s[1]||(s[1]=r=>o.value=!1)},[n.value?(C.openBlock(),C.createElementBlock("span",i0,[C.renderSlot(a.$slots,"default",{},void 0,!0)])):(C.openBlock(),C.createElementBlock("span",n0)),C.withDirectives(C.createElementVNode("div",{class:C.normalizeClass(["tooltip-box",[`tooltip-box--${e.placement}`,`tooltip-box--${e.theme}`]]),role:"tooltip"},[C.createElementVNode("span",a0,[C.renderSlot(a.$slots,"content",{},()=>[C.createTextVNode(C.toDisplayString(e.content),1)],!0)]),C.createElementVNode("span",{class:C.normalizeClass(["tooltip-arrow",[`tooltip-arrow--${e.placement}`,`tooltip-arrow--${e.theme}`]])},null,2)],2),[[C.vShow,i.value]])],32))}}),[["__scopeId","data-v-835d2987"]]),P1=C.defineComponent({__name:"Tooltip",props:{darkTheme:{default:"off"},pointing:{default:"Center down"},content:{default:"Description"},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1}},setup(e){const l=e,t=C.computed(()=>({"Center down":"bottom","Center up":"top","left down":"bottom-start","left up":"top-start","right down":"bottom-end","right up":"top-end"})[l.pointing]),o=C.computed(()=>({"data-figma-component":"Tooltip","data-figma-dark-theme":l.darkTheme,"data-figma-pointing":l.pointing}));return(i,n)=>(C.openBlock(),C.createBlock(r0,C.mergeProps(o.value,{content:e.content,disabled:e.disabled,open:e.open,placement:t.value,theme:e.darkTheme==="on"?"dark":"light"}),C.createSlots({default:C.withCtx(()=>[C.renderSlot(i.$slots,"default")]),_:2},[i.$slots.content?{name:"content",fn:C.withCtx(()=>[C.renderSlot(i.$slots,"content")]),key:"0"}:void 0]),1040,["content","disabled","open","placement","theme"]))}}),s0={key:0,class:"pill__dot","aria-hidden":"true"},d0={class:"pill__label"},I1=f(C.defineComponent({__name:"Pill",props:{dotColor:{default:"grey"},bgColor:{default:"grey"},showDot:{type:Boolean,default:!0}},setup(e){const l=e,t=C.computed(()=>({brand:"var(--brand)",red:"var(--red)",blue:"var(--blue)",orange:"var(--orange)",grey:"var(--text-tips)"})[l.dotColor]),o=C.computed(()=>({brand:"var(--msg-bg-brand)",red:"var(--msg-bg-red)",blue:"var(--msg-bg-blue)",grey:"var(--msg-bg-grey)"})[l.bgColor]),i=C.computed(()=>({"--pill-bg":o.value,"--pill-dot":t.value}));return(n,a)=>(C.openBlock(),C.createElementBlock("span",{class:"pill",style:C.normalizeStyle(i.value)},[e.showDot?(C.openBlock(),C.createElementBlock("span",s0)):C.createCommentVNode("",!0),C.createElementVNode("span",d0,[C.renderSlot(n.$slots,"default",{},void 0,!0)])],4))}}),[["__scopeId","data-v-be8b35c8"]]),z1=C.defineComponent({__name:"PillStatus",props:{status:{default:"Inactive"}},setup(e){const l=e,t=C.computed(()=>{switch(l.status){case"Live":return{bgColor:"brand",dotColor:"brand"};case"Preview":return{bgColor:"blue",dotColor:"blue"};case"Analyzing":return{bgColor:"blue",dotColor:"blue"};case"Inactive":default:return{bgColor:"grey",dotColor:"grey"}}}),o=C.computed(()=>({"data-figma-component":"Pill/Status","data-figma-status":l.status}));return(i,n)=>(C.openBlock(),C.createBlock(I1,C.mergeProps(o.value,{"bg-color":t.value.bgColor,"dot-color":t.value.dotColor}),{default:C.withCtx(()=>[C.renderSlot(i.$slots,"default",{},()=>[C.createTextVNode(C.toDisplayString(e.status),1)])]),_:3},16,["bg-color","dot-color"]))}}),T1=C.defineComponent({__name:"PillCounter",props:{kind:{default:"neutral"}},setup(e){const l=e,t=C.computed(()=>{switch(l.kind){case"success":return{bgColor:"brand",dotColor:"brand"};case"warning":return{bgColor:"red",dotColor:"red"};case"info":return{bgColor:"blue",dotColor:"blue"};case"neutral":default:return{bgColor:"grey",dotColor:"grey"}}}),o=C.computed(()=>({"data-figma-component":"Pill/Counter","data-figma-kind":l.kind}));return(i,n)=>(C.openBlock(),C.createBlock(I1,C.mergeProps(o.value,{"bg-color":t.value.bgColor,"dot-color":t.value.dotColor}),{default:C.withCtx(()=>[C.renderSlot(i.$slots,"default")]),_:3},16,["bg-color","dot-color"]))}}),H0=["aria-labelledby"],h0={class:"popup-box__header"},V0={key:1,class:"popup-box__title","aria-hidden":"true"},c0={class:"popup-box__body"},g0={key:0,class:"popup-box__footer"},N1=f(C.defineComponent({__name:"PopupBox",props:{visible:{type:Boolean,default:!1},title:{},theme:{default:"dark"},width:{default:680},closable:{type:Boolean,default:!0},closeOnBackdrop:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},showFooter:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},cancelText:{default:"Cancel"},confirmText:{default:"Confirm"}},emits:["close","cancel","confirm","update:visible"],setup(e,{emit:l}){const t=e,o=l,i=`popup-box-title-${Math.random().toString(36).slice(2)}`,n=C.ref(null),a=C.ref(null);let s="",r=!1;const d=["button:not([disabled])","[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),h=C.computed(()=>typeof t.width=="number"?`${t.width}px`:t.width);function L(){return n.value?Array.from(n.value.querySelectorAll(d)).filter(Z=>!Z.hasAttribute("disabled")&&Z.tabIndex!==-1):[]}function c(){o("update:visible",!1)}function M(){o("close"),c()}function w(){o("cancel"),c()}function m(){o("confirm"),c()}function v(){t.closeOnBackdrop&&t.closable&&M()}function b(Z){var S;if(Z.key==="Escape"&&t.closeOnEscape&&t.closable){Z.preventDefault(),M();return}if(Z.key!=="Tab")return;const V=L();if(V.length===0){Z.preventDefault(),(S=n.value)==null||S.focus();return}const p=V[0],y=V[V.length-1],k=document.activeElement;if(Z.shiftKey&&k===p){Z.preventDefault(),y.focus();return}!Z.shiftKey&&k===y&&(Z.preventDefault(),p.focus())}function _(){r||typeof document>"u"||(s=document.body.style.overflow,document.body.style.overflow="hidden",r=!0)}function u(){!r||typeof document>"u"||(document.body.style.overflow=s,r=!1)}function B(){typeof window>"u"||typeof document>"u"||(a.value=document.activeElement instanceof HTMLElement?document.activeElement:null,_(),window.addEventListener("keydown",b),C.nextTick(()=>{window.requestAnimationFrame(()=>{var V;(V=L()[0]??n.value)==null||V.focus()})}))}function $(Z=!0){var V;typeof window<"u"&&window.removeEventListener("keydown",b),u(),Z&&((V=a.value)==null||V.focus()),a.value=null}return C.watch(()=>t.visible,(Z,V)=>{if(Z&&V!==!0){B();return}!Z&&V===!0&&$()},{immediate:!0}),C.onBeforeUnmount(()=>$()),(Z,V)=>(C.openBlock(),C.createBlock(C.Teleport,{to:"body"},[e.visible?(C.openBlock(),C.createElementBlock("div",{key:0,class:C.normalizeClass(["popup-overlay",`popup-overlay--${e.theme}`]),onClick:C.withModifiers(v,["self"])},[C.createElementVNode("div",{ref_key:"dialogEl",ref:n,class:C.normalizeClass(["popup-box",`popup-box--${e.theme}`]),style:C.normalizeStyle({width:h.value}),role:"dialog","aria-modal":"true","aria-labelledby":e.title?i:void 0,tabindex:"-1"},[C.createElementVNode("header",h0,[e.title?(C.openBlock(),C.createElementBlock("h2",{key:0,id:i,class:"popup-box__title"},C.toDisplayString(e.title),1)):(C.openBlock(),C.createElementBlock("span",V0)),e.closable?(C.openBlock(),C.createElementBlock("button",{key:2,class:"popup-box__close",type:"button","aria-label":"Close",onClick:M},[C.createVNode(g,{name:"close",size:12})])):C.createCommentVNode("",!0)]),C.createElementVNode("div",c0,[C.renderSlot(Z.$slots,"default",{},void 0,!0)]),e.showFooter?(C.openBlock(),C.createElementBlock("footer",g0,[C.renderSlot(Z.$slots,"footer",{},()=>[e.hideCancel?C.createCommentVNode("",!0):(C.openBlock(),C.createBlock(P,{key:0,variant:"ghost-gray",size:"m",onClick:w},{default:C.withCtx(()=>[C.createTextVNode(C.toDisplayString(e.cancelText),1)]),_:1})),C.createVNode(P,{variant:"fill-green",size:"m",onClick:m},{default:C.withCtx(()=>[C.createTextVNode(C.toDisplayString(e.confirmText),1)]),_:1})],!0)])):C.createCommentVNode("",!0)],14,H0)],2)):C.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-9395762b"]]),w0=C.defineComponent({__name:"PopupBox",props:{theme:{default:"dark"},visible:{type:Boolean,default:!1},title:{},width:{default:680},closable:{type:Boolean,default:!0},closeOnBackdrop:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},showFooter:{type:Boolean,default:!0},cancelText:{},confirmText:{}},emits:["close","cancel","confirm","update:visible"],setup(e){const l=e,t=C.useSlots(),o=C.computed(()=>!!t.footer),i=C.computed(()=>({"data-figma-component":"Popup Box","data-figma-theme":l.theme}));return(n,a)=>(C.openBlock(),C.createBlock(N1,C.mergeProps(i.value,{theme:e.theme,visible:e.visible,title:e.title,width:e.width,closable:e.closable,"close-on-backdrop":e.closeOnBackdrop,"close-on-escape":e.closeOnEscape,"show-footer":e.showFooter,"cancel-text":e.cancelText,"confirm-text":e.confirmText,onClose:a[0]||(a[0]=s=>{n.$emit("close"),n.$emit("update:visible",!1)}),onCancel:a[1]||(a[1]=s=>{n.$emit("cancel"),n.$emit("update:visible",!1)}),onConfirm:a[2]||(a[2]=s=>{n.$emit("confirm"),n.$emit("update:visible",!1)}),"onUpdate:visible":a[3]||(a[3]=s=>n.$emit("update:visible",s))}),C.createSlots({default:C.withCtx(()=>[C.renderSlot(n.$slots,"default")]),_:2},[o.value?{name:"footer",fn:C.withCtx(()=>[C.renderSlot(n.$slots,"footer")]),key:"0"}:void 0]),1040,["theme","visible","title","width","closable","close-on-backdrop","close-on-escape","show-footer","cancel-text","confirm-text"]))}});function L0(e){if(e!=null)return typeof e=="string"||typeof e=="object"&&"type"in e?e:C.h(e)}function q(e={}){if(typeof document>"u")return{close:()=>{}};const l=document.createElement("div");document.body.appendChild(l);let t=null,o=!1;function i(){var a;t&&(t.unmount(),t=null),(a=l.parentNode)==null||a.removeChild(l)}function n(a){var s,r,d;o||(o=!0,a==="close"&&((s=e.onClose)==null||s.call(e)),a==="cancel"&&((r=e.onCancel)==null||r.call(e)),a==="confirm"&&((d=e.onConfirm)==null||d.call(e)),i())}return t=C.createApp({render:()=>C.h(N1,{visible:!0,title:e.title,theme:e.theme??"dark",width:e.width,closable:e.closable??!0,closeOnBackdrop:e.closeOnBackdrop??!1,closeOnEscape:e.closeOnEscape??!0,showFooter:e.showFooter??!0,hideCancel:e.hideCancel??!1,cancelText:e.cancelText,confirmText:e.confirmText,onClose:()=>n("close"),onCancel:()=>n("cancel"),onConfirm:()=>n("confirm")},{default:()=>L0(e.content)})}),t.mount(l),{close:()=>n("close")}}function p0(e={}){return new Promise(l=>{q({...e,showFooter:e.showFooter??!0,onConfirm:()=>{var t;(t=e.onConfirm)==null||t.call(e),l("confirm")},onClose:()=>{var t;(t=e.onClose)==null||t.call(e),l("close")},hideCancel:!0})})}function f0(e={}){return new Promise(l=>{q({...e,showFooter:e.showFooter??!0,onConfirm:()=>{var t;(t=e.onConfirm)==null||t.call(e),l("confirm")},onCancel:()=>{var t;(t=e.onCancel)==null||t.call(e),l("cancel")},onClose:()=>{var t;(t=e.onClose)==null||t.call(e),l("close")}})})}const A1=Object.assign(w0,{open:q,alert:p0,confirm:f0}),M0={install(e){e.component("InputBoxLine",r1),e.component("InputBoxFilled",s1),e.component("Button",t1),e.component("Badge",d1),e.component("Breadcrumb",H1),e.component("BreadcrumbItem",h1),e.component("CheckBox",c1),e.component("FormItem",g1),e.component("InputNumber",w1),e.component("Icon",g),e.component("Notification",L1),e.component("PopupBox",A1),e.component("PromptMessage",p1),e.component("Pagination",f1),e.component("Chart",M1),e.component("Progress",Z1),e.component("Radio",l1),e.component("Rating",m1),e.component("Slider",B1),e.component("Switch",i1),e.component("Table",k1),e.component("TopBar",F1),e.component("SelectBoxLine",v1),e.component("SelectBoxFilled",x1),e.component("DropDownListSelect",R),e.component("StepItem",y1),e.component("Steps",b1),e.component("Tab",_1),e.component("TabItem",E1),e.component("TabList",$1),e.component("Tooltip",P1),e.component("PillStatus",z1),e.component("PillCounter",T1)}},Z0=Object.freeze(Object.defineProperty({__proto__:null,arrowIcons:{"arrow/double-down":` `,"arrow/double-up":` `,"arrow/down":` `,"arrow/dropdown":` `,"arrow/left":` `,"arrow/left-2":` `,"arrow/next":` `,"arrow/previous":` `,"arrow/right":` `,"arrow/right-2":` `,"arrow/sorting":` `,"arrow/switch":` `,"arrow/to-first-page":` `,"arrow/to-last-page":` `,"arrow/up":` `,"arrow/updown":` `}},Symbol.toStringTag,{value:"Module"})),m0=Object.freeze(Object.defineProperty({__proto__:null,audioIcons:{"audio/audio-file":` `,"audio/audio-link-control":` `,"audio/audio-mixer":` `,"audio/audio-preset":` `,"audio/audio":` `,"audio/auto-agc":` `,"audio/headphone-off":` `,"audio/headphone-on":` `,"audio/manual-agc":` `,"audio/off":` `,"audio/on":` `,"audio/pip-speaker-off-1":` `,"audio/pip-speaker-off-2":` `,"audio/recognize":` `,"audio/speaker-off":` `,"audio/speaker-on":` `,"audio/stereo":` `}},Symbol.toStringTag,{value:"Module"})),u0=Object.freeze(Object.defineProperty({__proto__:null,cutIcons:{"cut/dissolve":` `,"cut/hard-cut":` `,"cut/iris-in":` `,"cut/iris-out":` `,"cut/l-band-1":` `,"cut/l-band-2":` `,"cut/l-band-3":` `,"cut/l-band-4":` `,"cut/singular-cut":` `,"cut/stinger":` `}},Symbol.toStringTag,{value:"Module"})),v0=Object.freeze(Object.defineProperty({__proto__:null,editIcons:{"edit/accreditation-edit":` `,"edit/add-1":` `,"edit/add-2":` `,"edit/add-3":` `,"edit/add-list":` `,"edit/align-left":` `,"edit/align-middle":` `,"edit/align-right":` `,"edit/bold":` `,"edit/calculate":` `,"edit/clear-1":` `,"edit/clear-2":` `,"edit/clear-3":` `,"edit/clip":` `,"edit/close":` `,"edit/copy-link":` `,"edit/copy":` `,"edit/delete":` `,"edit/description":` `,"edit/disabled":` `,"edit/edit":` `,"edit/edited":` `,"edit/insert":` `,"edit/italic":` `,"edit/merge-words":` `,"edit/minus-2":` `,"edit/minus":` `,"edit/multi-select":` `,"edit/redo":` `,"edit/rename":` `,"edit/save":` `,"edit/selected":` `,"edit/split-words":` `,"edit/text":` `,"edit/underline":` `,"edit/undo":` `}},Symbol.toStringTag,{value:"Module"})),x0=Object.freeze(Object.defineProperty({__proto__:null,featureIcons:{"feature/ai-frame-interpolation":` `,"feature/ai-setting":` `,"feature/auto-failover":` `,"feature/auto-response":` `,"feature/demo":` `,"feature/glacier":` `,"feature/insync":` `,"feature/ptz-control":` `,"feature/ptz-home":` `,"feature/recently-used":` `,"feature/restore":` `}},Symbol.toStringTag,{value:"Module"})),B0=Object.freeze(Object.defineProperty({__proto__:null,fileIcons:{"file/add-folder-1":` `,"file/add-folder-2":` `,"file/add-metadata":` `,"file/component":` `,"file/default-folder":` `,"file/doc":` `,"file/dowload-task":` `,"file/download-from-cloud":` `,"file/download-waiting":` `,"file/download":` `,"file/drag":` `,"file/edl":` `,"file/excel":` `,"file/export-edl":` `,"file/export":` `,"file/file":` `,"file/folder-2":` `,"file/folder":` `,"file/import-edl":` `,"file/import":` `,"file/json":` `,"file/lock":` `,"file/log":` `,"file/metadata":` `,"file/mirror-management":` `,"file/mirror":` `,"file/move-folder":` `,"file/other":` `,"file/pdf":` `,"file/ppt":` `,"file/print":` `,"file/script":` `,"file/sub-component":` `,"file/switch-mirror":` `,"file/sync":` `,"file/synced":` `,"file/unlock":` `,"file/upload-to-cloud":` `,"file/upload":` `,"file/zip":` `}},Symbol.toStringTag,{value:"Module"})),b0=Object.freeze(Object.defineProperty({__proto__:null,filterIcons:{"filter/filter-add":` `,"filter/filter-offline":` `,"filter/filter-online":` `,"filter/filter":` `,"filter/move-to-bottom":` `,"filter/move-top":` `,"filter/restore-filter":` `,"filter/sort-ascending":` `,"filter/sort-descending":` `,"filter/sorting-a-z":` `,"filter/sorting-dynamic":` `,"filter/sorting-time-ascending":` `,"filter/sorting-time-descending":` `,"filter/sorting-z-a":` `,"filter/untop":` `}},Symbol.toStringTag,{value:"Module"})),y0=Object.freeze(Object.defineProperty({__proto__:null,indicatorIcons:{"indicator/24h-mode":` `,"indicator/active":` `,"indicator/anywhere":` `,"indicator/cannot-live":` `,"indicator/cc":` `,"indicator/connect":` `,"indicator/dash":` `,"indicator/duplicate":` `,"indicator/external":` `,"indicator/facebook":` `,"indicator/free":` `,"indicator/glink":` `,"indicator/grid-mediahub":` `,"indicator/grid-pack":` `,"indicator/grid-sdi":` `,"indicator/hds":` `,"indicator/hls":` `,"indicator/issp":` `,"indicator/kick":` `,"indicator/live-1":` `,"indicator/live-2":` `,"indicator/microsoft":` `,"indicator/mpeg":` `,"indicator/mxl":` `,"indicator/no-scte":` `,"indicator/offline-r":` `,"indicator/offline":` `,"indicator/pack":` `,"indicator/rec":` `,"indicator/rtmp-pull":` `,"indicator/rtmp-push":` `,"indicator/rtp-fec":` `,"indicator/rtsp-pull":` `,"indicator/rtsp-push":` `,"indicator/rtsp":` `,"indicator/scte":` `,"indicator/sdi":` `,"indicator/secondary-record-off":` `,"indicator/secondary-record-on":` `,"indicator/smpte":` `,"indicator/srt-caller":` `,"indicator/srt-listener":` `,"indicator/ssrt":` `,"indicator/tiktok":` `,"indicator/twitch":` `,"indicator/udp":` `,"indicator/unknown":` `,"indicator/x":` `,"indicator/youtube":` `,"indicator/zixi":` `,"indicator/zoom":` `}},Symbol.toStringTag,{value:"Module"})),k0=Object.freeze(Object.defineProperty({__proto__:null,inputIcons:{"input/anywhere":` `,"input/backup-source":` `,"input/custom-source":` `,"input/ext":` `,"input/facebook":` `,"input/grid-pack":` `,"input/grid-sdi":` `,"input/grid":` `,"input/hdmi":` `,"input/hls-pull":` `,"input/html":` `,"input/issp":` `,"input/kick":` `,"input/midi-device":` `,"input/multi-sources":` `,"input/mxl":` `,"input/ndi":` `,"input/ndi-2":` `,"input/other-source":` `,"input/primary-source":` `,"input/receiver":` `,"input/rps-one":` `,"input/rtmp-pull":` `,"input/rtmp-push":` `,"input/rtmp":` `,"input/rtp-3":` `,"input/rtsp-pull":` `,"input/rtsp-push":` `,"input/sdi":` `,"input/srt-caller":` `,"input/srt-listener":` `,"input/srt":` `,"input/tiktok":` `,"input/tvu-pack":` `,"input/twitch":` `,"input/udp":` `,"input/x":` `,"input/youtube":` `,"input/zixi-1":` `,"input/zixi-2":` `,"input/zoom":` `}},Symbol.toStringTag,{value:"Module"})),_0=Object.freeze(Object.defineProperty({__proto__:null,loadIcons:{"load/loading-1":` `,"load/loading-2":` `,"load/refresh":` `,"load/wait":` `}},Symbol.toStringTag,{value:"Module"})),S0=Object.freeze(Object.defineProperty({__proto__:null,locationIcons:{"location/1":` `,"location/2":` `,"location/3":` `,"location/track-collection":` `,"location/tracking":` `}},Symbol.toStringTag,{value:"Module"})),E0=Object.freeze(Object.defineProperty({__proto__:null,logoIcons:{"logo/ts":` `,"logo/tvu":` `}},Symbol.toStringTag,{value:"Module"})),$0=Object.freeze(Object.defineProperty({__proto__:null,markIcons:{"mark/athlete-number":` `,"mark/bookmark-on":` `,"mark/bookmark":` `,"mark/brand":` `,"mark/favorite-on":` `,"mark/favorite":` `,"mark/flag-on":` `,"mark/flag":` `,"mark/pin-on":` `,"mark/pin":` `,"mark/safe-on":` `,"mark/safe":` `,"mark/star-on":` `,"mark/star":` `,"mark/tag-on":` `,"mark/tag":` `,"mark/thumb-down-on":` `,"mark/thumb-down":` `,"mark/thumb-up-on":` `,"mark/thumb-up":` `,"mark/ur-intput":` `,"mark/ur-output":` `,"mark/wait-for-delete":` `}},Symbol.toStringTag,{value:"Module"})),F0=Object.freeze(Object.defineProperty({__proto__:null,meetingIcons:{"meeting/lazy-audio":` `,"meeting/1vn-voip-1":` `,"meeting/1vn-voip-2":` `,"meeting/ai-helper":` `,"meeting/calling-1":` `,"meeting/calling-2":` `,"meeting/chat-1":` `,"meeting/chat-2":` `,"meeting/comm-status":` `,"meeting/connecting-1":` `,"meeting/connecting-2":` `,"meeting/echo-off":` `,"meeting/echo-on":` `,"meeting/intercom-in":` `,"meeting/intercom-out":` `,"meeting/intercom-two-way":` `,"meeting/lazy-audio-left":` `,"meeting/lazy-audio-off":` `,"meeting/lazy-audio-right":` `,"meeting/mic-1":` `,"meeting/mic-2":` `,"meeting/mic-bluetooth":` `,"meeting/mic-external":` `,"meeting/mic-off-1":` `,"meeting/mic-off":` `,"meeting/off-1":` `,"meeting/off-2":` `,"meeting/phone-1":` `,"meeting/phone-2":` `,"meeting/pip-mic-off-1":` `,"meeting/pip-mic-off-2":` `,"meeting/private-chat-normal":` `,"meeting/private-chat-off":` `,"meeting/private-chat-on":` `,"meeting/raise-hand-1":` `,"meeting/raise-hand-2":` `,"meeting/role-1":` `,"meeting/role-2":` `}},Symbol.toStringTag,{value:"Module"})),P0=Object.freeze(Object.defineProperty({__proto__:null,menuIcons:{"menu/center":` `,"menu/chart":` `,"menu/dashboard":` `,"menu/home":` `,"menu/menu-1":` `,"menu/monitor":` `,"menu/more":` `,"menu/timeline":` `,"menu/waffle":` `}},Symbol.toStringTag,{value:"Module"})),I0=Object.freeze(Object.defineProperty({__proto__:null,messageIcons:{"message/error-1":` `,"message/error-2":` `,"message/error-3":` `,"message/error-4":` `,"message/help-1":` `,"message/help-2":` `,"message/info-1":` `,"message/info-2":` `,"message/notification-1":` `,"message/notification-2":` `,"message/success-1":` `,"message/success-2":` `,"message/update-1":` `,"message/update-2":` `,"message/warning-1":` `,"message/warning-2":` `}},Symbol.toStringTag,{value:"Module"})),z0=Object.freeze(Object.defineProperty({__proto__:null,networkIcons:{"network/bluetooth":` `,"network/download-speed-test":` `,"network/ethernet":` `,"network/net":` `,"network/public-ip":` `,"network/satellite":` `,"network/signal":` `,"network/starlink":` `,"network/wifi-1":` `,"network/wifi-2":` `,"network/wifi-3":` `,"network/wifi-4":` `,"network/wifi-5":` `,"network/wifi-fan-1":` `,"network/wifi-fan-2":` `,"network/wifi-fan-3":` `}},Symbol.toStringTag,{value:"Module"})),T0=Object.freeze(Object.defineProperty({__proto__:null,othersIcons:{"others/add-workspace":` `,"others/ai":` `,"others/android":` `,"others/apple":` `,"others/box":` `,"others/cloud-resource":` `,"others/electric-1":` `,"others/electric-2":` `,"others/electric-3":` `,"others/electric-empty":` `,"others/global-control":` `,"others/google-play":` `,"others/group":` `,"others/keyboard":` `,"others/mouse-cursor":` `,"others/resource":` `,"others/slave-device":` `,"others/story":` `,"others/translate":` `,"others/usb":` `,"others/workspace":` `}},Symbol.toStringTag,{value:"Module"})),N0=Object.freeze(Object.defineProperty({__proto__:null,outputIcons:{"output/aux-output":` `,"output/facebook-1":` `,"output/facebook-2":` `,"output/grid-1":` `,"output/grid-2":` `,"output/hls-pull-1":` `,"output/hls-pull-2":` `,"output/hls-push-1":` `,"output/hls-push-2":` `,"output/hls-to-aws-1":` `,"output/hls-to-aws-2":` `,"output/id3":` `,"output/instagram-1":` `,"output/instagram-2":` `,"output/irltoolkit-1":` `,"output/irltoolkit-2":` `,"output/issp-1":` `,"output/issp-2":` `,"output/kick-1":` `,"output/kick-2":` `,"output/kuaishou-1":` `,"output/kuaishou-2":` `,"output/linkedin-1":` `,"output/linkedin-2":` `,"output/mxl-1":` `,"output/mxl-2":` `,"output/ndi-1":` `,"output/ndi-2":` `,"output/obs-1":` `,"output/obs-2":` `,"output/other-output-1":` `,"output/other-output-2":` `,"output/periscope-1":` `,"output/periscope-2":` `,"output/pro-mpeg-1":` `,"output/pro-mpeg-2":` `,"output/rss":` `,"output/rtil-1":` `,"output/rtil-2":` `,"output/rtmp-1":` `,"output/rtmp-1-2":` `,"output/rtmp-2":` `,"output/rtmp-2-2":` `,"output/rtmp-pull-1":` `,"output/rtmp-pull-2":` `,"output/rtmp-push-1":` `,"output/rtmp-push-2":` `,"output/rtp-1":` `,"output/rtp-2":` `,"output/rtsp-pull-1":` `,"output/rtsp-pull-2":` `,"output/rtsp-push-1":` `,"output/rtsp-push-2":` `,"output/sdi-1":` `,"output/sdi-2":` `,"output/srt-1":` `,"output/srt-2":` `,"output/srt-caller-1":` `,"output/srt-caller-2":` `,"output/srt-listener-1":` `,"output/srt-listener-2":` `,"output/tiktok-1":` `,"output/tiktok-2":` `,"output/tvu-pack-1":` `,"output/tvu-pack-2":` `,"output/twitch-1":` `,"output/twitch-2":` `,"output/udp-1":` `,"output/udp-2":` `,"output/vimeo-1":` `,"output/vimeo-2":` `,"output/x-1":` `,"output/x-2":` `,"output/yizhibo-1":` `,"output/yizhibo-2":` `,"output/youtube-1":` `,"output/youtube-2":` `,"output/youtube-link-1":` `,"output/youtube-link-2":` `,"output/zixi-1":` `,"output/zixi-2":` `}},Symbol.toStringTag,{value:"Module"})),A0=Object.freeze(Object.defineProperty({__proto__:null,payIcons:{"pay/bill":` `,"pay/card":` `,"pay/cart":` `,"pay/logistics":` `,"pay/paypal":` `,"pay/token":` `,"pay/transfer-token":` `,"pay/wechat":` `,"pay/zhifubao":` `}},Symbol.toStringTag,{value:"Module"})),D0=Object.freeze(Object.defineProperty({__proto__:null,pictureIcons:{"picture/appearance":` `,"picture/background":` `,"picture/camera":` `,"picture/color-correction":` `,"picture/color-match":` `,"picture/effect":` `,"picture/ext-overlay":` `,"picture/file-pic":` `,"picture/flip-cam":` `,"picture/grid-thumbnail":` `,"picture/lband":` `,"picture/light":` `,"picture/overlay-cut":` `,"picture/overlay":` `,"picture/picture-add":` `,"picture/picture-broken":` `,"picture/picture-cut":` `,"picture/picture-focus":` `,"picture/picture-link":` `,"picture/picture":` `,"picture/proportion-lock":` `,"picture/proportion-unlock":` `,"picture/thumbnail":` `,"picture/white-balance":` `}},Symbol.toStringTag,{value:"Module"})),O0=Object.freeze(Object.defineProperty({__proto__:null,previewIcons:{"preview/1":` `,"preview/16":` `,"preview/25":` `,"preview/4":` `,"preview/6":` `,"preview/9":` `,"preview/broaden":` `,"preview/form":` `,"preview/grid-view":` `,"preview/hide":` `,"preview/l-r-layout":` `,"preview/large-size":` `,"preview/layout":` `,"preview/list":` `,"preview/main-window":` `,"preview/medium-size":` `,"preview/multiviewer":` `,"preview/narrow":` `,"preview/pip":` `,"preview/popup-mode":` `,"preview/rotate-90":` `,"preview/screen-1":` `,"preview/screen-4":` `,"preview/show":` `,"preview/sidebar":` `,"preview/small-size":` `,"preview/swap-positions":` `,"preview/windows":` `,"preview/xy":` `,"preview/zoom-big":` `,"preview/zoom-small":` `}},Symbol.toStringTag,{value:"Module"})),j0=Object.freeze(Object.defineProperty({__proto__:null,searchIcons:{"search/auto-search":` `,"search/search":` `,"search/zoom-in":` `,"search/zoom-out":` `}},Symbol.toStringTag,{value:"Module"})),R0=Object.freeze(Object.defineProperty({__proto__:null,settingIcons:{"setting/adv-setting":` `,"setting/chinese":` `,"setting/custom":` `,"setting/english":` `,"setting/offline-setting":` `,"setting/quite":` `,"setting/scte-setting":` `,"setting/setting-1":` `,"setting/setting-2":` `,"setting/skin":` `,"setting/standby":` `,"setting/switch":` `}},Symbol.toStringTag,{value:"Module"})),q0=Object.freeze(Object.defineProperty({__proto__:null,shareIcons:{"share/email":` `,"share/link":` `,"share/open-link":` `,"share/p2p":` `,"share/qr":` `,"share/scan":` `,"share/send":` `,"share/share-screen":` `,"share/share-to-platforms":` `,"share/share":` `,"share/unlink":` `}},Symbol.toStringTag,{value:"Module"})),U0=Object.freeze(Object.defineProperty({__proto__:null,timeIcons:{"time/add-time":` `,"time/buffer":` `,"time/calender-event":` `,"time/calender":` `,"time/clock":` `,"time/coming-up":` `,"time/ntp":` `,"time/timelock-client-occupied":` `,"time/timelock-client":` `,"time/timelocker-server-occupied":` `,"time/timelocker-server":` `,"time/timer":` `,"time/warning":` `}},Symbol.toStringTag,{value:"Module"})),W0=Object.freeze(Object.defineProperty({__proto__:null,userIcons:{"user/add-user":` `,"user/admin":` `,"user/apple-dark":` `,"user/auth0-dark":` `,"user/auth0-light":` `,"user/broadcaster":` `,"user/change-owner":` `,"user/company":` `,"user/facebook":` `,"user/facial-recognition":` `,"user/from-sharing":` `,"user/google":` `,"user/id":` `,"user/key":` `,"user/microsoft":` `,"user/my-sharing":` `,"user/production-crew":` `,"user/profile-photo":` `,"user/remove-user":` `,"user/seat-rule":` `,"user/talkback-coord":` `,"user/tiktok":` `,"user/twitch":` `,"user/ungroup":` `,"user/unkown":` `,"user/user-group":` `,"user/user":` `,"user/wechat":` `,"user/youtube":` `}},Symbol.toStringTag,{value:"Module"})),X0=Object.freeze(Object.defineProperty({__proto__:null,videoIcons:{"video/ab-point":` `,"video/add-to-pr":` `,"video/add-video-file":` `,"video/auto-pan":` `,"video/camera-off":` `,"video/camera-stop":` `,"video/camera":` `,"video/circle-list":` `,"video/circle-single":` `,"video/clip-player":` `,"video/disc":` `,"video/eject":` `,"video/encoder":` `,"video/fast-backward":` `,"video/fast-forward":` `,"video/file-1":` `,"video/forward-10-sec":` `,"video/go-to":` `,"video/half":` `,"video/horizontal":` `,"video/live-caption":` `,"video/live":` `,"video/manual-pan":` `,"video/media":` `,"video/next-frame":` `,"video/next":` `,"video/pause":` `,"video/pbp":` `,"video/play-clip":` `,"video/play-list":` `,"video/play-selected":` `,"video/play":` `,"video/playlist":` `,"video/point-in":` `,"video/point-out":` `,"video/previous-frame":` `,"video/previous":` `,"video/program":` `,"video/random":` `,"video/record-setting":` `,"video/record-stop":` `,"video/recording":` `,"video/relive":` `,"video/resolution":` `,"video/rewind-10-sec":` `,"video/rotation-90":` `,"video/rotation-0":` `,"video/rotation-90-2":` `,"video/rvf-start":` `,"video/rvf-stop":` `,"video/score":` `,"video/scte":` `,"video/source-unavailable":` `,"video/tag":` `,"video/to-point-in":` `,"video/to-point-out":` `,"video/vertical":` `}},Symbol.toStringTag,{value:"Module"}));function D1(){if(typeof document>"u")return["#2fb54e","#ea4233","#3892f3","#f68512","#2dceae","#d8c537","#9a4ee5","#e54eb4","#4e6ee5","#e57a4e","#c47de8","#a3d837"];const e=getComputedStyle(document.documentElement);return Array.from({length:12},(l,t)=>e.getPropertyValue(`--chart-color-${t+1}`).trim()||"#000000")}const G0=["aria-label"],J0=Object.freeze(Object.defineProperty({__proto__:null,default:f(C.defineComponent({__name:"Chart",props:{type:{},datasets:{},labels:{default:()=>[]},height:{default:200},width:{default:320}},setup(e){E.Chart.register(E.ArcElement,E.BarElement,E.LineElement,E.PointElement,E.CategoryScale,E.LinearScale,E.Tooltip,E.Legend);const l=e,t=C.ref(D1());let o=null;C.onMounted(()=>{o=new MutationObserver(()=>{t.value=D1()}),o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}),C.onUnmounted(()=>{o==null||o.disconnect()});const i=C.computed(()=>l.datasets.map((h,L)=>{const c=h.color||t.value[L%12],M={label:h.label,data:h.data,backgroundColor:c,borderColor:c,borderWidth:2};return h.type?{...M,type:h.type}:M})),n=C.computed(()=>l.datasets.map(h=>({label:h.label,data:h.data,backgroundColor:h.data.map((L,c)=>h.color||t.value[c%12]),borderColor:"transparent",borderWidth:0}))),a=C.computed(()=>l.type==="pie"||l.type==="donut"?{labels:l.labels,datasets:n.value}:{labels:l.labels,datasets:i.value}),s=C.computed(()=>({responsive:!1,maintainAspectRatio:!1,plugins:{legend:{position:"bottom"}},...l.type==="bar-horizontal"?{indexAxis:"y"}:{}})),r=C.computed(()=>a.value),d=C.computed(()=>s.value);return(h,L)=>(C.openBlock(),C.createElementBlock("div",{class:"tvu-chart",style:C.normalizeStyle({width:`${e.width}px`,height:`${e.height}px`}),role:"img","aria-label":h.$attrs["aria-label"]??`${e.type} chart`},[e.type==="pie"?(C.openBlock(),C.createBlock(C.unref(T.Pie),{key:0,data:r.value,options:d.value},null,8,["data","options"])):e.type==="donut"?(C.openBlock(),C.createBlock(C.unref(T.Doughnut),{key:1,data:r.value,options:d.value},null,8,["data","options"])):e.type==="line"?(C.openBlock(),C.createBlock(C.unref(T.Line),{key:2,data:r.value,options:d.value},null,8,["data","options"])):(C.openBlock(),C.createBlock(C.unref(T.Bar),{key:3,data:r.value,options:d.value},null,8,["data","options"]))],12,G0))}}),[["__scopeId","data-v-a37622b1"]])},Symbol.toStringTag,{value:"Module"}));H.Badge=d1,H.Breadcrumb=H1,H.BreadcrumbItem=h1,H.Button=t1,H.Chart=M1,H.CheckBox=c1,H.DropDownListSelect=R,H.FormItem=g1,H.Icon=g,H.IconAdd=U,H.IconArrowDropdown=X,H.IconMinus=W,H.IconSelected=K,H.InputBoxFilled=s1,H.InputBoxLine=r1,H.InputNumber=w1,H.LogoTS=J,H.LogoTVU=G,H.Notification=L1,H.Pagination=f1,H.PillCounter=T1,H.PillStatus=z1,H.PopupBox=A1,H.Progress=Z1,H.PromptMessage=p1,H.Radio=l1,H.Rating=m1,H.SelectBoxFilled=x1,H.SelectBoxLine=v1,H.Slider=B1,H.StepItem=y1,H.Steps=b1,H.Switch=i1,H.Tab=_1,H.TabItem=E1,H.TabList=$1,H.Table=k1,H.Tooltip=P1,H.TopBar=F1,H.default=M0,H.iconCategoryRegistry=D,H.iconManifest=A,H.iconNameAliases=Y,H.iconRegistry=Q,H.listIconsByCategory=M9,H.resolveIcon=O,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});