@ap-gen/ui 1.0.0 → 1.0.3

package/dist/index.js

@@ -8,7 +8,8 @@ var useOverlay = require('@toss/use-overlay');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var framerMotion = require('framer-motion');
-var lottie = require('@toss/lottie');
+var react$1 = require('@toss/react');
+var jsxRuntime$1 = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -615,7 +616,7 @@ function _extends$4D(){return _extends$4D=Object.assign?Object.assign.bind():fun
 
 var _path$4c;function _extends$4C(){return _extends$4C=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r]);}return n},_extends$4C.apply(null,arguments)}var SvgGift=function SvgGift(props){return /*#__PURE__*/React__namespace.createElement("svg",_extends$4C({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},props),_path$4c||(_path$4c=/*#__PURE__*/React__namespace.createElement("path",{d:"M4.115 19.692v-9.077H4.02q-.632 0-1.076-.443A1.47 1.47 0 0 1 2.5 9.096V6.923q0-.633.443-1.076a1.47 1.47 0 0 1 1.076-.443h3.652a1.3 1.3 0 0 1-.287-.55 2.7 2.7 0 0 1-.076-.642q0-1.122.785-1.907A2.6 2.6 0 0 1 10 1.519q.575 0 1.065.242.491.24.877.645.387-.42.877-.653a2.44 2.44 0 0 1 1.066-.234q1.122 0 1.907.786.785.785.785 1.907 0 .332-.084.632-.083.3-.28.56h3.768q.633 0 1.076.443.443.444.443 1.076v2.173q0 .633-.443 1.076a1.47 1.47 0 0 1-1.076.443h-.096v9.077q0 .746-.531 1.277a1.74 1.74 0 0 1-1.277.531H5.923a1.74 1.74 0 0 1-1.277-.531 1.74 1.74 0 0 1-.53-1.277m9.77-16.673q-.507 0-.85.343a1.15 1.15 0 0 0-.343.85q0 .505.343.85.343.342.85.342.505 0 .85-.343.342-.343.342-.85t-.343-.849a1.15 1.15 0 0 0-.85-.343M8.808 4.212q0 .505.342.85.343.342.85.342t.85-.343.342-.85-.342-.849a1.15 1.15 0 0 0-.85-.343q-.507 0-.85.343a1.15 1.15 0 0 0-.342.85M4 6.904v2.211h7.25V6.904zM11.25 20v-9.385H5.615v9.077a.3.3 0 0 0 .087.221.3.3 0 0 0 .221.087zm1.5 0h5.327a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22v-9.078H12.75zM20 9.115V6.904h-7.25v2.211z"})))};var gift = SvgGift;
 
-var _path$4b;function _extends$4B(){return _extends$4B=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r]);}return n},_extends$4B.apply(null,arguments)}var SvgGlobal=function SvgGlobal(props){return /*#__PURE__*/React__namespace.createElement("svg",_extends$4B({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},props),_path$4b||(_path$4b=/*#__PURE__*/React__namespace.createElement("path",{d:"M12.002 21.5a9.3 9.3 0 0 1-3.705-.748 9.6 9.6 0 0 1-3.017-2.03 9.6 9.6 0 0 1-2.032-3.016 9.2 9.2 0 0 1-.748-3.704q0-1.972.748-3.705a9.6 9.6 0 0 1 2.03-3.018 9.6 9.6 0 0 1 3.016-2.03 9.2 9.2 0 0 1 3.704-.749q1.972 0 3.705.748a9.6 9.6 0 0 1 3.018 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.018 9.6 9.6 0 0 1-3.016 2.03 9.2 9.2 0 0 1-3.704.749M11 19.95V18q-.825 0-1.412-.587A1.93 1.93 0 0 1 9 16v-1l-4.8-4.8q-.075.45-.138.9Q4 11.55 4 12q0 3.025 1.987 5.3T11 19.95m6.9-2.55q.5-.55.9-1.187.4-.638.662-1.326a8.3 8.3 0 0 0 .4-1.412Q20 12.75 20 12a7.9 7.9 0 0 0-1.358-4.488A7.66 7.66 0 0 0 15 4.58V5q0 .825-.588 1.412A1.93 1.93 0 0 1 13 7h-2v2q0 .424-.287.712A.97.97 0 0 1 10 10H8v2h6q.424 0 .713.287.287.288.287.713v3h1q.65 0 1.175.387.525.388.725 1.013"})))};var global = SvgGlobal;
+var _path$4b;function _extends$4B(){return _extends$4B=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r]);}return n},_extends$4B.apply(null,arguments)}var SvgGlobal=function SvgGlobal(props){return /*#__PURE__*/React__namespace.createElement("svg",_extends$4B({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},props),_path$4b||(_path$4b=/*#__PURE__*/React__namespace.createElement("path",{d:"M12.002 21.5a9.3 9.3 0 0 1-3.705-.748 9.6 9.6 0 0 1-3.017-2.03 9.6 9.6 0 0 1-2.032-3.016 9.2 9.2 0 0 1-.748-3.704q0-1.972.748-3.705a9.6 9.6 0 0 1 2.03-3.018 9.6 9.6 0 0 1 3.016-2.03 9.2 9.2 0 0 1 3.704-.749q1.972 0 3.705.748a9.6 9.6 0 0 1 3.018 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.018 9.6 9.6 0 0 1-3.016 2.03 9.2 9.2 0 0 1-3.704.749M11 19.95V18q-.825 0-1.412-.587A1.93 1.93 0 0 1 9 16v-1l-4.8-4.8q-.075.45-.138.9Q4 11.55 4 12q0 3.025 1.987 5.3T11 19.95m6.9-2.55q.5-.55.9-1.187.4-.638.662-1.326a8.3 8.3 0 0 0 .4-1.412Q20 12.75 20 12a7.9 7.9 0 0 0-1.358-4.488A7.66 7.66 0 0 0 15 4.58V5q0 .825-.588 1.412A1.93 1.93 0 0 1 13 7h-2v2q0 .424-.287.712A.97.97 0 0 1 10 10H8v2h6q.424 0 .713.287.287.288.287.713v3h1q.65 0 1.175.387.525.388.725 1.013"})))};var global$1 = SvgGlobal;
 
 var _path$4a;function _extends$4A(){return _extends$4A=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r]);}return n},_extends$4A.apply(null,arguments)}var SvgGlobalFind=function SvgGlobalFind(props){return /*#__PURE__*/React__namespace.createElement("svg",_extends$4A({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},props),_path$4a||(_path$4a=/*#__PURE__*/React__namespace.createElement("path",{d:"M2.5 12q0-1.97.75-3.703a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.017-2.032A9.2 9.2 0 0 1 12 2.5q3.233 0 5.696 1.899t3.329 4.838a.92.92 0 0 1-.012.662.66.66 0 0 1-.457.416.7.7 0 0 1-.575-.099.9.9 0 0 1-.364-.489A7.8 7.8 0 0 0 17.94 6.63 7.55 7.55 0 0 0 15 4.58V5q0 .825-.588 1.412A1.93 1.93 0 0 1 13 7h-2v2q0 .424-.287.712A.97.97 0 0 1 10 10H8v2h1.02q.386 0 .644.259a.88.88 0 0 1 .26.645V15H9l-4.8-4.8q-.075.45-.138.9Q4 11.55 4 12q0 3.107 2.075 5.397 2.074 2.29 5.202 2.572.314.03.518.246a.75.75 0 0 1 .205.535.7.7 0 0 1-.225.535.65.65 0 0 1-.539.184q-3.69-.299-6.213-3.003T2.5 12m18.035 8.588-2.799-2.778a4.8 4.8 0 0 1-1.048.5q-.561.19-1.188.19-1.672 0-2.836-1.163T11.5 14.5q0-1.672 1.164-2.836Q13.826 10.5 15.5 10.5q1.672 0 2.837 1.164Q19.5 12.826 19.5 14.5q0 .636-.195 1.203-.195.566-.515 1.053l2.798 2.779a.7.7 0 0 1 .218.522.723.723 0 0 1-.74.74.74.74 0 0 1-.531-.209M15.5 17q1.05 0 1.775-.725T18 14.5t-.725-1.775T15.5 12t-1.775.725T13 14.5t.725 1.775T15.5 17"})))};var globalFind = SvgGlobalFind;
 
@@ -1203,7 +1204,7 @@ var _path$1;function _extends$1(){return _extends$1=Object.assign?Object.assign.
 
 var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r]);}return n},_extends.apply(null,arguments)}var SvgPerson=function SvgPerson(props){return /*#__PURE__*/React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:24,height:24},props),_path||(_path=/*#__PURE__*/React__namespace.createElement("path",{d:"M12 11.662q-1.588 0-2.719-1.131Q8.15 9.4 8.15 7.81q0-1.587 1.131-2.718Q10.411 3.962 12 3.962t2.719 1.13q1.131 1.131 1.131 2.72 0 1.588-1.131 2.719-1.13 1.13-2.719 1.13m-8.25 6.705v-.774q0-.808.439-1.497a2.93 2.93 0 0 1 1.173-1.058 16 16 0 0 1 3.29-1.2 14.24 14.24 0 0 1 6.696 0q1.66.4 3.29 1.2.734.37 1.173 1.058.44.69.439 1.497v.774q0 .696-.488 1.184t-1.183.488H5.42q-.696 0-1.183-.488a1.61 1.61 0 0 1-.488-1.184m1.65.021h13.2v-.795q0-.334-.194-.619a1.46 1.46 0 0 0-.525-.464 14 14 0 0 0-2.9-1.06 12.5 12.5 0 0 0-5.963 0q-1.477.36-2.899 1.06-.332.18-.525.464-.195.284-.194.62zm6.6-8.376q.907 0 1.554-.647.646-.645.646-1.553t-.646-1.554A2.12 2.12 0 0 0 12 5.612q-.907 0-1.554.646-.645.646-.646 1.554 0 .908.646 1.553.646.647 1.554.647"})))};var person = SvgPerson;
 
-const ICONS={add,person,addPhotoAlternate,airconditioner,airplane,alarm_fill,alarm,computer,alignCenter,alignLeft,alignRight,apartment_fill,apartment,apparel_fill,apparel,ar_fill,ar,colorize,aroundView,arrowDown,arrowDownward,arrowLeft,arrowRight,arrowUp,arrowUpward,arrowBackIos,arrowForwardIos,back,backup,bank_fill,bank,barcode,birthday_fill,birthday,bluetooth,bookmark_fill,bookmark,box_fill,box,bracketDown,bracketLeft,bracketRight,bracketUp,brush_fill,brush,bubble_fill,bubble,building_fill,building,bulb_fill,bulb,bus_fill,bus,calculator_fill,calculator,calendar_fill,calendar,calendarCheck_fill,calendarCheck,calendarClock_fill,calendarClock,call_fill,call,callMiss_fill,callMiss,camera_fill,camera,cameraRotate_fill,cameraRotate,car_fill,car,card_fill,card,cardAdd_fill,cardAdd,cardRemove_fill,cardRemove,cart_fill,cart,cash_fill,cash,cashDouble_fill,cashDouble,change,chart,chartArea,check,formatBold,formatItalic,formatAlignLeft,formatAlignCenter,formatAlignRight,superscript,subscript,formatUnderlined,formatListBulleted,formatListNumbered,church_fill,church,chevronRight,circleAdd_fill,circleAdd,circleCharge_fill,circleCharge,circleCheck_fill,circleCheck,circleClose_fill,circleClose,circleCompare_fill,circleCompare,publish,circleDown_fill,circleDown,circleDownload_fill,circleDownload,circleDropDown_fill,circleDropDown,circleInfo_fill,circleInfo,circleLeft_fill,circleLeft,circleMore_fill,circleMore,circleNotice_fill,circleNotice,circleNotification_fill,circleNotification,circlePause_fill,circlePause,circlePlay_fill,circlePlay,circleQuestion_fill,circleQuestion,circleRefresh_fill,circleRefresh,circleRemove_fill,circleRemove,circleRight_fill,circleRight,circleStop_fill,circleStop,circleUp_fill,circleUp,clock_fill,clock,close,cloud_fill,cloud,cloudy_fill,cloudy,coffee_fill,coffee,coin_fill,coin,color_fill,color,compare_fill,compare,construction_fill,construction,contactless_fill,contactless,copy_fill,copy,crop,cropLandscape_fill,cropLandscape,cropPortrait_fill,cropPortrait,cropSquare_fill,cropSquare,cuolumn_fill,cuolumn,darkmode_fill,darkmode,data,database_fill,database,decrease,discount,discover_fill,discover,document_fill,document: document$1,door_fill,door,download,dropDown,dropUp,draft,dragIndicator,error,effects,eraser_fill,eraser,exclamationMark,expand,expandMore,eyeOff_fill,eyeOff,eyeOn_fill,eyeOn,faceBad_fill,faceBad,faceDissatisfied_fill,faceDissatisfied,faceHappy_fill,faceHappy,faceId_fill,faceId,faceNeutral_fill,faceNeutral,faceSmile_fill,faceSmile,fastfood_fill,fastfood,favorite_fill,favorite,feed_fill,feed,feedStack_fill,feedStack,field_fill,field,file_fill,file,fileAdd_fill,fileAdd,fileDownload_fill,fileDownload,fileEmpty_fill,fileEmpty,fileScan_fill,fileScan,fileSearch_fill,fileSearch,filter,filterList,fingerSlideHorizontal_fill,fingerSlideHorizontal,fire_fill,fire,flag_fill,flag,flashAuto_fill,flashAuto,flashOff_fill,flashOff,flashOn_fill,flashOn,flat,folder_fill,folder,folderOpen_fill,folderOpen,front,game_fill,game,gavel,gift,global,globalFind,gps,graph,grid_fill,grid,group_fill,group,handle,hashtag,headset_fill,headset,heart_fill,heart,history,hospital_fill,hospital,house_fill,house,houseAdd_fill,houseAdd,houseChange_fill,houseChange,houseHand_fill,houseHand,houseMoney_fill,houseMoney,houses_fill,houses,illuminance,image_fill,image,imageAdd_fill,imageAdd,increase,internet,key_fill,key,keyboard_fill,keyboard,koreaAnalyze,lab_fill,lab,leaf_fill,leaf,line,lineStack,location_fill,location,locationOff_fill,locationOff,lock_fill,lock,login,logout,mail_fill,mail,map_fill,map,marker_fill,marker,markerAdd_fill,markerAdd,markerCheck_fill,markerCheck,markerRemove_fill,markerRemove,markerWarn_fill,markerWarn,market_fill,market,measure_fill,measure,menu,message_fill,message,messageDot_fill,messageDot,messageEmpty_fill,messageEmpty,moon_fill,moon,moreHorizotal,moreVertical,music,navigation_fill,navigation,network_fill,network,networkFind_fill,networkFind,networkOff_fill,networkOff,news_fill,news,notes_fill,notes,notification_fill,notification,notificationBadge_fill,notificationBadge,notificationOff_fill,notificationOff,notificationRing_fill,notificationRing,open,openLink,panorama_fill,panorama,parking,pause_fill,pause,people_fill,people,pet_fill,pet,phone_fill,phone,phoneCheck_fill,phoneCheck,phoneWarn_fill,phoneWarn,pill_fill,pill,pinchOut_fill,pinchOut,place_fill,place,placeholder,play_fill,play,point_fill,point,profile_fill,profile,protect_fill,protect,puzzle_fill,puzzle,qr,questionMark,raining_fill,raining,ratateLeft,receipt_fill,receipt,record_fill,record,redo,reduction,refresh,remove,repair_fill,repair,reply,restraunt,rocket_fill,rocket,rotateRight,saving_fill,saving,school_fill,school,search,send_fill,send,server_fill,server,settings_fill,settings,share,sharelink,shield_fill,shield,shieldCheck_fill,shieldCheck,shieldLock_fill,shieldLock,ship_fill,switchIcon,ship,snow,snowing_fill,snowing,sofa_fill,sofa,spanner_fill,spanner,speed_fill,speed,starFull,starHalf,stop_fill,stop,stream_fill,stream,streaming_fill,streaming,subway_fill,subway,subwayStation,sun_fill,sun,support_fill,support,tag_fill,tag,taxi_fill,taxi,temperature,thumbDown_fill,thumbDown,thumbUp_fill,thumbUp,thunder_fill,thunder,ticket_fill,ticket,timer_fill,timer,touch_fill,touch,translate,transportation_fill,transportation,trashcan_fill,trashcan,tree_fill,tree,trend_fill,trend,trophy_fill,trophy,truck_fill,truck,undo,unlimit,unlock_fill,unlock,user_fill,user,userFind_fill,userFind,userInvite_fill,userInvite,userProtect_fill,userProtect,userSetting_fill,userSetting,userVerified_fill,userVerified,verified_fill,verified,video_fill,video,visibilityOff,visibility,voice_fill,voice,voiceOff_fill,voiceOff,voiceRecord,volumeHigh_fill,volumeHigh,volumeLow_fill,volumeLow,volumeMute_fill,volumeMute,vote_fill,vote,walk,wallet_fill,wallet,warning_fill,warning,water_fill,water,wifi,wind,write_fill,write};function Icon({name,fill,stroke,size=24,...props}){const theme=react.useTheme();if(!name){throw new Error("name은 필수입니당")}if(!ICONS[name]){throw new Error("존재하지 않는 아이콘 이름입니다.")}const IconComp=ICONS[name];const realFill=fill?fill.startsWith("#")||fill==="transparent"?fill:getNestedValue(theme.colors,fill):fill;const realStroke=stroke?stroke.startsWith("#")||stroke==="transparent"?stroke:getNestedValue(theme.colors,stroke):stroke;return /*#__PURE__*/React__default["default"].createElement(IconComp,{fill:realFill,stroke:realStroke,width:size,height:size,viewBox:`0 0 24 24`,...props})}
+const ICONS={add,person,addPhotoAlternate,airconditioner,airplane,alarm_fill,alarm,computer,alignCenter,alignLeft,alignRight,apartment_fill,apartment,apparel_fill,apparel,ar_fill,ar,colorize,aroundView,arrowDown,arrowDownward,arrowLeft,arrowRight,arrowUp,arrowUpward,arrowBackIos,arrowForwardIos,back,backup,bank_fill,bank,barcode,birthday_fill,birthday,bluetooth,bookmark_fill,bookmark,box_fill,box,bracketDown,bracketLeft,bracketRight,bracketUp,brush_fill,brush,bubble_fill,bubble,building_fill,building,bulb_fill,bulb,bus_fill,bus,calculator_fill,calculator,calendar_fill,calendar,calendarCheck_fill,calendarCheck,calendarClock_fill,calendarClock,call_fill,call,callMiss_fill,callMiss,camera_fill,camera,cameraRotate_fill,cameraRotate,car_fill,car,card_fill,card,cardAdd_fill,cardAdd,cardRemove_fill,cardRemove,cart_fill,cart,cash_fill,cash,cashDouble_fill,cashDouble,change,chart,chartArea,check,formatBold,formatItalic,formatAlignLeft,formatAlignCenter,formatAlignRight,superscript,subscript,formatUnderlined,formatListBulleted,formatListNumbered,church_fill,church,chevronRight,circleAdd_fill,circleAdd,circleCharge_fill,circleCharge,circleCheck_fill,circleCheck,circleClose_fill,circleClose,circleCompare_fill,circleCompare,publish,circleDown_fill,circleDown,circleDownload_fill,circleDownload,circleDropDown_fill,circleDropDown,circleInfo_fill,circleInfo,circleLeft_fill,circleLeft,circleMore_fill,circleMore,circleNotice_fill,circleNotice,circleNotification_fill,circleNotification,circlePause_fill,circlePause,circlePlay_fill,circlePlay,circleQuestion_fill,circleQuestion,circleRefresh_fill,circleRefresh,circleRemove_fill,circleRemove,circleRight_fill,circleRight,circleStop_fill,circleStop,circleUp_fill,circleUp,clock_fill,clock,close,cloud_fill,cloud,cloudy_fill,cloudy,coffee_fill,coffee,coin_fill,coin,color_fill,color,compare_fill,compare,construction_fill,construction,contactless_fill,contactless,copy_fill,copy,crop,cropLandscape_fill,cropLandscape,cropPortrait_fill,cropPortrait,cropSquare_fill,cropSquare,cuolumn_fill,cuolumn,darkmode_fill,darkmode,data,database_fill,database,decrease,discount,discover_fill,discover,document_fill,document: document$1,door_fill,door,download,dropDown,dropUp,draft,dragIndicator,error,effects,eraser_fill,eraser,exclamationMark,expand,expandMore,eyeOff_fill,eyeOff,eyeOn_fill,eyeOn,faceBad_fill,faceBad,faceDissatisfied_fill,faceDissatisfied,faceHappy_fill,faceHappy,faceId_fill,faceId,faceNeutral_fill,faceNeutral,faceSmile_fill,faceSmile,fastfood_fill,fastfood,favorite_fill,favorite,feed_fill,feed,feedStack_fill,feedStack,field_fill,field,file_fill,file,fileAdd_fill,fileAdd,fileDownload_fill,fileDownload,fileEmpty_fill,fileEmpty,fileScan_fill,fileScan,fileSearch_fill,fileSearch,filter,filterList,fingerSlideHorizontal_fill,fingerSlideHorizontal,fire_fill,fire,flag_fill,flag,flashAuto_fill,flashAuto,flashOff_fill,flashOff,flashOn_fill,flashOn,flat,folder_fill,folder,folderOpen_fill,folderOpen,front,game_fill,game,gavel,gift,global: global$1,globalFind,gps,graph,grid_fill,grid,group_fill,group,handle,hashtag,headset_fill,headset,heart_fill,heart,history,hospital_fill,hospital,house_fill,house,houseAdd_fill,houseAdd,houseChange_fill,houseChange,houseHand_fill,houseHand,houseMoney_fill,houseMoney,houses_fill,houses,illuminance,image_fill,image,imageAdd_fill,imageAdd,increase,internet,key_fill,key,keyboard_fill,keyboard,koreaAnalyze,lab_fill,lab,leaf_fill,leaf,line,lineStack,location_fill,location,locationOff_fill,locationOff,lock_fill,lock,login,logout,mail_fill,mail,map_fill,map,marker_fill,marker,markerAdd_fill,markerAdd,markerCheck_fill,markerCheck,markerRemove_fill,markerRemove,markerWarn_fill,markerWarn,market_fill,market,measure_fill,measure,menu,message_fill,message,messageDot_fill,messageDot,messageEmpty_fill,messageEmpty,moon_fill,moon,moreHorizotal,moreVertical,music,navigation_fill,navigation,network_fill,network,networkFind_fill,networkFind,networkOff_fill,networkOff,news_fill,news,notes_fill,notes,notification_fill,notification,notificationBadge_fill,notificationBadge,notificationOff_fill,notificationOff,notificationRing_fill,notificationRing,open,openLink,panorama_fill,panorama,parking,pause_fill,pause,people_fill,people,pet_fill,pet,phone_fill,phone,phoneCheck_fill,phoneCheck,phoneWarn_fill,phoneWarn,pill_fill,pill,pinchOut_fill,pinchOut,place_fill,place,placeholder,play_fill,play,point_fill,point,profile_fill,profile,protect_fill,protect,puzzle_fill,puzzle,qr,questionMark,raining_fill,raining,ratateLeft,receipt_fill,receipt,record_fill,record,redo,reduction,refresh,remove,repair_fill,repair,reply,restraunt,rocket_fill,rocket,rotateRight,saving_fill,saving,school_fill,school,search,send_fill,send,server_fill,server,settings_fill,settings,share,sharelink,shield_fill,shield,shieldCheck_fill,shieldCheck,shieldLock_fill,shieldLock,ship_fill,switchIcon,ship,snow,snowing_fill,snowing,sofa_fill,sofa,spanner_fill,spanner,speed_fill,speed,starFull,starHalf,stop_fill,stop,stream_fill,stream,streaming_fill,streaming,subway_fill,subway,subwayStation,sun_fill,sun,support_fill,support,tag_fill,tag,taxi_fill,taxi,temperature,thumbDown_fill,thumbDown,thumbUp_fill,thumbUp,thunder_fill,thunder,ticket_fill,ticket,timer_fill,timer,touch_fill,touch,translate,transportation_fill,transportation,trashcan_fill,trashcan,tree_fill,tree,trend_fill,trend,trophy_fill,trophy,truck_fill,truck,undo,unlimit,unlock_fill,unlock,user_fill,user,userFind_fill,userFind,userInvite_fill,userInvite,userProtect_fill,userProtect,userSetting_fill,userSetting,userVerified_fill,userVerified,verified_fill,verified,video_fill,video,visibilityOff,visibility,voice_fill,voice,voiceOff_fill,voiceOff,voiceRecord,volumeHigh_fill,volumeHigh,volumeLow_fill,volumeLow,volumeMute_fill,volumeMute,vote_fill,vote,walk,wallet_fill,wallet,warning_fill,warning,water_fill,water,wifi,wind,write_fill,write};function Icon({name,fill,stroke,size=24,...props}){const theme=react.useTheme();if(!name){throw new Error("name은 필수입니당")}if(!ICONS[name]){throw new Error("존재하지 않는 아이콘 이름입니다.")}const IconComp=ICONS[name];const realFill=fill?fill.startsWith("#")||fill==="transparent"?fill:getNestedValue(theme.colors,fill):fill;const realStroke=stroke?stroke.startsWith("#")||stroke==="transparent"?stroke:getNestedValue(theme.colors,stroke):stroke;return /*#__PURE__*/React__default["default"].createElement(IconComp,{fill:realFill,stroke:realStroke,width:size,height:size,viewBox:`0 0 24 24`,...props})}
 
 function Breadcrumb({items,onClick}){return /*#__PURE__*/jsxRuntime.jsx(Wrapper$q,{children:items.map((item,index)=>{const isCurrent=index===items.length-1;return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment,{children:[index>0&&/*#__PURE__*/jsxRuntime.jsx(Icon,{name:"chevronRight",size:16,fill:"color.foreground.neutral.quarternary"}),/*#__PURE__*/jsxRuntime.jsx(Item$4,{onClick:onClick,children:/*#__PURE__*/jsxRuntime.jsx(Text,{variant:"BodyM",color:isCurrent?"color.foreground.neutral.primary":"color.foreground.neutral.tertiary",children:item.label})},index)]},index)})})}const Wrapper$q=styled__default["default"].div`
   display: inline-flex;
@@ -1219,6 +1220,263 @@ function Breadcrumb({items,onClick}){return /*#__PURE__*/jsxRuntime.jsx(Wrapper$
   border-radius: 4px;
 `;
 
+/** @tossdocs-ignore */var SPEED_DEFAULT=1;
+
+/** @tossdocs-ignore */var LOTTIE_URL="https://pdpgenerator-cdn.amorepacific.com/assets/js/lottie.min.js";var LOTTIE_SCRIPT_ID="toss-lottie-script";function importLottie(){return new Promise(function(resolve){if(window.lottie!=null){resolve(window.lottie);return}var existingScript=document.getElementById(LOTTIE_SCRIPT_ID);if(existingScript!=null){existingScript.addEventListener("load",function(){resolve(window.lottie);});return}var script=document.createElement("script");script.id=LOTTIE_SCRIPT_ID;script.src=LOTTIE_URL;script.crossOrigin="anonymous";script.addEventListener("load",function(){resolve(window.lottie);});document.body.appendChild(script);})}
+
+function ownKeys$1(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols);}return keys}function _objectSpread2$1(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys$1(Object(source),!0).forEach(function(key){_defineProperty$1(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys$1(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target}function _regeneratorRuntime(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"");}catch(err){define=function(obj,key,value){return obj[key]=value};}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg);}else "return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return {value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg);}}}(innerFn,self,context),generator}function tryCatch(fn,obj,arg){try{return {type:"normal",arg:fn.call(obj,arg)}}catch(err){return {type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,function(){return this});var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach(function(method){define(prototype,method,function(arg){return this._invoke(method,arg)});});}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==typeof value&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then(function(value){invoke("next",value,resolve,reject);},function(err){invoke("throw",err,resolve,reject);}):PromiseImpl.resolve(value).then(function(unwrapped){result.value=unwrapped,resolve(result);},function(error){return invoke("throw",error,resolve,reject)})}reject(record.arg);}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl(function(resolve,reject){invoke(method,arg,resolve,reject);})}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()};}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(undefined===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=undefined,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method");}return ContinueSentinel}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=undefined),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry);}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record;}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0);}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=undefined,next.done=!0,next};return next.next=next}}return {next:doneResult}}function doneResult(){return {value:undefined,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return !!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return {__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,function(){return this}),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then(function(result){return result.done?result.value:iter.next()})},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,function(){return this}),define(Gp,"toString",function(){return "[object Generator]"}),exports.keys=function(object){var keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=undefined,this.done=!1,this.delegate=null,this.method="next",this.arg=undefined,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=undefined);},stop:function(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=undefined),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else {if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function(record,afterLoc){if("throw"===record.type)throw record.arg;return "break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry);}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=undefined),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return}if(info.done){resolve(value);}else {Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);})}}function _defineProperty$1(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else {obj[key]=value;}return obj}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return {};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target}function _objectWithoutProperties$1(source,excluded){if(source==null)return {};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target}function _slicedToArray$2(arr,i){return _arrayWithHoles$2(arr)||_iterableToArrayLimit$2(arr,i)||_unsupportedIterableToArray$2(arr,i)||_nonIterableRest$2()}function _arrayWithHoles$2(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit$2(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e}}return _arr}function _unsupportedIterableToArray$2(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$2(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$2(o,minLen)}function _arrayLikeToArray$2(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest$2(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray$2(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function(){};return {s:F,n:function(){if(i>=o.length)return {done:true};return {done:false,value:o[i++]}},e:function(e){throw e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var normalCompletion=true,didErr=false,err;return {s:function(){it=it.call(o);},n:function(){var step=it.next();normalCompletion=step.done;return step},e:function(e){didErr=true;err=e;},f:function(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err}}}}
+
+function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols);}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else {obj[key]=value;}return obj}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return {};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target}function _objectWithoutProperties(source,excluded){if(source==null)return {};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target}function _slicedToArray$1(arr,i){return _arrayWithHoles$1(arr)||_iterableToArrayLimit$1(arr,i)||_unsupportedIterableToArray$1(arr,i)||_nonIterableRest$1()}function _arrayWithHoles$1(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit$1(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e}}return _arr}function _unsupportedIterableToArray$1(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray$1(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray$1(o,minLen)}function _arrayLikeToArray$1(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest$1(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}
+
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e}}return _arr}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}
+
+/** @tossdocs-ignore *//**
+ * @deprecated This feature is now available in the es-toolkit package.
+ */var noop=function noop(){};
+
+/** @tossdocs-ignore *//**
+ * @deprecated This feature is now available in the es-toolkit package.
+ */function delay$1(milliseconds){return new Promise(function(resolve){setTimeout(resolve,milliseconds);})}
+
+/** @tossdocs-ignore *//**
+ * Constructs a query string from the GET parameters provided.
+ * Note: If the params object is empty, an empty string is returned. However, if the params object contains key-value pairs, a `?` is prefixed.
+ * @example
+ * createQueryString({ a: 1, b: 2, c: '가나다' }) // '?a=1&b=2&c=%EA%B0%80%EB%82%98%EB%8B%A4',
+ * createQueryString({}) // ''
+ * @param  {Params} params The property names must be strings, and the values must be of type string | number | string[] | number[].
+ */function createQueryString(params){var queryString=createSearchParamString(params);if(queryString===""){return ""}return "?".concat(queryString)}/**
+ * Filters nullable values ​​​​from the provided object and returns them as a string using URLSearchParams.
+ * @example
+ * createSearchParamString({ foo: 1, bar: ['a', 'b'], baz: undefined }) // foo=1&bar=a&bar=b
+ * @param params params The object to convert into a query
+ */function createSearchParamString(params){return new URLSearchParams(Object.entries(params).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),value=_ref2[1];return value!=null}).map(function(_ref3){var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];if(Array.isArray(value)){return value.map(function(x){return [key,x]})}return [[key,value]]}).flat()).toString().// Convert space characters to '%20' according to RFC3986 spec, from RFC1738.
+replace(/\+/g,"%20")}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var lodash_debounce;var hasRequiredLodash_debounce;function requireLodash_debounce(){if(hasRequiredLodash_debounce)return lodash_debounce;hasRequiredLodash_debounce=1;/** Used as the `TypeError` message for "Functions" methods. */var FUNC_ERROR_TEXT="Expected a function";/** Used as references for various `Number` constants. */var NAN=0/0;/** `Object#toString` result references. */var symbolTag="[object Symbol]";/** Used to match leading and trailing whitespace. */var reTrim=/^\s+|\s+$/g;/** Used to detect bad signed hexadecimal string values. */var reIsBadHex=/^[-+]0x[0-9a-f]+$/i;/** Used to detect binary string values. */var reIsBinary=/^0b[01]+$/i;/** Used to detect octal string values. */var reIsOctal=/^0o[0-7]+$/i;/** Built-in method references without a dependency on `root`. */var freeParseInt=parseInt;/** Detect free variable `global` from Node.js. */var freeGlobal=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;/** Detect free variable `self`. */var freeSelf=typeof self=="object"&&self&&self.Object===Object&&self;/** Used as a reference to the global object. */var root=freeGlobal||freeSelf||Function("return this")();/** Used for built-in method references. */var objectProto=Object.prototype;/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */var objectToString=objectProto.toString;/* Built-in method references for those with the same name as other `lodash` methods. */var nativeMax=Math.max,nativeMin=Math.min;/**
+	 * Gets the timestamp of the number of milliseconds that have elapsed since
+	 * the Unix epoch (1 January 1970 00:00:00 UTC).
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 2.4.0
+	 * @category Date
+	 * @returns {number} Returns the timestamp.
+	 * @example
+	 *
+	 * _.defer(function(stamp) {
+	 *   console.log(_.now() - stamp);
+	 * }, _.now());
+	 * // => Logs the number of milliseconds it took for the deferred invocation.
+	 */var now=function(){return root.Date.now()};/**
+	 * Creates a debounced function that delays invoking `func` until after `wait`
+	 * milliseconds have elapsed since the last time the debounced function was
+	 * invoked. The debounced function comes with a `cancel` method to cancel
+	 * delayed `func` invocations and a `flush` method to immediately invoke them.
+	 * Provide `options` to indicate whether `func` should be invoked on the
+	 * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+	 * with the last arguments provided to the debounced function. Subsequent
+	 * calls to the debounced function return the result of the last `func`
+	 * invocation.
+	 *
+	 * **Note:** If `leading` and `trailing` options are `true`, `func` is
+	 * invoked on the trailing edge of the timeout only if the debounced function
+	 * is invoked more than once during the `wait` timeout.
+	 *
+	 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+	 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+	 *
+	 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+	 * for details over the differences between `_.debounce` and `_.throttle`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to debounce.
+	 * @param {number} [wait=0] The number of milliseconds to delay.
+	 * @param {Object} [options={}] The options object.
+	 * @param {boolean} [options.leading=false]
+	 *  Specify invoking on the leading edge of the timeout.
+	 * @param {number} [options.maxWait]
+	 *  The maximum time `func` is allowed to be delayed before it's invoked.
+	 * @param {boolean} [options.trailing=true]
+	 *  Specify invoking on the trailing edge of the timeout.
+	 * @returns {Function} Returns the new debounced function.
+	 * @example
+	 *
+	 * // Avoid costly calculations while the window size is in flux.
+	 * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+	 *
+	 * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+	 * jQuery(element).on('click', _.debounce(sendMail, 300, {
+	 *   'leading': true,
+	 *   'trailing': false
+	 * }));
+	 *
+	 * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+	 * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+	 * var source = new EventSource('/stream');
+	 * jQuery(source).on('message', debounced);
+	 *
+	 * // Cancel the trailing debounced invocation.
+	 * jQuery(window).on('popstate', debounced.cancel);
+	 */function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=false,maxing=false,trailing=true;if(typeof func!="function"){throw new TypeError(FUNC_ERROR_TEXT)}wait=toNumber(wait)||0;if(isObject(options)){leading=!!options.leading;maxing="maxWait"in options;maxWait=maxing?nativeMax(toNumber(options.maxWait)||0,wait):maxWait;trailing="trailing"in options?!!options.trailing:trailing;}function invokeFunc(time){var args=lastArgs,thisArg=lastThis;lastArgs=lastThis=undefined;lastInvokeTime=time;result=func.apply(thisArg,args);return result}function leadingEdge(time){// Reset any `maxWait` timer.
+lastInvokeTime=time;// Start the timer for the trailing edge.
+timerId=setTimeout(timerExpired,wait);// Invoke the leading edge.
+return leading?invokeFunc(time):result}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,result=wait-timeSinceLastCall;return maxing?nativeMin(result,maxWait-timeSinceLastInvoke):result}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;// Either this is the first call, activity has stopped and we're at the
+// trailing edge, the system time has gone backwards and we're treating
+// it as the trailing edge, or we've hit the `maxWait` limit.
+return lastCallTime===undefined||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time)){return trailingEdge(time)}// Restart the timer.
+timerId=setTimeout(timerExpired,remainingWait(time));}function trailingEdge(time){timerId=undefined;// Only invoke if we have `lastArgs` which means `func` has been
+// debounced at least once.
+if(trailing&&lastArgs){return invokeFunc(time)}lastArgs=lastThis=undefined;return result}function cancel(){if(timerId!==undefined){clearTimeout(timerId);}lastInvokeTime=0;lastArgs=lastCallTime=lastThis=timerId=undefined;}function flush(){return timerId===undefined?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);lastArgs=arguments;lastThis=this;lastCallTime=time;if(isInvoking){if(timerId===undefined){return leadingEdge(lastCallTime)}if(maxing){// Handle invocations in a tight loop.
+timerId=setTimeout(timerExpired,wait);return invokeFunc(lastCallTime)}}if(timerId===undefined){timerId=setTimeout(timerExpired,wait);}return result}debounced.cancel=cancel;debounced.flush=flush;return debounced}/**
+	 * Checks if `value` is the
+	 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+	 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+	 * @example
+	 *
+	 * _.isObject({});
+	 * // => true
+	 *
+	 * _.isObject([1, 2, 3]);
+	 * // => true
+	 *
+	 * _.isObject(_.noop);
+	 * // => true
+	 *
+	 * _.isObject(null);
+	 * // => false
+	 */function isObject(value){var type=typeof value;return !!value&&(type=="object"||type=="function")}/**
+	 * Checks if `value` is object-like. A value is object-like if it's not `null`
+	 * and has a `typeof` result of "object".
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+	 * @example
+	 *
+	 * _.isObjectLike({});
+	 * // => true
+	 *
+	 * _.isObjectLike([1, 2, 3]);
+	 * // => true
+	 *
+	 * _.isObjectLike(_.noop);
+	 * // => false
+	 *
+	 * _.isObjectLike(null);
+	 * // => false
+	 */function isObjectLike(value){return !!value&&typeof value=="object"}/**
+	 * Checks if `value` is classified as a `Symbol` primitive or object.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	 * @example
+	 *
+	 * _.isSymbol(Symbol.iterator);
+	 * // => true
+	 *
+	 * _.isSymbol('abc');
+	 * // => false
+	 */function isSymbol(value){return typeof value=="symbol"||isObjectLike(value)&&objectToString.call(value)==symbolTag}/**
+	 * Converts `value` to a number.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to process.
+	 * @returns {number} Returns the number.
+	 * @example
+	 *
+	 * _.toNumber(3.2);
+	 * // => 3.2
+	 *
+	 * _.toNumber(Number.MIN_VALUE);
+	 * // => 5e-324
+	 *
+	 * _.toNumber(Infinity);
+	 * // => Infinity
+	 *
+	 * _.toNumber('3.2');
+	 * // => 3.2
+	 */function toNumber(value){if(typeof value=="number"){return value}if(isSymbol(value)){return NAN}if(isObject(value)){var other=typeof value.valueOf=="function"?value.valueOf():value;value=isObject(other)?other+"":other;}if(typeof value!="string"){return value===0?value:+value}value=value.replace(reTrim,"");var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value}lodash_debounce=debounce;return lodash_debounce}
+
+var lodash_debounceExports = requireLodash_debounce();
+var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounceExports);
+
+function useImpressionRef(_ref){var _ref$onImpressionStar=_ref.onImpressionStart,_onImpressionStart=_ref$onImpressionStar===void 0?noop:_ref$onImpressionStar,_ref$onImpressionEnd=_ref.onImpressionEnd,_onImpressionEnd=_ref$onImpressionEnd===void 0?noop:_ref$onImpressionEnd,_ref$timeThreshold=_ref.timeThreshold,timeThreshold=_ref$timeThreshold===void 0?0:_ref$timeThreshold,root=_ref.root,rootMargin=_ref.rootMargin,_ref$areaThreshold=_ref.areaThreshold,intersectThreshold=_ref$areaThreshold===void 0?0:_ref$areaThreshold;var onImpressionStart=react$1.usePreservedCallback(_onImpressionStart);var onImpressionEnd=react$1.usePreservedCallback(_onImpressionEnd);var isIntersectingRef=React.useRef(false);var setDebouncedIsImpressed=useSetDebouncedBooleanValue({onValueChange:function onValueChange(isImpressed){if(isImpressed){onImpressionStart();}else {onImpressionEnd();}},timeThreshold:timeThreshold});var intersectionObserverRef=useIntersectionObserver(function(_ref2){var isIntersecting=_ref2.isIntersecting;if(document.visibilityState==="hidden"){return}isIntersectingRef.current=isIntersecting;setDebouncedIsImpressed(isIntersecting);},{root:root,rootMargin:rootMargin,threshold:intersectThreshold});react$1.useVisibilityEvent(function(visibilityState){if(!isIntersectingRef.current){return}setDebouncedIsImpressed(visibilityState==="visible");});return intersectionObserverRef}function useIntersectionObserver(_callback,options){var callback=react$1.usePreservedCallback(_callback);var observer=React.useMemo(function(){if(typeof IntersectionObserver==="undefined"){return}var observer=new IntersectionObserver(function(_ref3){var _ref4=_slicedToArray$1(_ref3,1),entry=_ref4[0];if(!entry){return}callback(entry);},options);return observer},[callback,options]);var ref=react$1.useRefEffect(function(element){observer===null||observer===void 0?void 0:observer.observe(element);return function(){observer===null||observer===void 0?void 0:observer.unobserve(element);}},[callback,options]);return ref}function useSetDebouncedBooleanValue(options){var onValueChange=options.onValueChange,timeThreshold=options.timeThreshold;var handleValueChange=react$1.usePreservedCallback(onValueChange);var ref=React.useRef({value:false,cancelPrevDebounce:noop});var setDebouncedValue=React.useCallback(function(newValue){if(newValue===ref.current.value){return}var debounced=debounce$1(function(){handleValueChange(newValue);ref.current.value=newValue;},timeThreshold);ref.current.cancelPrevDebounce();debounced();ref.current.cancelPrevDebounce=debounced.cancel;},[handleValueChange,timeThreshold]);React.useEffect(function(){var current=ref.current;return function(){current.cancelPrevDebounce();}},[]);return setDebouncedValue}
+
+var _excluded$1=["root","rootMargin","areaThreshold","timeThreshold","className","children","onImpressionStart","onImpressionEnd","style"];var ImpressionArea=/*#__PURE__*/React.forwardRef(function(_ref,forwardedRef){var root=_ref.root,rootMargin=_ref.rootMargin,areaThreshold=_ref.areaThreshold,timeThreshold=_ref.timeThreshold,className=_ref.className,children=_ref.children,onImpressionStart=_ref.onImpressionStart,onImpressionEnd=_ref.onImpressionEnd,style=_ref.style,otherProps=_objectWithoutProperties(_ref,_excluded$1);var impressionRef=useImpressionRef({onImpressionStart:onImpressionStart,onImpressionEnd:onImpressionEnd,areaThreshold:areaThreshold,timeThreshold:timeThreshold,root:root,rootMargin:rootMargin});var ref=react$1.useCombinedRefs(forwardedRef,impressionRef);return /*#__PURE__*/jsxRuntime$1.jsx("div",_objectSpread2(_objectSpread2({className:className,ref:ref,style:style},otherProps),{},{children:children}))});
+
+function AnimationPlayer(json,options){var lottieObject;var _speed=SPEED_DEFAULT;var shouldLoop=Boolean(options.loop);var shouldLoopWithInterval=shouldLoop&&Boolean(options.interval);var shouldLoopWithReverse=shouldLoop&&options.loop==="reversed";return {load:function load(){if(lottieObject!==undefined){return}lottieObject=options.lottie.loadAnimation({container:options.container,animationData:replaceAssets(json,options.assets,{lottieUrl:options.lottieUrl}),loop:shouldLoop&&!shouldLoopWithInterval&&!shouldLoopWithReverse,renderer:"svg",autoplay:true});lottieObject.setSpeed(_speed);},showFirstFrame:function showFirstFrame(){if(lottieObject===undefined){return}lottieObject.goToAndStop(0);},play:function play(){return new Promise(function(resolve){if(lottieObject===undefined){resolve();return}var handleComplete=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _options$interval;var isNotLoop,_lottieObject,_lottieObject2,nextDirection,_lottieObject3;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:isNotLoop=(shouldLoopWithInterval||shouldLoopWithReverse)===false;if(!(lottieObject==null||isNotLoop)){_context.next=4;break}resolve();return _context.abrupt("return");case 4:_context.next=6;return delay$1((_options$interval=options.interval)!==null&&_options$interval!==void 0?_options$interval:0);case 6:/*
+                     * NOTE(@raon0211):
+                     * delay가 실행되는 동안 destroy() 되면 lottieObject가 undefined가 될 수 있다.
+                     */if(shouldLoopWithReverse){nextDirection=lottieObject.playDirection>0?-1:1;(_lottieObject=lottieObject)===null||_lottieObject===void 0?void 0:_lottieObject.setDirection(nextDirection);(_lottieObject2=lottieObject)===null||_lottieObject2===void 0?void 0:_lottieObject2.play();}else {(_lottieObject3=lottieObject)===null||_lottieObject3===void 0?void 0:_lottieObject3.goToAndPlay(0);}case 7:case"end":return _context.stop()}}},_callee)}));return function handleComplete(){return _ref.apply(this,arguments)}}();lottieObject.addEventListener("complete",handleComplete);lottieObject.addEventListener("destroy",resolve);lottieObject.play();})},setSpeed:function setSpeed(speed){_speed=speed;if(lottieObject===undefined){return}lottieObject.setSpeed(speed);},addEventListener:function addEventListener(eventName,callback){var _lottieObject4;(_lottieObject4=lottieObject)===null||_lottieObject4===void 0?void 0:_lottieObject4.addEventListener(eventName,callback);},removeEventListener:function removeEventListener(eventName,callback){var _lottieObject5;(_lottieObject5=lottieObject)===null||_lottieObject5===void 0?void 0:_lottieObject5.removeEventListener(eventName,callback);},pause:function pause(){if(lottieObject!==undefined){lottieObject.pause();}},destroy:function destroy(){if(lottieObject!==undefined){lottieObject.destroy();lottieObject=undefined;}}}}/**
+ * @description
+ * 디자이너분들이 로띠를 제작할 때 Lottie json 파일과 Lottie에서 쓰이는 이미지들을 가까운 곳에 모아둡니다.
+ * 그렇게 한 뒤 상대 경로를 이용해서 Lottie가 작성됩니다. 이를테면 이런 식입니다:
+ * {
+ *   "u": "images/",
+ *   "p": "brand_list_0.jpg"
+ * }
+ * 하지만 프론트엔드에서는 상대 경로를 이용해서 이미지를 찾을 수 없어서, 상대 경로를 절대 경로로 바꿔줘야 합니다.
+ * 절대 경로로 바꾸기 위해, LottieUrl을 이용해서 images의 basePath를 획득하는 유틸리티입니다.
+ *
+ * @example
+ * input: https://static.toss.im/lotties/Intelligence/brand-list-light.json
+ * output: https://static.toss.im/lotties/Intelligence/images/
+ */function getAbsoluteBasePathOfLottieImage(lottieUrl){return "".concat(lottieUrl.split("/").slice(0,-1).join("/"),"/images/")}function replaceAssets(originalLottieJSON){var _originalLottieJSON$a;var assets=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var meta=arguments.length>2?arguments[2]:undefined;return _objectSpread2$1(_objectSpread2$1({},originalLottieJSON),{},{assets:((_originalLottieJSON$a=originalLottieJSON.assets)!==null&&_originalLottieJSON$a!==void 0?_originalLottieJSON$a:[]).map(function(originalAsset){var replaceableAsset=assets.find(function(asset){return asset.id===originalAsset.id});if(replaceableAsset!=null){var filePathTokens=replaceableAsset.url.split("/");var fileName=filePathTokens.pop();var filePath="".concat(filePathTokens.join("/"),"/");return _objectSpread2$1(_objectSpread2$1({},originalAsset),{},{u:filePath,p:fileName})}if(meta.lottieUrl!=null&&originalAsset.u!=null){var isAbsolutePath=originalAsset.u.startsWith("http");return _objectSpread2$1(_objectSpread2$1({},originalAsset),{},{u:isAbsolutePath?originalAsset.u:getAbsoluteBasePathOfLottieImage(meta.lottieUrl)})}else {return originalAsset}})})}
+
+function AnimationChain(animationInfos,options){var currentPlayer;var players;return {setSpeed:function setSpeed(speed){if(currentPlayer){currentPlayer.setSpeed(speed);}},prepare:function prepare(){return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var lottiePromise,jsonsPromise,_yield$Promise$all,_yield$Promise$all2,lottie,jsons,sourceUrl;return _regeneratorRuntime().wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:if(!(players===undefined)){_context2.next=11;break}lottiePromise=importLottie();jsonsPromise=Promise.all(animationInfos.map(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(animation){var response;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:if(!("url"in animation)){_context.next=7;break}_context.next=3;return fetch("".concat(animation.url).concat(createQueryString({version:animation.version})));case 3:response=_context.sent;return _context.abrupt("return",response.json());case 7:return _context.abrupt("return",JSON.parse(animation.json));case 8:case"end":return _context.stop()}}},_callee)}));return function(_x){return _ref.apply(this,arguments)}}()));_context2.next=5;return Promise.all([lottiePromise,jsonsPromise]);case 5:_yield$Promise$all=_context2.sent;_yield$Promise$all2=_slicedToArray$2(_yield$Promise$all,2);lottie=_yield$Promise$all2[0];jsons=_yield$Promise$all2[1];sourceUrl=animationInfos.length===1&&"url"in animationInfos[0]?animationInfos[0].url:undefined;players=jsons.map(function(json,index){var isLast=index===animationInfos.length-1;return AnimationPlayer(json,{lottie:lottie,container:options.container,assets:animationInfos[0].assets,loop:isLast&&options.loop,interval:options.interval,lottieUrl:sourceUrl})});case 11:return _context2.abrupt("return",players);case 12:case"end":return _context2.stop()}}},_callee2)}))()},showFirstFrame:function showFirstFrame(){var _this=this;return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var preparedPlayers,firstPlayer;return _regeneratorRuntime().wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:_context3.next=2;return _this.prepare();case 2:preparedPlayers=_context3.sent;firstPlayer=preparedPlayers[0];if(firstPlayer){firstPlayer.load();firstPlayer.showFirstFrame();}case 5:case"end":return _context3.stop()}}},_callee3)}))()},addEventListener:function addEventListener(eventName,callback){var _this2=this;return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var preparedPlayers;return _regeneratorRuntime().wrap(function _callee4$(_context4){while(1){switch(_context4.prev=_context4.next){case 0:_context4.next=2;return _this2.prepare();case 2:preparedPlayers=_context4.sent;preparedPlayers.forEach(function(player){player.addEventListener(eventName,callback);});case 4:case"end":return _context4.stop()}}},_callee4)}))()},removeEventListener:function removeEventListener(eventName,callback){var _this3=this;return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var preparedPlayers;return _regeneratorRuntime().wrap(function _callee5$(_context5){while(1){switch(_context5.prev=_context5.next){case 0:_context5.next=2;return _this3.prepare();case 2:preparedPlayers=_context5.sent;preparedPlayers.forEach(function(player){player.removeEventListener(eventName,callback);});case 4:case"end":return _context5.stop()}}},_callee5)}))()},start:function start(){var _arguments=arguments,_this4=this;return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var _ref2,_ref2$stopPreviousPla,stopPreviousPlay,_ref2$speed,speed,preparedPlayers,_iterator,_step,player;return _regeneratorRuntime().wrap(function _callee6$(_context6){while(1){switch(_context6.prev=_context6.next){case 0:_ref2=_arguments.length>0&&_arguments[0]!==undefined?_arguments[0]:{},_ref2$stopPreviousPla=_ref2.stopPreviousPlay,stopPreviousPlay=_ref2$stopPreviousPla===void 0?false:_ref2$stopPreviousPla,_ref2$speed=_ref2.speed,speed=_ref2$speed===void 0?SPEED_DEFAULT:_ref2$speed;if(!(currentPlayer!==undefined)){_context6.next=8;break}if(!stopPreviousPlay){_context6.next=7;break}currentPlayer.destroy();currentPlayer=undefined;_context6.next=8;break;case 7:return _context6.abrupt("return");case 8:_context6.next=10;return _this4.prepare();case 10:preparedPlayers=_context6.sent;_iterator=_createForOfIteratorHelper(preparedPlayers);_context6.prev=12;_iterator.s();case 14:if((_step=_iterator.n()).done){_context6.next=24;break}player=_step.value;if(currentPlayer!==undefined){currentPlayer.destroy();}currentPlayer=player;player.load();player.setSpeed(speed);_context6.next=22;return player.play();case 22:_context6.next=14;break;case 24:_context6.next=29;break;case 26:_context6.prev=26;_context6.t0=_context6["catch"](12);_iterator.e(_context6.t0);case 29:_context6.prev=29;_iterator.f();return _context6.finish(29);case 32:currentPlayer=undefined;case 33:case"end":return _context6.stop()}}},_callee6,null,[[12,26,29,32]])}))()},destroy:function destroy(){if(currentPlayer!==undefined){currentPlayer.destroy();currentPlayer=undefined;}},play:function play(){if(currentPlayer!==undefined){currentPlayer.play();}},pause:function pause(){if(currentPlayer!==undefined){currentPlayer.pause();}}}}
+
+var BaseLottie=/*#__PURE__*/React.forwardRef(function Lottie(_ref,lottieRef){var className=_ref.className,src=_ref.src,json=_ref.json,assets=_ref.assets,_ref$delay=_ref.delay,delayMs=_ref$delay===void 0?0:_ref$delay,_ref$speed=_ref.speed,speed=_ref$speed===void 0?1:_ref$speed,_ref$loop=_ref.loop,loop=_ref$loop===void 0?false:_ref$loop,_ref$interval=_ref.interval,interval=_ref$interval===void 0?0:_ref$interval,_ref$autoPlay=_ref.autoPlay,autoPlay=_ref$autoPlay===void 0?true:_ref$autoPlay,width=_ref.width,height=_ref.height,alt=_ref.alt,_onPlay=_ref.onPlay,_onLoopComplete=_ref.onLoopComplete,_onComplete=_ref.onComplete;var onPlay=react$1.usePreservedCallback(_onPlay!==null&&_onPlay!==void 0?_onPlay:noop);var onLoopComplete=react$1.usePreservedCallback(_onLoopComplete!==null&&_onLoopComplete!==void 0?_onLoopComplete:noop);var onComplete=react$1.usePreservedCallback(_onComplete!==null&&_onComplete!==void 0?_onComplete:noop);var containerRef=React.useRef(null);var animationChainRef=React.useRef(null);var _useBooleanState=react$1.useBooleanState(false),_useBooleanState2=_slicedToArray$2(_useBooleanState,2),isVisible=_useBooleanState2[0],handleImpressionStart=_useBooleanState2[1];var isFirstPlayRef=React.useRef(true);var fetchAnimationChain=React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var lottie,animationData,chain;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:if(!(containerRef.current==null)){_context.next=2;break}return _context.abrupt("return",null);case 2:_context.next=4;return importLottie();case 4:lottie=_context.sent;animationData=typeof json==="string"?[{json:json,assets:assets}]:typeof src==="string"?[{url:src,assets:assets}]:src.map(function(url){return {url:url,assets:assets}});chain=AnimationChain(animationData,{loop:loop,interval:interval,container:containerRef.current,lottie:lottie});_context.next=9;return chain.prepare();case 9:return _context.abrupt("return",chain);case 10:case"end":return _context.stop()}}},_callee)})),[json,assets,src,loop,interval]);var _useState=React.useState(null),_useState2=_slicedToArray$2(_useState,2),animationChain=_useState2[0],setAnimationChain=_useState2[1];React.useEffect(function(){var isRunning=true;fetchAnimationChain().then(function(chain){if(isRunning){setAnimationChain(chain);}});return function(){isRunning=false;}},[fetchAnimationChain]);var handleContainerChange=React.useCallback(function(element){if(isInViewport(element)){handleImpressionStart();}},[handleImpressionStart]);var startAnimation=React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:if(!(animationChain==null)){_context2.next=2;break}return _context2.abrupt("return");case 2:if(!(isFirstPlayRef.current&&delayMs>0)){_context2.next=6;break}_context2.next=5;return delay(delayMs);case 5:isFirstPlayRef.current=false;case 6:animationChain.start({speed:speed});onPlay===null||onPlay===void 0?void 0:onPlay();case 8:case"end":return _context2.stop()}}},_callee2)})),[animationChain,delayMs,speed,onPlay]);var stopAnimation=React.useCallback(function(){animationChain===null||animationChain===void 0?void 0:animationChain.destroy();},[animationChain]);var playAnimation=React.useCallback(function(){animationChain===null||animationChain===void 0?void 0:animationChain.play();},[animationChain]);var pauseAnimation=React.useCallback(function(){animationChain===null||animationChain===void 0?void 0:animationChain.pause();},[animationChain]);React.useImperativeHandle(lottieRef,function(){return {start:startAnimation,stop:stopAnimation,play:playAnimation,pause:pauseAnimation}},[startAnimation,stopAnimation,playAnimation,pauseAnimation]);React.useEffect(function(){animationChain===null||animationChain===void 0?void 0:animationChain.showFirstFrame();},[animationChain]);React.useEffect(function(){onComplete&&(animationChain===null||animationChain===void 0?void 0:animationChain.addEventListener("complete",onComplete));onLoopComplete&&(animationChain===null||animationChain===void 0?void 0:animationChain.addEventListener("loopComplete",onLoopComplete));return function(){onComplete&&(animationChain===null||animationChain===void 0?void 0:animationChain.removeEventListener("complete",onComplete));onLoopComplete&&(animationChain===null||animationChain===void 0?void 0:animationChain.removeEventListener("loopComplete",onLoopComplete));}},[animationChain,onLoopComplete,onComplete]);React.useEffect(function(){if(!isVisible){return}if(!autoPlay){return}startAnimation();return function(){animationChain===null||animationChain===void 0?void 0:animationChain.destroy();}},[animationChain,autoPlay,isVisible,startAnimation]);React.useEffect(function(){var _animationChainRef$cu;(_animationChainRef$cu=animationChainRef.current)===null||_animationChainRef$cu===void 0?void 0:_animationChainRef$cu.setSpeed(speed);},[speed]);var ref=react$1.useCombinedRefs(containerRef,handleContainerChange);return /*#__PURE__*/jsxRuntime$1.jsx(ImpressionArea,{style:{width:width,height:height},className:className,ref:ref,onImpressionStart:handleImpressionStart,role:alt!=null?"img":undefined,"aria-label":alt,"aria-hidden":alt==null},"".concat(loop,"-").concat(interval,"-").concat(src,"-").concat(json))});function delay(ms){return new Promise(function(resolve){window.setTimeout(resolve,ms);})}function isInViewport(element){var _window$innerWidth,_window$innerHeight;if(element==null){return false}var rect=element.getBoundingClientRect();var windowWidth=(_window$innerWidth=window.innerWidth)!==null&&_window$innerWidth!==void 0?_window$innerWidth:document.documentElement.clientWidth;var windowHeight=(_window$innerHeight=window.innerHeight)!==null&&_window$innerHeight!==void 0?_window$innerHeight:document.documentElement.clientHeight;return rect.top<=windowHeight&&rect.bottom>=0&&rect.left<=windowWidth&&rect.right>=0}
+
+const isPromise=promise=>typeof promise==="object"&&typeof promise.then==="function";const globalCache=[];function shallowEqualArrays(arrA,arrB,equal=(a,b)=>a===b){if(arrA===arrB)return true;if(!arrA||!arrB)return false;const len=arrA.length;if(arrB.length!==len)return false;for(let i=0;i<len;i++)if(!equal(arrA[i],arrB[i]))return false;return true}function query(fn,keys=null,preload=false,config={}){// If no keys were given, the function is the key
+if(keys===null)keys=[fn];for(const entry of globalCache){// Find a match
+if(shallowEqualArrays(keys,entry.keys,entry.equal)){// If we're pre-loading and the element is present, just return
+if(preload)return undefined;// If an error occurred, throw
+if(Object.prototype.hasOwnProperty.call(entry,"error"))throw entry.error;// If a response was successful, return
+if(Object.prototype.hasOwnProperty.call(entry,"response")){if(config.lifespan&&config.lifespan>0){if(entry.timeout)clearTimeout(entry.timeout);entry.timeout=setTimeout(entry.remove,config.lifespan);}return entry.response}// If the promise is still unresolved, throw
+if(!preload)throw entry.promise}}// The request is new or has changed.
+const entry={keys,equal:config.equal,remove:()=>{const index=globalCache.indexOf(entry);if(index!==-1)globalCache.splice(index,1);},promise:// Execute the promise
+(isPromise(fn)?fn:fn(...keys)).// When it resolves, store its value
+then(response=>{entry.response=response;// Remove the entry in time if a lifespan was given
+if(config.lifespan&&config.lifespan>0){entry.timeout=setTimeout(entry.remove,config.lifespan);}}).// Store caught errors, they will be thrown in the render-phase to bubble into an error-bound
+catch(error=>entry.error=error)};// Register the entry
+globalCache.push(entry);// And throw the promise, this yields control back to React
+if(!preload)throw entry.promise;return undefined}const suspend=(fn,keys,config)=>query(fn,keys,false,config);
+
+var _excluded=["src"];var SuspendedLottie=/*#__PURE__*/React.forwardRef(function SuspenseLottie(props,lottieRef){var originalSrc=props.src,lottieProps=_objectWithoutProperties$1(props,_excluded);var jsonText=suspend(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var res,text;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return fetch(originalSrc);case 2:res=_context.sent;_context.next=5;return res.text();case 5:text=_context.sent;return _context.abrupt("return",text);case 7:case"end":return _context.stop()}}},_callee)})),[originalSrc]);return /*#__PURE__*/jsxRuntime$1.jsx(BaseLottie,_objectSpread2$1(_objectSpread2$1({json:jsonText},lottieProps),{},{ref:lottieRef}))});
+
+var Lottie=/*#__PURE__*/React.forwardRef(function Lottie(props,lottieRef){if(props.suspense){return /*#__PURE__*/jsxRuntime$1.jsx(SuspendedLottie,_objectSpread2$1(_objectSpread2$1({},props),{},{ref:lottieRef}))}return /*#__PURE__*/jsxRuntime$1.jsx(BaseLottie,_objectSpread2$1(_objectSpread2$1({},props),{},{ref:lottieRef}))});
+
 var v$4="4.8.0";var meta$3={g:"LottieFiles AE 2.0.4",a:"",k:"",d:"",tc:""};var fr$3=30;var ip$3=0;var op$3=60;var w$4=100;var h$4=100;var nm$3="loading-white-spot";var ddd$3=0;var assets$3=[];var layers$3=[{ddd:0,ind:1,ty:4,nm:"blue Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:60.060546875,s:[360]}],ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:2,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.799],y:[1]},o:{x:[.602],y:[0]},t:20.021,s:[0]},{t:60.060546875,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.414],y:[1]},o:{x:[.302],y:[0]},t:0,s:[.1]},{t:50.0498046875,s:[100]}],ix:2},o:{a:0,k:-90,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"grey Outlines",sr:1,ks:{o:{a:0,k:30,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0}];var markers$3=[];var loadingCircle = {v:v$4,meta:meta$3,fr:fr$3,ip:ip$3,op:op$3,w:w$4,h:h$4,nm:nm$3,ddd:ddd$3,assets:assets$3,layers:layers$3,markers:markers$3};
 
 var v$3="4.8.0";var meta$2={g:"LottieFiles AE 2.0.4",a:"",k:"",d:"",tc:""};var fr$2=30;var ip$2=0;var op$2=60;var w$3=100;var h$3=100;var nm$2="loading-white-spot";var ddd$2=0;var assets$2=[];var layers$2=[{ddd:0,ind:1,ty:4,nm:"blue Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:60.060546875,s:[360]}],ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:2,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.799],y:[1]},o:{x:[.602],y:[0]},t:20.021,s:[0]},{t:60.060546875,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.414],y:[1]},o:{x:[.302],y:[0]},t:0,s:[.1]},{t:50.0498046875,s:[100]}],ix:2},o:{a:0,k:-90,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"grey Outlines",sr:1,ks:{o:{a:0,k:30,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0,0,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0}];var markers$2=[];var loadingCircleBlack = {v:v$3,meta:meta$2,fr:fr$2,ip:ip$2,op:op$2,w:w$3,h:h$3,nm:nm$2,ddd:ddd$2,assets:assets$2,layers:layers$2,markers:markers$2};
@@ -1227,7 +1485,7 @@ var v$2="4.8.0";var meta$1={g:"LottieFiles AE 2.0.4",a:"",k:"",d:"",tc:""};var f
 
 var v$1="4.8.0";var meta={g:"LottieFiles AE 2.0.4",a:"",k:"",d:"",tc:""};var fr=30;var ip=0;var op=60;var w$1=100;var h$1=100;var nm="loading-white-spot";var ddd=0;var assets=[];var layers=[{ddd:0,ind:1,ty:4,nm:"blue Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:60.060546875,s:[360]}],ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[.1922,.5098,.9647,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:2,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.799],y:[1]},o:{x:[.602],y:[0]},t:20.021,s:[0]},{t:60.060546875,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.414],y:[1]},o:{x:[.302],y:[0]},t:0,s:[.1]},{t:50.0498046875,s:[100]}],ix:2},o:{a:0,k:-90,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"grey Outlines",sr:1,ks:{o:{a:0,k:30,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[50,50,0],ix:2},a:{a:0,k:[31,31,0],ix:1},s:{a:0,k:[147,147,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,-12.979],[12.979,0],[0,12.979],[-12.979,0]],o:[[0,12.979],[-12.979,0],[0,-12.979],[12.979,0]],v:[[23.5,0],[0,23.5],[-23.5,0],[0,-23.5]],c:true},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[.1922,.5098,.9647,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[31,31],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:60.0600600600601,st:0,bm:0}];var markers=[];var loadingCircleBlue = {v:v$1,meta:meta,fr:fr,ip:ip,op:op,w:w$1,h:h$1,nm:nm,ddd:ddd,assets:assets,layers:layers,markers:markers};
 
-const backgrounds={core:"color.foreground.semantic.core",coreLight:"color.background.semantic.coreTranslucent",neutral:"color.background.surface.standard",neutralOutline:"transparent",warning:"color.background.semantic.status.warning",warningLight:"color.background.semantic.status.warningTranslucent"};const contents$1={core:"color.foreground.surface.static",coreLight:"color.foreground.semantic.core",neutral:"color.foreground.neutral.primary",neutralOutline:"color.foreground.neutral.primary",warning:"color.foreground.surface.static",warningLight:"color.foreground.semantic.status.warning"};const heights$1={large:40,medium:36,small:28};const paddings={large:"0px 8px",medium:"0px 8px",small:"0px 6px"};const gaps$1={large:"2px",medium:"2px",small:"2px"};const borderRadiuses={large:"8px",medium:"8px",small:"8px"};const iconSizes$1={large:24,medium:20,small:16};const textHorizontalPaddingVariations$1={large:"4px",medium:"4px",small:"2px"};const textVariants$4={large:"BodyL_Bold",medium:"BodyM_Bold",small:"BodyS_Bold"};function Button$1({variant="core",size="large",iconLeading,iconTrailing,iconAutoFill=true,iconAutoStroke=false,children,fullWidth,disabled,onClick,loading,...props}){react.useTheme();const buttonRef=React.useRef(null);const[width,setWidth]=React__default["default"].useState(null);React.useEffect(()=>{if(buttonRef.current&&!width){setWidth(buttonRef.current.clientWidth);}},[]);return /*#__PURE__*/jsxRuntime.jsx(Container$r,{ref:buttonRef,"data-variant":variant,"data-size":size,"data-fullwidth":fullWidth,onClick:disabled||loading?undefined:onClick,style:{cursor:disabled||loading?"not-allowed":"pointer",opacity:disabled||loading?.3:1,width:loading?width||"auto":"auto"},whileHover:disabled||loading?{opacity:.3}:{opacity:.8},whileTap:disabled||loading?{opacity:.3}:{opacity:.6},...props,children:loading?/*#__PURE__*/jsxRuntime.jsxs(LoadingWrapper,{children:[/*#__PURE__*/jsxRuntime.jsx(lottie.Lottie,{json:JSON.stringify(variant==="neutral"||variant==="neutralOutline"?loadingCircleBlack:variant==="coreLight"?loadingCircleBlue:variant==="warningLight"?loadingCircleRed:loadingCircle),loop:true,height:iconSizes$1[size],width:iconSizes$1[size]}),/*#__PURE__*/jsxRuntime.jsxs("div",{style:{opacity:0,visibility:"hidden",display:"flex",alignItems:"center",width:"100%",gap:gaps$1[size]},children:[iconLeading&&/*#__PURE__*/jsxRuntime.jsx("div",{style:{width:iconSizes$1[size],height:iconSizes$1[size]}}),children&&/*#__PURE__*/jsxRuntime.jsx(Text,{style:{padding:`0px ${textHorizontalPaddingVariations$1[size]}`},variant:textVariants$4[size],color:contents$1[variant],children:children}),iconTrailing&&/*#__PURE__*/jsxRuntime.jsx("div",{style:{width:iconSizes$1[size],height:iconSizes$1[size]}})]})]}):/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[iconLeading&&/*#__PURE__*/jsxRuntime.jsx(Icon,{name:iconLeading,size:iconSizes$1[size],fill:iconAutoFill?contents$1[variant]:undefined,stroke:iconAutoStroke?contents$1[variant]:undefined}),children&&/*#__PURE__*/jsxRuntime.jsx(Text,{style:{padding:`0px ${textHorizontalPaddingVariations$1[size]}`},variant:textVariants$4[size],color:contents$1[variant],children:children}),iconTrailing&&/*#__PURE__*/jsxRuntime.jsx(Icon,{name:iconTrailing,size:iconSizes$1[size],fill:iconAutoFill?contents$1[variant]:undefined,stroke:iconAutoStroke?contents$1[variant]:undefined})]})})}const LoadingWrapper=styled__default["default"].div`
+const backgrounds={core:"color.foreground.semantic.core",coreLight:"color.background.semantic.coreTranslucent",neutral:"color.background.surface.standard",neutralOutline:"transparent",warning:"color.background.semantic.status.warning",warningLight:"color.background.semantic.status.warningTranslucent"};const contents$1={core:"color.foreground.surface.static",coreLight:"color.foreground.semantic.core",neutral:"color.foreground.neutral.primary",neutralOutline:"color.foreground.neutral.primary",warning:"color.foreground.surface.static",warningLight:"color.foreground.semantic.status.warning"};const heights$1={large:40,medium:36,small:28};const paddings={large:"0px 8px",medium:"0px 8px",small:"0px 6px"};const gaps$1={large:"2px",medium:"2px",small:"2px"};const borderRadiuses={large:"8px",medium:"8px",small:"8px"};const iconSizes$1={large:24,medium:20,small:16};const textHorizontalPaddingVariations$1={large:"4px",medium:"4px",small:"2px"};const textVariants$4={large:"BodyL_Bold",medium:"BodyM_Bold",small:"BodyS_Bold"};function Button$1({variant="core",size="large",iconLeading,iconTrailing,iconAutoFill=true,iconAutoStroke=false,children,fullWidth,disabled,onClick,loading,...props}){react.useTheme();const buttonRef=React.useRef(null);const[width,setWidth]=React__default["default"].useState(null);React.useEffect(()=>{if(buttonRef.current&&!width){setWidth(buttonRef.current.clientWidth);}},[]);return /*#__PURE__*/jsxRuntime.jsx(Container$r,{ref:buttonRef,"data-variant":variant,"data-size":size,"data-fullwidth":fullWidth,onClick:disabled||loading?undefined:onClick,style:{cursor:disabled||loading?"not-allowed":"pointer",opacity:disabled||loading?.3:1,width:loading?width||"auto":"auto"},whileHover:disabled||loading?{opacity:.3}:{opacity:.8},whileTap:disabled||loading?{opacity:.3}:{opacity:.6},...props,children:loading?/*#__PURE__*/jsxRuntime.jsxs(LoadingWrapper,{children:[/*#__PURE__*/jsxRuntime.jsx(Lottie,{json:JSON.stringify(variant==="neutral"||variant==="neutralOutline"?loadingCircleBlack:variant==="coreLight"?loadingCircleBlue:variant==="warningLight"?loadingCircleRed:loadingCircle),loop:true,height:iconSizes$1[size],width:iconSizes$1[size]}),/*#__PURE__*/jsxRuntime.jsxs("div",{style:{opacity:0,visibility:"hidden",display:"flex",alignItems:"center",width:"100%",gap:gaps$1[size]},children:[iconLeading&&/*#__PURE__*/jsxRuntime.jsx("div",{style:{width:iconSizes$1[size],height:iconSizes$1[size]}}),children&&/*#__PURE__*/jsxRuntime.jsx(Text,{style:{padding:`0px ${textHorizontalPaddingVariations$1[size]}`},variant:textVariants$4[size],color:contents$1[variant],children:children}),iconTrailing&&/*#__PURE__*/jsxRuntime.jsx("div",{style:{width:iconSizes$1[size],height:iconSizes$1[size]}})]})]}):/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[iconLeading&&/*#__PURE__*/jsxRuntime.jsx(Icon,{name:iconLeading,size:iconSizes$1[size],fill:iconAutoFill?contents$1[variant]:undefined,stroke:iconAutoStroke?contents$1[variant]:undefined}),children&&/*#__PURE__*/jsxRuntime.jsx(Text,{style:{padding:`0px ${textHorizontalPaddingVariations$1[size]}`},variant:textVariants$4[size],color:contents$1[variant],children:children}),iconTrailing&&/*#__PURE__*/jsxRuntime.jsx(Icon,{name:iconTrailing,size:iconSizes$1[size],fill:iconAutoFill?contents$1[variant]:undefined,stroke:iconAutoStroke?contents$1[variant]:undefined})]})})}const LoadingWrapper=styled__default["default"].div`
   position: relative;
   display: flex;
   align-items: center;
@@ -2657,7 +2915,7 @@ const heightVariants={small:"28px",medium:"36px",large:"40px"};const iconSizeVar
   align-items: center;
 `;
 
-function Loading({height=100,width=100}){return /*#__PURE__*/jsxRuntime.jsx(lottie.Lottie,{json:JSON.stringify(loadingCircleBlue),loop:true,height:height,width:width})}
+function Loading({height=100,width=100}){return /*#__PURE__*/jsxRuntime.jsx(Lottie,{json:JSON.stringify(loadingCircleBlue),loop:true,height:height,width:width})}
 
 function u(){return (u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);}return e}).apply(this,arguments)}function c(e,r){if(null==e)return {};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function i(e){var t=React.useRef(e),n=React.useRef(function(e){t.current&&t.current(e);});return t.current=e,n.current}var s=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},f=function(e){return "touches"in e},v=function(e){return e&&e.ownerDocument.defaultView||self},d=function(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return {left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function(e){!f(e)&&e.preventDefault();},m=/*#__PURE__*/React__default["default"].memo(function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=React.useRef(null),g=i(a),p=i(l),b=React.useRef(null),_=React.useRef(!1),x=React.useMemo(function(){var e=function(e){h(e),(f(e)?e.touches.length>0:e.buttons>0)&&m.current?g(d(m.current,e,b.current)):t(!1);},r=function(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r);}return [function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier);}n.focus(),g(d(n,r,b.current)),t(!0);}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}));},t]},[p,g]),C=x[0],E=x[1],H=x[2];return React.useEffect(function(){return H},[H]),/*#__PURE__*/React__default["default"].createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))}),g=function(e){return e.filter(Boolean).join(" ")},p=function(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return /*#__PURE__*/React__default["default"].createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},/*#__PURE__*/React__default["default"].createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},x=function(e){return L(C(e))},C=function(e){return "#"===e[0]&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?b(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?b(parseInt(e.substring(6,8),16)/255,2):1}},w=function(e){return K(I(e))},y=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return {h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},q=function(e){var r=y(e);return "hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},I=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return {r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},D=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},K=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=o<1?D(b(255*o)):"";return "#"+D(r)+D(t)+D(n)+a},L=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return {h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},S=/*#__PURE__*/React__default["default"].memo(function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return /*#__PURE__*/React__default["default"].createElement("div",{className:o},/*#__PURE__*/React__default["default"].createElement(m,{onMove:function(e){n({h:360*e.left});},onKey:function(e){n({h:s(t+360*e.left,0,360)});},"aria-label":"Hue","aria-valuenow":b(t),"aria-valuemax":"360","aria-valuemin":"0"},/*#__PURE__*/React__default["default"].createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:q({h:t,s:100,v:100,a:1})})))}),T=/*#__PURE__*/React__default["default"].memo(function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:q({h:t.h,s:100,v:100,a:1})};return /*#__PURE__*/React__default["default"].createElement("div",{className:"react-colorful__saturation",style:o},/*#__PURE__*/React__default["default"].createElement(m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top});},onKey:function(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)});},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},/*#__PURE__*/React__default["default"].createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:q(t)})))}),F=function(e,r){if(e===r)return !0;for(var t in e)if(e[t]!==r[t])return !1;return !0},X=function(e,r){return e.toLowerCase()===r.toLowerCase()||F(C(e),C(r))};function Y(e,t,l){var u=i(l),c=React.useState(function(){return e.toHsva(t)}),s=c[0],f=c[1],v=React.useRef({color:t,hsva:s});React.useEffect(function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r);}},[t,e]),React.useEffect(function(){var r;F(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r));},[s,e,u]);var d=React.useCallback(function(e){f(function(r){return Object.assign({},r,e)});},[]);return [s,d]}var V="undefined"!=typeof window?React.useLayoutEffect:React.useEffect,$=function(){return ("undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0)},J=new Map,Q=function(e){V(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!J.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',J.set(r,t);var n=$();n&&t.setAttribute("nonce",n),r.head.appendChild(t);}},[]);},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=React.useRef(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return /*#__PURE__*/React__default["default"].createElement("div",u({},s,{ref:f,className:m}),/*#__PURE__*/React__default["default"].createElement(T,{hsva:d,onChange:h}),/*#__PURE__*/React__default["default"].createElement(S,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},W={defaultColor:"000",toHsva:x,fromHsva:function(e){return w({h:e.h,s:e.s,v:e.v,a:1})},equal:X},Z=function(r){return /*#__PURE__*/React__default["default"].createElement(U,u({},r,{colorModel:W}))};