diff --git a/version/v0.0.54/404.html b/version/v0.0.54/404.html
deleted file mode 100644
index a1805c45b65..00000000000
--- a/version/v0.0.54/404.html
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_buildManifest.js b/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_buildManifest.js
deleted file mode 100644
index 5b782216422..00000000000
--- a/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_buildManifest.js
+++ /dev/null
@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,i,p,d,m,r,u,g,b,h,k,f,j,l,v,x,w,T,M,V,R,A,L,H,y,S,C,z,B,_,E,D,I,F,P,q,N,O,U,W,G,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,oi,op,od,om,or,ou,og,ob,oh,ok,of,oj,ol,ov,ox,ow,oT,oM,oV,oR,oA,oL,oH,oy,oS,oC,oz,oB,o_,oE,oD,oI,oF,oP,oq,oN,oO,oU,oW,oG,oJ,oK,oQ,oX,oY,oZ,o$,o7,o0,o1,o8,o3,o6,o4,o9,o5,o2,eo,ee,es,ec,en,et,ea,ei,ep,ed,em,er,eu,eg,eb,eh,ek,ef){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,e,s,"static/chunks/pages/index-84a360ded8a592ce.js"],"/404":["static/chunks/pages/404-dd7840055616c47a.js"],"/_error":["static/chunks/pages/_error-10174e80ad0c0cf2.js"],"/base64":[oH,"static/chunks/pages/base64-381792863bc98eb7.js"],"/components/accordion":[o,e,s,c,n,t,"static/chunks/pages/components/accordion-efd8b7beb52a70ca.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-b3b4a00680c181ae.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-770fd1bae546c49e.js"],"/components/accordion/docs/Angular":[o,oy,"static/chunks/pages/components/accordion/docs/Angular-f7bc9330411f17fb.js"],"/components/accordion/docs/HTML":[o,oS,"static/chunks/pages/components/accordion/docs/HTML-33795fda06576885.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-6138f88f25961499.js"],"/components/accordion/docs/React":[o,oC,"static/chunks/pages/components/accordion/docs/React-82d0ccbd821ff76c.js"],"/components/accordion/docs/Vue":[o,oz,"static/chunks/pages/components/accordion/docs/Vue-d32ff21bf5e033ef.js"],"/components/accordion/examples":[e,s,"static/chunks/pages/components/accordion/examples-479fd64e12a8c51e.js"],"/components/accordion/how-to-use":[o,e,s,oS,oC,oy,oz,"static/chunks/pages/components/accordion/how-to-use-731b0bf80be9aa84.js"],"/components/accordion/migration":[e,s,"static/chunks/pages/components/accordion/migration-f1b1fc9f85fc7762.js"],"/components/accordion/overview":[o,e,s,c,n,t,"static/chunks/pages/components/accordion/overview-8db8ad9b39c64b5c.js"],"/components/accordion/properties":[e,s,"static/chunks/pages/components/accordion/properties-adf866048abd25ab.js"],"/components/accordion-item":[o,e,s,c,a,i,"static/chunks/pages/components/accordion-item-e9dbd2b687e83c01.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-ff2ce09c661b7778.js"],"/components/accordion-item/code/Tonality":[o,i,"static/chunks/pages/components/accordion-item/code/Tonality-5b4b2d6c0bc8c493.js"],"/components/accordion-item/docs/Angular":[o,oB,"static/chunks/pages/components/accordion-item/docs/Angular-2e95f906c5967641.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-7e33b90840fb6e00.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-b30adc8a831d0073.js"],"/components/accordion-item/docs/React":[o,o_,"static/chunks/pages/components/accordion-item/docs/React-b986910c9bb882c9.js"],"/components/accordion-item/docs/Vue":[o,oE,"static/chunks/pages/components/accordion-item/docs/Vue-796173a8706761bf.js"],"/components/accordion-item/examples":[e,s,"static/chunks/pages/components/accordion-item/examples-ef8dc77e80946a21.js"],"/components/accordion-item/how-to-use":[o,e,s,oE,o_,oB,"static/chunks/pages/components/accordion-item/how-to-use-df9272296f7ebcd9.js"],"/components/accordion-item/migration":[e,s,"static/chunks/pages/components/accordion-item/migration-34aa524f88044bd2.js"],"/components/accordion-item/overview":[o,e,s,c,a,i,"static/chunks/pages/components/accordion-item/overview-03ae6b9de201279f.js"],"/components/accordion-item/properties":[e,s,"static/chunks/pages/components/accordion-item/properties-cf39e3ad579f5a7b.js"],"/components/alert":[o,e,s,c,p,d,m,r,u,"static/chunks/pages/components/alert-0e834a4f0b12fcb8.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e4136b61f944920a.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-8b6334360c1d16e1.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-46b8b0fe7935c934.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-c27492c945135a2a.js"],"/components/alert/code/Variant":[o,p,"static/chunks/pages/components/alert/code/Variant-0ef65e28c8eda096.js"],"/components/alert/docs/Angular":[o,oD,"static/chunks/pages/components/alert/docs/Angular-943d1e7fc3fba1d9.js"],"/components/alert/docs/HTML":[o,oI,"static/chunks/pages/components/alert/docs/HTML-3b40423da8ea662c.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-3a8c8252d3595f0b.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-92f324b72773f630.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-7db775bc36c990d3.js"],"/components/alert/examples":[e,s,"static/chunks/pages/components/alert/examples-7bbc0d7d81934fe8.js"],"/components/alert/how-to-use":[o,e,s,oI,oD,"static/chunks/pages/components/alert/how-to-use-fd8b448a2bc9f8df.js"],"/components/alert/migration":[e,s,"static/chunks/pages/components/alert/migration-fb9d99fb762f9ca2.js"],"/components/alert/overview":[o,e,s,c,p,d,m,r,u,"static/chunks/pages/components/alert/overview-87f9f82d7d547022.js"],"/components/alert/properties":[e,s,"static/chunks/pages/components/alert/properties-3cf9d7310ce1490b.js"],"/components/badge":[o,e,s,c,g,b,h,k,f,j,l,"static/chunks/pages/components/badge-afc553afb329d863.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-8f81998c343e9934.js"],"/components/badge/code/Emphasis":[o,f,"static/chunks/pages/components/badge/code/Emphasis-fe113e1e6fdb8fec.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-af68bc80f8c36550.js"],"/components/badge/code/Placement":[o,b,"static/chunks/pages/components/badge/code/Placement-abf7642dc64d5220.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-c67aad2d3ee5a974.js"],"/components/badge/code/Tonality":[o,k,"static/chunks/pages/components/badge/code/Tonality-f26c730a2d0471d7.js"],"/components/badge/code/Variant":[o,g,"static/chunks/pages/components/badge/code/Variant-ad8e224d3afa5a22.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-5070d1c9618849cf.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-39262535316ab5bb.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-bb16af5abef34cf3.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-c35d1d4f9832f1f9.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-cd705baf34b06c56.js"],"/components/badge/examples":[e,s,"static/chunks/pages/components/badge/examples-c35f6aa046967c14.js"],"/components/badge/how-to-use":[o,e,s,"static/chunks/pages/components/badge/how-to-use-32a19398d81b0cdc.js"],"/components/badge/migration":[e,s,"static/chunks/pages/components/badge/migration-7b369ce53184e1b0.js"],"/components/badge/overview":[o,e,s,c,g,b,h,k,f,j,l,"static/chunks/pages/components/badge/overview-a4936529bed8cbce.js"],"/components/badge/properties":[e,s,"static/chunks/pages/components/badge/properties-89129a8545c95c19.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-6ec5810b03ccf33b.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-a284b2679bd7f175.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-7325eafdb72c8417.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-a2daf81ccdfacc3d.js"],"/components/brand/examples":[e,s,"static/chunks/pages/components/brand/examples-3b330ebc0c8a391e.js"],"/components/brand/how-to-use":[o,e,s,"static/chunks/pages/components/brand/how-to-use-d127fcca4dbfb3ac.js"],"/components/brand/migration":[e,s,"static/chunks/pages/components/brand/migration-9e71e4cc9fcc555b.js"],"/components/brand/properties":[e,s,"static/chunks/pages/components/brand/properties-bc7b345e67211b44.js"],"/components/button":[o,e,s,c,v,x,w,T,M,V,"static/chunks/pages/components/button-dcf7574bd05e7a13.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-249deb6fd53147b6.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-d1087b5a55452737.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-717c4bdb9959e840.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-dc8e53d4ca72621f.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-cb7704d36bdc8fca.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-47bcc6a6d43e451d.js"],"/components/button/docs/Angular":[o,oF,"static/chunks/pages/components/button/docs/Angular-c6395221c77db406.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-7aa72e085c8b5a91.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-90776948f1f0e528.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-8b8efc9ef30d73dc.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-add5924800fa10be.js"],"/components/button/examples":[e,s,"static/chunks/pages/components/button/examples-ff03f38016591cd7.js"],"/components/button/how-to-use":[o,e,s,oF,"static/chunks/pages/components/button/how-to-use-4b9613e4b97273ad.js"],"/components/button/migration":[e,s,"static/chunks/pages/components/button/migration-1d91ad43818937e5.js"],"/components/button/overview":[o,e,s,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-cdbff87187c0c63e.js"],"/components/button/properties":[e,s,"static/chunks/pages/components/button/properties-c8233a67f0d79ada.js"],"/components/card":[o,e,s,c,R,A,L,H,"static/chunks/pages/components/card-18807276ef3720dc.js"],"/components/card/code/ColorVariant":[o,R,"static/chunks/pages/components/card/code/ColorVariant-e8a92781b14962a2.js"],"/components/card/code/Spacing":[o,L,"static/chunks/pages/components/card/code/Spacing-9e3393172d46b9a0.js"],"/components/card/code/Tonality":[o,A,"static/chunks/pages/components/card/code/Tonality-e891035a40ec9a29.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-4bcaa35fd548b845.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-009facbf493c88fc.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-1e328c72e7e90d1d.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-65c994aa4eba8788.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-5fd7cb5467a9df7d.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-3a43ccc8c9e98a78.js"],"/components/card/examples":[e,s,"static/chunks/pages/components/card/examples-92903e768461fb3e.js"],"/components/card/how-to-use":[o,e,s,"static/chunks/pages/components/card/how-to-use-ba3860cd716561c8.js"],"/components/card/migration":[e,s,"static/chunks/pages/components/card/migration-efa66686c8116f90.js"],"/components/card/overview":[o,e,s,c,R,A,L,H,"static/chunks/pages/components/card/overview-30b1f18974278050.js"],"/components/card/properties":[e,s,"static/chunks/pages/components/card/properties-42c5d1418afa6a14.js"],"/components/checkbox":[o,e,s,c,y,S,C,"static/chunks/pages/components/checkbox-b176833707568a41.js"],"/components/checkbox/code/Size":[o,C,"static/chunks/pages/components/checkbox/code/Size-21d6396ce4f6f2ec.js"],"/components/checkbox/code/States":[o,y,"static/chunks/pages/components/checkbox/code/States-5d313f2fb5980ff2.js"],"/components/checkbox/code/Tonality":[o,S,"static/chunks/pages/components/checkbox/code/Tonality-b0016c26a7d32c59.js"],"/components/checkbox/docs/Angular":[o,oP,"static/chunks/pages/components/checkbox/docs/Angular-95c33c518fabf0c9.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-8aeaa262f4f667fc.js"],"/components/checkbox/docs/React":[o,oq,"static/chunks/pages/components/checkbox/docs/React-7c109d4a3b29cf5c.js"],"/components/checkbox/docs/Vue":[o,oN,"static/chunks/pages/components/checkbox/docs/Vue-eefbd70fd835edf1.js"],"/components/checkbox/examples":[e,s,"static/chunks/pages/components/checkbox/examples-bb3bc3e5069a9768.js"],"/components/checkbox/how-to-use":[o,e,s,oP,oq,oN,"static/chunks/pages/components/checkbox/how-to-use-613b2f5a1e4b1983.js"],"/components/checkbox/migration":[e,s,"static/chunks/pages/components/checkbox/migration-583a903a96fa7453.js"],"/components/checkbox/overview":[o,e,s,c,y,S,C,"static/chunks/pages/components/checkbox/overview-ef412f0a34ffbc0a.js"],"/components/checkbox/properties":[e,s,"static/chunks/pages/components/checkbox/properties-ba87b5589b51317e.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-a9dc2b4d5984a11e.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-8d5f82b87eb37f70.js"],"/components/code-docs/docs/React":[o,oO,"static/chunks/pages/components/code-docs/docs/React-27ca6a984a6e8a4b.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-55d0efbabc65ac06.js"],"/components/code-docs/examples":[e,s,"static/chunks/pages/components/code-docs/examples-32bebe6169431259.js"],"/components/code-docs/how-to-use":[o,e,s,oO,"static/chunks/pages/components/code-docs/how-to-use-128706862dc07116.js"],"/components/code-docs/migration":[e,s,"static/chunks/pages/components/code-docs/migration-d9283f59078e03a9.js"],"/components/code-docs/properties":[e,s,"static/chunks/pages/components/code-docs/properties-c0c15ff71edf9148.js"],"/components/divider":[o,e,s,c,z,B,_,"static/chunks/pages/components/divider-32d69ebde96abb85.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-d373db8b0596055b.js"],"/components/divider/code/Tonality":[o,z,"static/chunks/pages/components/divider/code/Tonality-9c816c08db45f12d.js"],"/components/divider/code/Variant":[o,B,"static/chunks/pages/components/divider/code/Variant-e8b6a0f9d7754d4f.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-7b6fc538590d19a8.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-f195bab131631e93.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-1264b02875910244.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-f67a8349c8b8f534.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-d9add4056f132e18.js"],"/components/divider/examples":[e,s,"static/chunks/pages/components/divider/examples-f9eb14aa3a47df74.js"],"/components/divider/how-to-use":[o,e,s,"static/chunks/pages/components/divider/how-to-use-811e2edcd5bd1e5d.js"],"/components/divider/migration":[e,s,"static/chunks/pages/components/divider/migration-967d6db1a2e482bc.js"],"/components/divider/overview":[o,e,s,c,z,B,_,"static/chunks/pages/components/divider/overview-4249487cde53e290.js"],"/components/divider/properties":[e,s,"static/chunks/pages/components/divider/properties-1378de8d00403cb1.js"],"/components/drawer":[o,e,s,c,E,D,I,F,P,q,"static/chunks/pages/components/drawer-d2f1b0079e1e0237.js"],"/components/drawer/code/Backdrop":[o,I,"static/chunks/pages/components/drawer/code/Backdrop-a6128d6d9302c87c.js"],"/components/drawer/code/Directions":[o,D,"static/chunks/pages/components/drawer/code/Directions-dfabc10f7ce00ba1.js"],"/components/drawer/code/Rounded":[o,q,"static/chunks/pages/components/drawer/code/Rounded-2d99cae7194db87a.js"],"/components/drawer/code/Size":[o,P,"static/chunks/pages/components/drawer/code/Size-f8b0d2fc83b60fbc.js"],"/components/drawer/code/Spacing":[o,E,"static/chunks/pages/components/drawer/code/Spacing-c5cc2752563a8f7b.js"],"/components/drawer/code/Tonality":[o,F,"static/chunks/pages/components/drawer/code/Tonality-8552db1bfa82c9c5.js"],"/components/drawer/docs/Angular":[o,oU,"static/chunks/pages/components/drawer/docs/Angular-55efd4b1faafdd99.js"],"/components/drawer/docs/HTML":[o,oW,"static/chunks/pages/components/drawer/docs/HTML-42a7182821fe6bd0.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-99a0d7495f48423f.js"],"/components/drawer/docs/React":[o,oG,"static/chunks/pages/components/drawer/docs/React-ce70271204465141.js"],"/components/drawer/docs/Vue":[o,oJ,"static/chunks/pages/components/drawer/docs/Vue-787aedef67f5ed6a.js"],"/components/drawer/examples":[e,s,"static/chunks/pages/components/drawer/examples-e09fedebb292f8ec.js"],"/components/drawer/how-to-use":[o,e,s,oG,oJ,oU,oW,"static/chunks/pages/components/drawer/how-to-use-4295e17da7770bc3.js"],"/components/drawer/migration":[e,s,"static/chunks/pages/components/drawer/migration-c2bd19d9bbf9c67b.js"],"/components/drawer/overview":[o,e,s,c,E,D,I,F,P,q,"static/chunks/pages/components/drawer/overview-2a8b759d38651e74.js"],"/components/drawer/properties":[e,s,"static/chunks/pages/components/drawer/properties-b26de152cf402413.js"],"/components/header/docs/Angular":[o,oK,"static/chunks/pages/components/header/docs/Angular-32425479d6c4514d.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-5df04a5c7e9936ae.js"],"/components/header/docs/React":[o,oQ,"static/chunks/pages/components/header/docs/React-3742228bf5c7aab3.js"],"/components/header/docs/Vue":[o,oX,"static/chunks/pages/components/header/docs/Vue-84de6f70679c4727.js"],"/components/header/examples":[e,s,"static/chunks/pages/components/header/examples-a2ddd35651644867.js"],"/components/header/how-to-use":[o,e,s,oX,oK,oQ,"static/chunks/pages/components/header/how-to-use-d4725fd96254fdd9.js"],"/components/header/migration":[e,s,"static/chunks/pages/components/header/migration-7fd26eef706f51a2.js"],"/components/header/properties":[e,s,"static/chunks/pages/components/header/properties-a9064505e7520fae.js"],"/components/icon/docs/Angular":[o,oY,"static/chunks/pages/components/icon/docs/Angular-7283cf9f7b2ecadc.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-f450c3674325fa47.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-5352594116990efd.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-d4c156bca74a05ad.js"],"/components/icon/examples":[e,s,"static/chunks/pages/components/icon/examples-9e6c4f12ba23934d.js"],"/components/icon/how-to-use":[o,e,s,oY,"static/chunks/pages/components/icon/how-to-use-1e290714c5d5e901.js"],"/components/icon/migration":[e,s,"static/chunks/pages/components/icon/migration-e6085b024939a3e2.js"],"/components/icon/properties":[e,s,"static/chunks/pages/components/icon/properties-086fb9be008a0353.js"],"/components/infotext":[o,e,s,c,N,O,U,"static/chunks/pages/components/infotext-d02ab528cbc79024.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2b53c82b8bf34648.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-2069ebe24e431310.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-a10a379410ea8580.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-9469d164a0a3d989.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-f6360b11818582c9.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-ce6fec7dd70cc1dc.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-34158e035d7724cc.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-dcf726aa7c575059.js"],"/components/infotext/examples":[e,s,"static/chunks/pages/components/infotext/examples-d267bd7d756d2a5a.js"],"/components/infotext/how-to-use":[o,e,s,"static/chunks/pages/components/infotext/how-to-use-60284916302860e6.js"],"/components/infotext/migration":[e,s,"static/chunks/pages/components/infotext/migration-a85f6e47d84fd301.js"],"/components/infotext/overview":[o,e,s,c,N,O,U,"static/chunks/pages/components/infotext/overview-22590dfd1cf7879c.js"],"/components/infotext/properties":[e,s,"static/chunks/pages/components/infotext/properties-c17541a81f0d7d96.js"],"/components/input":[o,e,s,c,W,G,J,K,Q,"static/chunks/pages/components/input-3567a2225042c958.js"],"/components/input/code/Content":[o,J,"static/chunks/pages/components/input/code/Content-d26c1873f047be83.js"],"/components/input/code/States":[o,W,"static/chunks/pages/components/input/code/States-622020c7507e839e.js"],"/components/input/code/Tonality":[o,Q,"static/chunks/pages/components/input/code/Tonality-c98204ae9e310def.js"],"/components/input/code/Types":[o,G,"static/chunks/pages/components/input/code/Types-0518ed160900ba08.js"],"/components/input/code/Variant":[o,K,"static/chunks/pages/components/input/code/Variant-2efa767a784f22fd.js"],"/components/input/docs/Angular":[o,oZ,"static/chunks/pages/components/input/docs/Angular-61b8cdb296e166b5.js"],"/components/input/docs/HTML":[o,o$,"static/chunks/pages/components/input/docs/HTML-a2d436ab9455f6d5.js"],"/components/input/docs/React":[o,o7,"static/chunks/pages/components/input/docs/React-099528ccdd54bc68.js"],"/components/input/docs/Vue":[o,o0,"static/chunks/pages/components/input/docs/Vue-459b943caf53833d.js"],"/components/input/examples":[e,s,"static/chunks/pages/components/input/examples-87a4e6cd0c555b90.js"],"/components/input/how-to-use":[o,e,s,oZ,o0,o7,o$,"static/chunks/pages/components/input/how-to-use-9b9ee155fd422190.js"],"/components/input/migration":[e,s,"static/chunks/pages/components/input/migration-054dc469685e4cc5.js"],"/components/input/overview":[o,e,s,c,W,G,J,K,Q,"static/chunks/pages/components/input/overview-5c0fad219c7a9af2.js"],"/components/input/properties":[e,s,"static/chunks/pages/components/input/properties-fb0a9f8692f53617.js"],"/components/link":[o,e,s,c,X,Y,Z,$,oo,"static/chunks/pages/components/link-00d6c59f46620e41.js"],"/components/link/code/Content":[o,$,"static/chunks/pages/components/link/code/Content-2be1b7dacb2ecd45.js"],"/components/link/code/Size":[o,Z,"static/chunks/pages/components/link/code/Size-7ba095903fe619b9.js"],"/components/link/code/State":[o,oo,"static/chunks/pages/components/link/code/State-d70d3ba384702994.js"],"/components/link/code/Tonality":[o,X,"static/chunks/pages/components/link/code/Tonality-43ab76b6cdac0ccf.js"],"/components/link/code/Variant":[o,Y,"static/chunks/pages/components/link/code/Variant-bfc3578067c5d8db.js"],"/components/link/docs/Angular":[o,o1,"static/chunks/pages/components/link/docs/Angular-123330b2c1d48df0.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-41bca699516225fd.js"],"/components/link/docs/React":[o,o8,"static/chunks/pages/components/link/docs/React-1f43adb6cf3cf888.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-7f1faedb6e116d50.js"],"/components/link/examples":[e,s,"static/chunks/pages/components/link/examples-1cdbf3700e3bcdd9.js"],"/components/link/how-to-use":[o,e,s,o1,o8,"static/chunks/pages/components/link/how-to-use-b8a85a3d911c3f9a.js"],"/components/link/migration":[e,s,"static/chunks/pages/components/link/migration-972a750bd2d034c1.js"],"/components/link/overview":[o,e,s,c,X,Y,Z,$,oo,"static/chunks/pages/components/link/overview-bd5b07fea3c31f95.js"],"/components/link/properties":[e,s,"static/chunks/pages/components/link/properties-6218b4498c20aead.js"],"/components/main-navigation":[o,e,s,c,oe,"static/chunks/pages/components/main-navigation-2f9388a85552a083.js"],"/components/main-navigation/code/Tonality":[o,oe,"static/chunks/pages/components/main-navigation/code/Tonality-2fda35d686a6372b.js"],"/components/main-navigation/docs/Angular":[o,o3,"static/chunks/pages/components/main-navigation/docs/Angular-6ec154792f3c0f0d.js"],"/components/main-navigation/docs/HTML":[o,o6,"static/chunks/pages/components/main-navigation/docs/HTML-546e7417a836e89f.js"],"/components/main-navigation/docs/React":[o,o4,"static/chunks/pages/components/main-navigation/docs/React-2795f92e46f6aa8d.js"],"/components/main-navigation/docs/Vue":[o,o9,"static/chunks/pages/components/main-navigation/docs/Vue-45bd7787497bb506.js"],"/components/main-navigation/examples":[e,s,"static/chunks/pages/components/main-navigation/examples-b2315b33c4a8ff81.js"],"/components/main-navigation/how-to-use":[o,e,s,o6,o3,o9,o4,"static/chunks/pages/components/main-navigation/how-to-use-9e48622044ce6f83.js"],"/components/main-navigation/migration":[e,s,"static/chunks/pages/components/main-navigation/migration-781d723572799915.js"],"/components/main-navigation/overview":[o,e,s,c,oe,"static/chunks/pages/components/main-navigation/overview-95aea183952c8da7.js"],"/components/main-navigation/properties":[e,s,"static/chunks/pages/components/main-navigation/properties-0a1c7ec4cd0d9564.js"],"/components/navigation-item":[o,e,s,c,os,oc,on,ot,"static/chunks/pages/components/navigation-item-c9334a93b24b2d45.js"],"/components/navigation-item/code/Content":[o,os,"static/chunks/pages/components/navigation-item/code/Content-a3aec31b6c943204.js"],"/components/navigation-item/code/States":[o,oc,"static/chunks/pages/components/navigation-item/code/States-288cedbf0ed2b705.js"],"/components/navigation-item/code/Tonality":[o,on,"static/chunks/pages/components/navigation-item/code/Tonality-6cc436606f61b534.js"],"/components/navigation-item/code/Width":[o,ot,"static/chunks/pages/components/navigation-item/code/Width-8a4f2cb9d5cd9a87.js"],"/components/navigation-item/docs/Angular":[o,o5,"static/chunks/pages/components/navigation-item/docs/Angular-24f6ff461333f2e3.js"],"/components/navigation-item/docs/HTML":[o,o2,"static/chunks/pages/components/navigation-item/docs/HTML-f58e853e3c0fb110.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-3b83a0b2cbae6131.js"],"/components/navigation-item/docs/React":[o,eo,"static/chunks/pages/components/navigation-item/docs/React-195bb8b197773db8.js"],"/components/navigation-item/docs/Vue":[o,ee,"static/chunks/pages/components/navigation-item/docs/Vue-4d8a9742e086915e.js"],"/components/navigation-item/examples":[e,s,"static/chunks/pages/components/navigation-item/examples-b18d61256703b6bf.js"],"/components/navigation-item/how-to-use":[o,e,s,o5,eo,ee,o2,"static/chunks/pages/components/navigation-item/how-to-use-49e42b4b82f38fa0.js"],"/components/navigation-item/migration":[e,s,"static/chunks/pages/components/navigation-item/migration-184da0e8216a00ea.js"],"/components/navigation-item/overview":[o,e,s,c,os,oc,on,ot,"static/chunks/pages/components/navigation-item/overview-0cdac43618c1f663.js"],"/components/navigation-item/properties":[e,s,"static/chunks/pages/components/navigation-item/properties-5afdf27649ff1a45.js"],"/components/page/docs/Angular":[o,es,"static/chunks/pages/components/page/docs/Angular-94ee351664a60772.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-6fbde8cc77a7ae73.js"],"/components/page/docs/React":[o,ec,"static/chunks/pages/components/page/docs/React-f772935d427a265d.js"],"/components/page/docs/Vue":[o,en,"static/chunks/pages/components/page/docs/Vue-c32b29748900059c.js"],"/components/page/examples":[e,s,"static/chunks/pages/components/page/examples-2e75bbd18060477c.js"],"/components/page/how-to-use":[o,e,s,es,ec,en,"static/chunks/pages/components/page/how-to-use-c6f8b290a92d81c9.js"],"/components/page/migration":[e,s,"static/chunks/pages/components/page/migration-0ed852fe3ed17a13.js"],"/components/page/properties":[e,s,"static/chunks/pages/components/page/properties-734fe44a0927bd59.js"],"/components/radio":[o,e,s,c,oa,oi,op,"static/chunks/pages/components/radio-2019e7fbeef95d01.js"],"/components/radio/code/Size":[o,op,"static/chunks/pages/components/radio/code/Size-48c5426adfab9eb2.js"],"/components/radio/code/States":[o,oa,"static/chunks/pages/components/radio/code/States-0bf008d77fcfc736.js"],"/components/radio/code/Tonality":[o,oi,"static/chunks/pages/components/radio/code/Tonality-84e18d634197500f.js"],"/components/radio/docs/Angular":[o,et,"static/chunks/pages/components/radio/docs/Angular-a6bdcfbd837f84ab.js"],"/components/radio/docs/HTML":[o,ea,"static/chunks/pages/components/radio/docs/HTML-8a246b8e758f5952.js"],"/components/radio/docs/React":[o,ei,"static/chunks/pages/components/radio/docs/React-9d8f85e2d3f2ad24.js"],"/components/radio/docs/Vue":[o,ep,"static/chunks/pages/components/radio/docs/Vue-ccda0a03fb4b994b.js"],"/components/radio/examples":[e,s,"static/chunks/pages/components/radio/examples-5129b543a1d11c90.js"],"/components/radio/how-to-use":[o,e,s,et,ei,ep,ea,"static/chunks/pages/components/radio/how-to-use-5e4c85bbbea632ca.js"],"/components/radio/migration":[e,s,"static/chunks/pages/components/radio/migration-0f55bd315c4ffae2.js"],"/components/radio/overview":[o,e,s,c,oa,oi,op,"static/chunks/pages/components/radio/overview-98a0b11dd87e4ee1.js"],"/components/radio/properties":[e,s,"static/chunks/pages/components/radio/properties-3988d86a76d46a28.js"],"/components/readme":[o,e,s,"static/chunks/pages/components/readme-bd2bba1a2eebefd2.js"],"/components/section":[o,e,s,c,od,om,or,"static/chunks/pages/components/section-1dd946e09ed73c82.js"],"/components/section/code/Size":[o,om,"static/chunks/pages/components/section/code/Size-faf980bb46f88e4b.js"],"/components/section/code/Tonality":[o,or,"static/chunks/pages/components/section/code/Tonality-c2be7798011c66dd.js"],"/components/section/code/Variant":[o,od,"static/chunks/pages/components/section/code/Variant-a5ef6b2ec4cf19f5.js"],"/components/section/docs/Angular":[o,ed,"static/chunks/pages/components/section/docs/Angular-fe4c034e5b8e4654.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-4525fb987f97ef63.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-7e556dae34ed3521.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-763fc51217096a3c.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-bd820dbaf0012195.js"],"/components/section/examples":[e,s,"static/chunks/pages/components/section/examples-db73a48fb5ed01e3.js"],"/components/section/how-to-use":[o,e,s,ed,"static/chunks/pages/components/section/how-to-use-88b3729c742cd258.js"],"/components/section/migration":[e,s,"static/chunks/pages/components/section/migration-cca9672e3fad9cfd.js"],"/components/section/overview":[o,e,s,c,od,om,or,"static/chunks/pages/components/section/overview-0b960fab0d82d50f.js"],"/components/section/properties":[e,s,"static/chunks/pages/components/section/properties-0441e247ab6d83a5.js"],"/components/select":[o,e,s,c,ou,og,ob,oh,"static/chunks/pages/components/select-6568e77f7a1367b6.js"],"/components/select/code/Content":[o,ob,"static/chunks/pages/components/select/code/Content-9c305545559d42f9.js"],"/components/select/code/States":[o,ou,"static/chunks/pages/components/select/code/States-1e34768e33f1547f.js"],"/components/select/code/Tonality":[o,oh,"static/chunks/pages/components/select/code/Tonality-fa7edddc90ffa2a8.js"],"/components/select/code/Variant":[o,og,"static/chunks/pages/components/select/code/Variant-bf460d21675fb675.js"],"/components/select/docs/Angular":[o,em,"static/chunks/pages/components/select/docs/Angular-ddf33919294eefa9.js"],"/components/select/docs/HTML":[o,er,"static/chunks/pages/components/select/docs/HTML-07aacdfaba089d51.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-3d5ad7ad72473ca4.js"],"/components/select/docs/React":[o,eu,"static/chunks/pages/components/select/docs/React-7a2600fbefda13ae.js"],"/components/select/docs/Vue":[o,eg,"static/chunks/pages/components/select/docs/Vue-6e70f538e5dbe16f.js"],"/components/select/examples":[e,s,"static/chunks/pages/components/select/examples-27f85ab9569a76ac.js"],"/components/select/how-to-use":[o,e,s,em,eu,er,eg,"static/chunks/pages/components/select/how-to-use-91a0ef209dd4d06a.js"],"/components/select/migration":[e,s,"static/chunks/pages/components/select/migration-4e57f7fbdd306aa5.js"],"/components/select/overview":[o,e,s,c,ou,og,ob,oh,"static/chunks/pages/components/select/overview-9909459ed5464b32.js"],"/components/select/properties":[e,s,"static/chunks/pages/components/select/properties-5c138346d69ce928.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-60f9b9a788869233.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8bdd474ca9352527.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-921a4da73dad0ee4.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-ffe8b9f86a683c88.js"],"/components/tab/examples":[e,s,"static/chunks/pages/components/tab/examples-5d7c4faf5b3060f8.js"],"/components/tab/how-to-use":[e,s,"static/chunks/pages/components/tab/how-to-use-0cbcdd699e3d36cf.js"],"/components/tab/migration":[e,s,"static/chunks/pages/components/tab/migration-9dbee33b32500d0b.js"],"/components/tab/properties":[e,s,"static/chunks/pages/components/tab/properties-eba42ddb66512ce7.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-decf898b24e639f9.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-5c629a53f61a7ecf.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-22b7966a9a5e66de.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-1d62c893ec7f2dad.js"],"/components/tab-bar/examples":[e,s,"static/chunks/pages/components/tab-bar/examples-a4d637d24e345960.js"],"/components/tab-bar/how-to-use":[e,s,"static/chunks/pages/components/tab-bar/how-to-use-f2d647f0216d6f2d.js"],"/components/tab-bar/migration":[e,s,"static/chunks/pages/components/tab-bar/migration-5d3f91ebc6a3d8b7.js"],"/components/tab-bar/properties":[e,s,"static/chunks/pages/components/tab-bar/properties-8a549f94e94ba52c.js"],"/components/tag":[o,e,s,c,ok,of,oj,ol,ov,ox,ow,"static/chunks/pages/components/tag-4c9b424e1ff509da.js"],"/components/tag/code/Behaviour":[o,of,"static/chunks/pages/components/tag/code/Behaviour-19143bd6be7631d5.js"],"/components/tag/code/Content":[o,ol,"static/chunks/pages/components/tag/code/Content-34bc3d023af004bc.js"],"/components/tag/code/Emphasis":[o,ox,"static/chunks/pages/components/tag/code/Emphasis-7dab1d194ae9ac60.js"],"/components/tag/code/Overflow":[o,ow,"static/chunks/pages/components/tag/code/Overflow-091ed5d5fa8f8569.js"],"/components/tag/code/State":[o,oj,"static/chunks/pages/components/tag/code/State-db464b2a01d59c5b.js"],"/components/tag/code/Tonality":[o,ov,"static/chunks/pages/components/tag/code/Tonality-8231efe0539f00b7.js"],"/components/tag/code/Variant":[o,ok,"static/chunks/pages/components/tag/code/Variant-9fe97d7cc7d9672a.js"],"/components/tag/docs/Angular":[o,"static/chunks/pages/components/tag/docs/Angular-e6ded1dcbc4c0086.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-7dea6d124cd5c97c.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-d5374191eea96109.js"],"/components/tag/docs/React":[o,"static/chunks/pages/components/tag/docs/React-06ad80bb46bbb137.js"],"/components/tag/docs/Vue":[o,"static/chunks/pages/components/tag/docs/Vue-f4c2406ec49b2c83.js"],"/components/tag/examples":[e,s,"static/chunks/pages/components/tag/examples-94b36c766978c250.js"],"/components/tag/how-to-use":[o,e,s,"static/chunks/pages/components/tag/how-to-use-27bd7823c21e7522.js"],"/components/tag/migration":[e,s,"static/chunks/pages/components/tag/migration-254e556320bc15e8.js"],"/components/tag/overview":[o,e,s,c,ok,of,oj,ol,ov,ox,ow,"static/chunks/pages/components/tag/overview-583453f77a2dbe1b.js"],"/components/tag/properties":[e,s,"static/chunks/pages/components/tag/properties-2dfa857d572a5643.js"],"/components/textarea":[o,e,s,c,oT,oM,oV,oR,oA,oL,"static/chunks/pages/components/textarea-27f8191461a098d1.js"],"/components/textarea/code/Message":[o,oL,"static/chunks/pages/components/textarea/code/Message-e71aa5daeec0c240.js"],"/components/textarea/code/Requirement":[o,oV,"static/chunks/pages/components/textarea/code/Requirement-55ed41b4afd9573f.js"],"/components/textarea/code/Rows":[o,oA,"static/chunks/pages/components/textarea/code/Rows-33dceb85da5fe458.js"],"/components/textarea/code/States":[o,oM,"static/chunks/pages/components/textarea/code/States-2b0a02f98ac9622a.js"],"/components/textarea/code/Tonality":[o,oR,"static/chunks/pages/components/textarea/code/Tonality-b697d9f48c344b4f.js"],"/components/textarea/code/Variant":[o,oT,"static/chunks/pages/components/textarea/code/Variant-953bb1aa5e02dc59.js"],"/components/textarea/docs/Angular":[o,eb,"static/chunks/pages/components/textarea/docs/Angular-745a342443d2c97c.js"],"/components/textarea/docs/HTML":[o,eh,"static/chunks/pages/components/textarea/docs/HTML-453726cf77b41dd4.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-874c2a103d88e05b.js"],"/components/textarea/docs/React":[o,ek,"static/chunks/pages/components/textarea/docs/React-83a404032353d4b3.js"],"/components/textarea/docs/Vue":[o,ef,"static/chunks/pages/components/textarea/docs/Vue-96d3917adabfad61.js"],"/components/textarea/examples":[e,s,"static/chunks/pages/components/textarea/examples-613ed839ada72213.js"],"/components/textarea/how-to-use":[o,e,s,eb,ek,ef,eh,"static/chunks/pages/components/textarea/how-to-use-f4f0df776641ce43.js"],"/components/textarea/migration":[e,s,"static/chunks/pages/components/textarea/migration-451fc23f1599948b.js"],"/components/textarea/overview":[o,e,s,c,oT,oM,oV,oR,oA,oL,"static/chunks/pages/components/textarea/overview-06ae9ec0adc135d5.js"],"/components/textarea/properties":[e,s,"static/chunks/pages/components/textarea/properties-28c48658865b9c81.js"],"/foundations/colors/examples":[e,s,"static/chunks/pages/foundations/colors/examples-21008ca7ecfba656.js"],"/foundations/colors/readme":[e,s,"static/chunks/pages/foundations/colors/readme-fdcfc9e795bb696f.js"],"/foundations/icons":[e,s,"static/chunks/pages/foundations/icons-a07c916a3496bcb4.js"],"/foundations/readme":[o,e,s,"static/chunks/pages/foundations/readme-b2bbc6f563c615c2.js"],"/iframe":[oH,c,"static/chunks/pages/iframe-1cc4ebb64b830b5a.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/States","/components/input/code/Tonality","/components/input/code/Types","/components/input/code/Variant","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/radio","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/States","/components/select/code/Tonality","/components/select/code/Variant","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Message","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/States","/components/textarea/code/Tonality","/components/textarea/code/Variant","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/foundations/colors/examples","/foundations/colors/readme","/foundations/icons","/foundations/readme","/iframe"]}}("static/chunks/65a8b803-4b6c2d9a5de52286.js","static/chunks/4375-24e3912e0ab5e811.js","static/chunks/8338-20200453e43ef6e0.js","static/chunks/1963-5179bc945a4c4fac.js","static/chunks/2136-a4cfbe6ea9d7af4f.js","static/chunks/8979-322bbe399f724fc3.js","static/chunks/8965-ef2f7cee29cd5f6c.js","static/chunks/8855-8e9aca26c13003c9.js","static/chunks/3144-ee248a4e515ea170.js","static/chunks/8937-f6d664daa3bda563.js","static/chunks/2511-2423c849aace8172.js","static/chunks/7990-c9c962f0700e1e9f.js","static/chunks/4653-a1fd375c1125cbee.js","static/chunks/228-d41b7bbbde2739bf.js","static/chunks/3516-e66bc3f4297428c7.js","static/chunks/7358-d3e3615ddc0ff139.js","static/chunks/7159-a580232d3630bfec.js","static/chunks/1075-a5ec24f8e8d75a3c.js","static/chunks/211-80bd2ee4aa4503cf.js","static/chunks/1342-952973fca8ea4196.js","static/chunks/6883-cad336930e431068.js","static/chunks/9481-5945cc9ac14795bc.js","static/chunks/8852-afe8c1e8652b3b6e.js","static/chunks/1676-727c8b86f73f41f0.js","static/chunks/7229-40e1c37922ae033c.js","static/chunks/5544-e14b7141d43cd7da.js","static/chunks/9983-180b806b09837d1d.js","static/chunks/6448-34df133451fdd3d4.js","static/chunks/3672-b2695c4431e43fec.js","static/chunks/8051-e859b5201abfb1ef.js","static/chunks/9126-cf264a9b219d5109.js","static/chunks/6061-30c0421c92e624d7.js","static/chunks/739-c6cd9c0bbda85ef4.js","static/chunks/344-b4612f9fc5a95c57.js","static/chunks/4336-d1b7ab654c03aac9.js","static/chunks/330-4612317a58d94536.js","static/chunks/6318-b09ac64643a8e125.js","static/chunks/700-6a813b915548ce49.js","static/chunks/3960-97a7367672a21640.js","static/chunks/997-ae6705b588b43ff1.js","static/chunks/4640-852e156e5879dfb2.js","static/chunks/9303-b7cfa80446e816a5.js","static/chunks/6180-f3b84551c1b205be.js","static/chunks/107-05581419344a33b3.js","static/chunks/7852-2d03ee0cde01f020.js","static/chunks/8331-34d6ea4a4889d1a8.js","static/chunks/9470-7ae9699224ed5842.js","static/chunks/7056-f60d90e051517afd.js","static/chunks/7037-7f639a034cbea6dc.js","static/chunks/5675-75ef4eb601c73844.js","static/chunks/3898-79662c80ca1bd1f4.js","static/chunks/4862-7e783e07242f8a1f.js","static/chunks/2500-a63f58f2158d4a53.js","static/chunks/8797-10af50b97a7c96ae.js","static/chunks/9401-04638ce149bdeb6d.js","static/chunks/6058-3a98141bd06e7821.js","static/chunks/3359-0da1380651fbdc11.js","static/chunks/78-3d734f737312cbda.js","static/chunks/6186-c8891344e76b3f66.js","static/chunks/518-5c076fc96af60465.js","static/chunks/112-5044d5cf7226dbc8.js","static/chunks/4435-43fd73f8d640c94f.js","static/chunks/8163-c940f16dae0400cb.js","static/chunks/7577-0f47a055302e30d1.js","static/chunks/9954-8690ca915b1e2692.js","static/chunks/5917-441ec7b2b0063bf6.js","static/chunks/1127-56b9d2e21ca1cb74.js","static/chunks/1424-4c1280ed4bb1b5f1.js","static/chunks/9426-f2b8bec09fd7727c.js","static/chunks/4018-9744926427691401.js","static/chunks/2576-2706101ab0958afd.js","static/chunks/6388-98cacd5497f5cce1.js","static/chunks/4429-9c4922299f0d742c.js","static/chunks/4183-2548fa68499abb22.js","static/chunks/1336-945047a9e625d65c.js","static/chunks/7559-d5335cafb77a3165.js","static/chunks/7453-602a341957fb2b62.js","static/chunks/8606-530167fadc736586.js","static/chunks/2589-bf93b000999d8f42.js","static/chunks/7136-5f77e95fc8c007cb.js","static/chunks/4456-dc20e186a9c9d0d3.js","static/chunks/4260-018df55cff5c52d3.js","static/chunks/1766-eb56a3af44c34e6a.js","static/chunks/8834-98973051abdcb499.js","static/chunks/2236-74452abd609d66b2.js","static/chunks/3544-c4adfee520138b27.js","static/chunks/6717-ce9ed5a57901a358.js","static/chunks/7977-965448c3450ae351.js","static/chunks/3862-51c52a84e59ca9b0.js","static/chunks/6299-7f3f38a223294f81.js","static/chunks/8841-e2e08ea144f9e77a.js","static/chunks/7047-6d4bdd2b8ecb195e.js","static/chunks/203-8bf0e0dd47ea519b.js","static/chunks/3314-e04291a4d9926246.js","static/chunks/9301-85a5ffe674478f19.js","static/chunks/4197-119722d9c0b7c8e7.js","static/chunks/8644-78d5c1d48e8ccb91.js","static/chunks/8282-5ea455da9696caf8.js","static/chunks/6103-479b49cd8ebe9bbe.js","static/chunks/2423-f0f4a36a1dfdd34b.js","static/chunks/6117-9873fae3f4e4a067.js","static/chunks/9721-1492f1686c4e32c8.js","static/chunks/2906-833246696f338fd7.js","static/chunks/5685-e7b347354669f6aa.js","static/chunks/1864-e9dfe69cb5b305ba.js","static/chunks/7651-c9cb1c5b9cad7116.js","static/chunks/1542-1d6bdb74cd7deed6.js","static/chunks/6199-3f91688950a1a710.js","static/chunks/9556-37c2daa5a382db96.js","static/chunks/2158-e6b764af0cdd8940.js","static/chunks/9854-e36c38d9ee43d125.js","static/chunks/363-47f39c2da30dde73.js","static/chunks/4725-9cba7b98bcdbfe8a.js","static/chunks/715-943a08f6232ea4f1.js","static/chunks/327-1eecf1d57d37932c.js","static/chunks/185-51f07cf43af680f7.js","static/chunks/8909-ecc23d29a48e4be7.js","static/chunks/7906-0af15391f06d1844.js","static/chunks/7272-32cf1f7ee5103196.js","static/chunks/3264-67ec8daad6d7d30a.js","static/chunks/9100-c0749fa9fbd37301.js","static/chunks/492-0a6a22868f9400c8.js","static/chunks/2418-4fffc4fa345d2ad0.js","static/chunks/1785-ee586c59767d4dfa.js","static/chunks/5216-b559a2888cfa3454.js","static/chunks/475-6b7e1270864f63d9.js","static/chunks/2265-2fcd951c6dff0e2e.js","static/chunks/8489-ece91d2a074705bf.js","static/chunks/1355-6279183a07980c04.js","static/chunks/3497-3db14f300bdf7555.js","static/chunks/6914-a9e3b4b6253b4e87.js","static/chunks/8721-5822a15ec8f36210.js","static/chunks/8159-8b47a29fd8982f56.js","static/chunks/2951-ed5f7da984fa9a6f.js","static/chunks/8818-267880e7e14c93eb.js","static/chunks/9109-7d8afbbba5572a83.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_ssgManifest.js b/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_ssgManifest.js
deleted file mode 100644
index 0511aa895e5..00000000000
--- a/version/v0.0.54/_next/static/Jdfa0UGIZ8bsbgYoIMU6O/_ssgManifest.js
+++ /dev/null
@@ -1 +0,0 @@
-self.__SSG_MANIFEST=new Set,self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB();
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/107-05581419344a33b3.js b/version/v0.0.54/_next/static/chunks/107-05581419344a33b3.js
deleted file mode 100644
index 06377d375c5..00000000000
--- a/version/v0.0.54/_next/static/chunks/107-05581419344a33b3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[107],{70107:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1075-a5ec24f8e8d75a3c.js b/version/v0.0.54/_next/static/chunks/1075-a5ec24f8e8d75a3c.js
deleted file mode 100644
index 0e688768f0b..00000000000
--- a/version/v0.0.54/_next/static/chunks/1075-a5ec24f8e8d75a3c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1075],{71075:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/112-5044d5cf7226dbc8.js b/version/v0.0.54/_next/static/chunks/112-5044d5cf7226dbc8.js
deleted file mode 100644
index d0e49efdfca..00000000000
--- a/version/v0.0.54/_next/static/chunks/112-5044d5cf7226dbc8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[112],{30112:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"SpecialState",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled checked value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled-checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"SpecialState",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" :checked="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled-checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"SpecialState",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled checked value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled-checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"SpecialState",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" :checked="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled-checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1127-56b9d2e21ca1cb74.js b/version/v0.0.54/_next/static/chunks/1127-56b9d2e21ca1cb74.js
deleted file mode 100644
index 49e08161f07..00000000000
--- a/version/v0.0.54/_next/static/chunks/1127-56b9d2e21ca1cb74.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1127],{21127:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function r(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Default",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Default",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With value",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With value",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Option 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With value",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With value",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Option 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" :required=\"true\">Required",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" :required=\"true\">Required",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":disabled=\"true\" :options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Disabled",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":disabled=\"true\" :options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Disabled",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled + value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled + value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled + value",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Disabled + value",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Option 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled + value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled + value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled + value",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Disabled + value",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Option 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled + value",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Optgroup",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" {",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup 1",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" },",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" { ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" },',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Optgroup 1','options':[{'value':'Option 1'},{'value':'Option 2'}]},{'value':'Option 2'}]\">Optgroup",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Optgroup",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" {",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup 1",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" },",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" { ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" },',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Optgroup",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Optgroup 1','options':[{'value':'Option 1'},{'value':'Option 2'}]},{'value':'Option 2'}]\">Optgroup",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Optgroup",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(r,o)})):r(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1336-945047a9e625d65c.js b/version/v0.0.54/_next/static/chunks/1336-945047a9e625d65c.js
deleted file mode 100644
index abec1289c34..00000000000
--- a/version/v0.0.54/_next/static/chunks/1336-945047a9e625d65c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1336],{51336:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1342-952973fca8ea4196.js b/version/v0.0.54/_next/static/chunks/1342-952973fca8ea4196.js
deleted file mode 100644
index c3fea5c260f..00000000000
--- a/version/v0.0.54/_next/static/chunks/1342-952973fca8ea4196.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1342],{71342:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1355-6279183a07980c04.js b/version/v0.0.54/_next/static/chunks/1355-6279183a07980c04.js
deleted file mode 100644
index 50331ef15e9..00000000000
--- a/version/v0.0.54/_next/static/chunks/1355-6279183a07980c04.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1355],{81355:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelectModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelectModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1424-4c1280ed4bb1b5f1.js b/version/v0.0.54/_next/static/chunks/1424-4c1280ed4bb1b5f1.js
deleted file mode 100644
index 0376ef16a96..00000000000
--- a/version/v0.0.54/_next/static/chunks/1424-4c1280ed4bb1b5f1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1424],{11424:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Adaptive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Adaptive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1542-1d6bdb74cd7deed6.js b/version/v0.0.54/_next/static/chunks/1542-1d6bdb74cd7deed6.js
deleted file mode 100644
index 522f4c3dd13..00000000000
--- a/version/v0.0.54/_next/static/chunks/1542-1d6bdb74cd7deed6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1542],{81542:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",code:"code",blockquote:"blockquote"},(0,s.ah)(),o.components);return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally within ",(0,n.jsx)(t.code,{children:"styles.scss"})," in your app:"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-webpack",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["Load component within ",(0,n.jsx)(t.code,{children:"app.module.ts"}),":"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInputModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBInputModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Use component in template:"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Description",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" (change)",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"onInputChange()",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with reactive Forms:"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Currently we do not support onTouch/touched and native validation via FormControl. If your interested in contributing, you're very welcome ;)"}),"\n"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" …",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [ ",props:{style:{color:"#D8DEE9FF"}}},{content:"ReactiveFormsModule",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" …]",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"input's value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:' {{ form.get("input")?.value ? form.get("input")?.value : "No Input set"',props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }}",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" form ",props:{style:{color:"#D8DEE9FF"}}},{content:"= new ",props:{style:{color:"#81A1C1"}}},{content:"FormGroup",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" input",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"new ",props:{style:{color:"#81A1C1"}}},{content:"FormControl",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled with formControl",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" onFormSubmit",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"form",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Template driven Forms"}),"\n",(0,n.jsx)(t.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with ngModel:"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" …",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [ ",props:{style:{color:"#D8DEE9FF"}}},{content:"FormsModule",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" …]",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"input's value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:'{{ input ? input : "No Input set" }}',props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" input ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"input",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"input ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"typescript"},annotations:[]}]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1676-727c8b86f73f41f0.js b/version/v0.0.54/_next/static/chunks/1676-727c8b86f73f41f0.js
deleted file mode 100644
index cdc53f5c111..00000000000
--- a/version/v0.0.54/_next/static/chunks/1676-727c8b86f73f41f0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1676],{31676:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1766-eb56a3af44c34e6a.js b/version/v0.0.54/_next/static/chunks/1766-eb56a3af44c34e6a.js
deleted file mode 100644
index 86a02ff301f..00000000000
--- a/version/v0.0.54/_next/static/chunks/1766-eb56a3af44c34e6a.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1766],{61766:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Basic (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1785-ee586c59767d4dfa.js b/version/v0.0.54/_next/static/chunks/1785-ee586c59767d4dfa.js
deleted file mode 100644
index 5034ff33017..00000000000
--- a/version/v0.0.54/_next/static/chunks/1785-ee586c59767d4dfa.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1785],{21785:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,s.ah)(),o.components);return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadioModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadioModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-app",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" radioNames ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Template Driven Forms"}),"\n",(0,n.jsxs)(t.p,{children:["Third party controls require a ",(0,n.jsx)(t.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,n.jsx)(t.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,n.jsx)(t.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"// app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" …",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [ ",props:{style:{color:"#D8DEE9FF"}}},{content:"FormsModule",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" …]",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["form.component.html"],active:"form.component.html",heightRatio:1},files:[{name:"form.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"radio's value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:'{{ radio ? radio : "No radio set" }}',props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["form.component.ts"],active:"form.component.ts",heightRatio:1},files:[{name:"form.component.ts",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"radio ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/185-51f07cf43af680f7.js b/version/v0.0.54/_next/static/chunks/185-51f07cf43af680f7.js
deleted file mode 100644
index 217b4b6354d..00000000000
--- a/version/v0.0.54/_next/static/chunks/185-51f07cf43af680f7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{10185:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:":active",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:":active",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:":active",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:":disabled",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1864-e9dfe69cb5b305ba.js b/version/v0.0.54/_next/static/chunks/1864-e9dfe69cb5b305ba.js
deleted file mode 100644
index ce1e5697ba3..00000000000
--- a/version/v0.0.54/_next/static/chunks/1864-e9dfe69cb5b305ba.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1864],{41864:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,r.ah)(),o.components);return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"Simple"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"slot",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"brand",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"Full"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader ",props:{style:{color:"#D8DEE9"}}},{content:":drawerOpen",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"drawerOpen",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":onToggle",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"toggleDrawer",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:" My Awesome App ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":no-text",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":no-text",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Profile",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":no-text",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Notification",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"help",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":no-text",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Help",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Imprint",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Help",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/1963-5179bc945a4c4fac.js b/version/v0.0.54/_next/static/chunks/1963-5179bc945a4c4fac.js
deleted file mode 100644
index f7e190db079..00000000000
--- a/version/v0.0.54/_next/static/chunks/1963-5179bc945a4c4fac.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1963],{13524:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(8490);let s=(0,l.forwardRef)(function(e,n){let[a,s]=(0,l.useState)(()=>r.IY),[d,o]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{s(e.id||"accordion-item-"+(0,i.Vj)()),e.stylePath&&o(e.stylePath)},[]),(0,t.jsxs)("details",{ref:n,id:a,className:(0,i.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:e.open,children:[d?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:d})}):null,(0,t.jsxs)("summary",{onClick:n=>{null==n||n.preventDefault(),e.onToggle&&e.onToggle(!e.open)},children:[e.title?(0,t.jsx)(t.Fragment,{children:e.title}):null,e.title?null:(0,t.jsx)(t.Fragment,{children:e.slotTitle})]}),(0,t.jsxs)("div",{children:[e.content?(0,t.jsx)(t.Fragment,{children:e.content}):null,e.content?null:(0,t.jsx)(t.Fragment,{children:e.children})]})]})});n.Z=s},578:function(e,n,a){a.d(n,{k:function(){return t.Z}});var t=a(13524)},46938:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(578);let s=(0,l.forwardRef)(function(e,n){var a;let s=(0,l.useRef)(n),[d,o]=(0,l.useState)(()=>[]),[c,u]=(0,l.useState)(()=>""),[h,f]=(0,l.useState)(()=>!1),[v,m]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&m(e.stylePath),f(!0)},[]),(0,l.useEffect)(()=>{if(s.current&&h){let n=s.current.getElementsByTagName("details");if(n){let a=[];Array.from(n).forEach(e=>{let n=e.id;e.open&&a.push(n);let t=e.getElementsByTagName("summary");(null==t?void 0:t.length)>0&&t[0].addEventListener("click",()=>{u(n)})}),"single"===e.behaviour&&a.length>1&&(a=[a[0]]),o(a)}f(!1)}},[s.current,h]),(0,l.useEffect)(()=>{(null==c?void 0:c.length)>0&&(d.includes(c)?"single"===e.behaviour?o([]):o(d.filter(e=>e!==c)):"single"===e.behaviour?o([c]):o([...d,c]),e.onChange&&e.onChange(d),u(""))},[c]),(0,l.useEffect)(()=>{if(null==s?void 0:s.current){let e=s.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,t.jsxs)("div",{ref:s,id:e.id,className:(0,i.yI)("db-accordion",e.className),children:[v?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:v})}):null,e.items?null:(0,t.jsx)(t.Fragment,{children:e.children}),e.items?(0,t.jsx)(t.Fragment,{children:null===(a=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===a?void 0:a.map((e,n)=>(0,t.jsx)(r.k,{title:e.title,disabled:e.disabled,content:e.content},"accordion-item-".concat(e.title,"-").concat(n)))}):null]})});n.Z=s},4312:function(e,n,a){var t=a(52322),l=a(2784),i=a(94938),r=a(9076),s=a(8490),d=a(7070);let o=(0,l.forwardRef)(function(e,n){var a;let[o,c]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&c(e.stylePath)},[]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,d.yI)("db-alert",e.className),"aria-live":e.ariaLive,"data-variant":e.variant,"data-type":e.type,"data-icon":e.icon,"data-elevation":e.elevation,children:[o?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:o})}):null,e.headline?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("strong",{className:"db-alert-headline",children:e.headline})}):null,(0,t.jsx)("p",{className:"db-alert-content",children:e.children}),e.link?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(r.v,{variant:"inline",className:"db-alert-link",href:e.link.href,target:e.link.target,rel:e.link.rel,role:e.link.role,disabled:e.link.disabled,selected:e.link.selected,label:e.link.label,hreflang:e.link.hreflang,current:e.link.current,text:e.link.text})}):null,"permanent"!==e.behaviour?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.Y,{icon:"close",variant:"text",size:"small",className:"db-alert-close",id:e.closeButtonId,noText:!0,onClick:n=>{e.onClick&&e.onClick(n)},children:null!==(a=e.closeButtonText)&&void 0!==a?a:s.ce})}):null]})});n.Z=o},53213:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("span",{ref:n,id:e.id,className:(0,i.yI)("db-badge",e.className),"data-variant":e.variant,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=r},74938:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){var a,r,s,d,o;let[c,u]=(0,l.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[h,f]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&f(e.stylePath)},[]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,i.yI)("db-brand",e.className),children:[h?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:h})}):null,(0,t.jsxs)("a",{href:null!==(a=e.anchorRef)&&void 0!==a?a:c.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("img",{className:"db-logo",src:null!==(r=e.imgSrc)&&void 0!==r?r:c.src,alt:null!==(s=e.imgAlt)&&void 0!==s?s:"",height:null!==(d=e.imgHeight)&&void 0!==d?d:c.height,width:null!==(o=e.imgWidth)&&void 0!==o?o:c.width})}),e.anchorChildren?(0,t.jsx)(t.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,t.jsx)(t.Fragment,{children:e.children})]})});n.Z=r},96889:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("button",{id:e.id,ref:n,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=r},94938:function(e,n,a){a.d(n,{Y:function(){return t.Z}});var t=a(96889)},54728:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,i.yI)("db-card",e.className),"data-variant":e.variant,"data-color-variant":e.colorVariant,"data-elevation":e.elevation,"data-spacing":e.spacing,onClick:n=>{e.onClick&&e.onClick(n)},children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.imgSrc?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("img",{className:"db-card-image",src:e.imgSrc,alt:e.imgAlt,height:e.imgHeight,width:e.imgWidth})}):null,e.children]})});n.Z=r},34786:function(e,n,a){a.d(n,{f:function(){return t.Z}});var t=a(54728)},27818:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(8490);let s=(0,l.forwardRef)(function(e,n){let[a,s]=(0,l.useState)(()=>!1),[d,o]=(0,l.useState)(()=>r.IY),[c,u]=(0,l.useState)(()=>void 0),[h,f]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{s(!0),o(e.id||"checkbox-"+(0,i.Vj)()),e.stylePath&&f(e.stylePath)},[]),(0,l.useEffect)(()=>{if(a&&document&&d){var n;let a=null===(n=document)||void 0===n?void 0:n.getElementById(d);a&&(void 0!=e.checked&&(a.checked=e.checked),void 0!==e.indeterminate&&(a.indeterminate=e.indeterminate),void 0!==e.defaultChecked&&(a.defaultChecked=e.defaultChecked))}},[a,e.indeterminate,e.checked,e.defaultChecked]),(0,t.jsxs)(t.Fragment,{children:[h?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:h})}):null,(0,t.jsx)("input",{type:"checkbox",ref:n,className:(0,i.yI)("db-checkbox",e.className),id:d,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,"data-size":e.size,required:e.required,onChange:n=>{var a,t,l,i,r,s;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(t=n.target)||void 0===t?void 0:null===(a=t.validity)||void 0===a?void 0:a.valid)!=c&&(u(null===(i=n.target)||void 0===i?void 0:null===(l=i.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(r=s.validity)||void 0===r?void 0:r.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)}}),(0,t.jsxs)("label",{htmlFor:d,children:[e.label?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{children:e.label})}):null,e.children]})]})});n.Z=s},63172:function(e,n,a){var t=a(52322),l=a(2784),i=a(34786),r=a(7070);let s=(0,l.forwardRef)(function(e,n){var a,s;let[d,o]=(0,l.useState)(()=>!1),[c,u]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&u(e.stylePath)},[]),(0,t.jsxs)(i.f,{elevation:"none",ref:n,className:(0,r.yI)("db-code-docs",e.className),children:[c?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:c})}):null,e.children,(0,t.jsxs)("details",{className:"code-details",onToggle:e=>void o(!d),children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"primary",children:d?null!==(a=e.hideCodeLabel)&&void 0!==a?a:"Hide Code":null!==(s=e.showCodeLabel)&&void 0!==s?s:"Show Code"}),(0,t.jsx)("div",{className:"db-ui-functional code",children:e.slotCode})]})]})});n.Z=s},5907:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsx)("div",{ref:n,id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,i.yI)("db-divider",e.className),children:a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null})});n.Z=r},37008:function(e,n,a){var t=a(52322),l=a(2784),i=a(94938),r=a(8490),s=a(7070);let d=(0,l.forwardRef)(function(e,n){var a;let d=(0,l.useRef)(n),o=(0,l.useRef)(null),[c,u]=(0,l.useState)(()=>r.IY);function h(n){"Escape"===n.key&&n.preventDefault(),("close"===n||"Escape"===n.key||"DIALOG"===n.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function f(){d.current&&(e.open&&!d.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}let[v,m]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{u(e.id||"drawer-"+(0,s.Vj)()),e.stylePath&&m(e.stylePath),f()},[]),(0,l.useEffect)(()=>{f()},[e.open]),(0,t.jsxs)("dialog",{className:"db-drawer",id:c,ref:d,onClick:e=>{h(e)},onKeyDown:e=>h(e),"data-backdrop":e.backdrop,children:[v?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:v})}):null,(0,t.jsxs)("article",{ref:o,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,t.jsxs)("header",{className:"db-drawer-header",children:[(0,t.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.Y,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>h("close"),children:null!==(a=e.closeButtonText)&&void 0!==a?a:r.ce})}):null]}),(0,t.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})});n.Z=d},19571:function(e,n,a){a.d(n,{T:function(){return t.Z}});var t=a(37008)},32046:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(94938),s=a(19571),d=a(8490);let o=(0,l.forwardRef)(function(e,n){var a;let[o,c]=(0,l.useState)(()=>d.IY),[u,h]=(0,l.useState)(()=>!1),[f,v]=(0,l.useState)(()=>!1),[m,g]=(0,l.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function x(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[b,j]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{h(!0),c(e.id||"header-"+(0,i.Vj)()),e.stylePath&&j(e.stylePath)},[]),(0,l.useEffect)(()=>{if(u&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,i.yn)(e,{key:"force-mobile",value:""}),v(!0)}},[u]),(0,t.jsxs)("header",{ref:n,className:(0,i.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!f,children:[b?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:b})}):null,(0,t.jsxs)(s.T,{"data-hide-on":"desktop",spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>x(),children:[(0,t.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,t.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,t.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,t.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,t.jsx)("div",{className:"db-header-meta-navigation","data-hide-on":"mobile",children:e.slotMetaNavigation}),(0,t.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,t.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,t.jsxs)("div",{className:"db-header-navigation-container",children:[(0,t.jsx)("div",{className:"db-header-navigation","data-hide-on":"mobile",children:e.children}),(0,t.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,t.jsxs)("div",{className:"db-header-action-container",children:[(0,t.jsx)("div",{"data-hide-on":"desktop",children:(0,t.jsx)(r.Y,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>x(),children:null!==(a=e.burgerMenuLabel)&&void 0!==a?a:m.burgerMenuLabel})}),(0,t.jsx)("div",{className:"db-header-action-bar","data-hide-on":"mobile",children:e.slotActionBar})]})]})]})});n.Z=o},648:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("span",{"aria-hidden":"true",ref:n,id:e.id,className:(0,i.yI)("db-icon",e.className),"data-icon":e.icon,title:e.title,children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=r},16510:function(e,n,a){a.d(n,{P:function(){return t.Z}});var t=a(648)},6272:function(e,n,a){a.d(n,{E:function(){return t.Z}});var t=a(40816)},40816:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("span",{ref:n,id:e.id,className:(0,i.yI)("db-infotext",e.className),title:e.title,"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=r},36655:function(e,n,a){var t=a(52322),l=a(2784),i=a(16510),r=a(7070),s=a(8490),d=a(6272);let o=(0,l.forwardRef)(function(e,n){var a,o,c;let[u,h]=(0,l.useState)(()=>s.IY),[f,v]=(0,l.useState)(()=>s.IY+s.Kn),[m,g]=(0,l.useState)(()=>void 0),[x,b]=(0,l.useState)(()=>s.IY),[j,y]=(0,l.useState)(()=>({label:s.SU,placeholder:" "}));function p(e){return!!(e&&"_"!==e&&"none"!==e)}let[N,k]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{h(e.id||"input-"+(0,r.Vj)()),v(u+s.Kn),b(e.dataListId||"datalist-".concat((0,r.Vj)())),e.stylePath&&k(e.stylePath)},[]),(0,t.jsxs)("div",{className:(0,r.yI)("db-input",e.className),"data-variant":e.variant,children:[N?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:N})}):null,p(e.icon)?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.P,{className:"icon-before",icon:e.icon})}):null,(0,t.jsx)("input",{ref:n,id:u,name:e.name,type:e.type||"text",placeholder:null!==(o=e.placeholder)&&void 0!==o?o:j.placeholder,"aria-labelledby":u+"-label",disabled:e.disabled,required:e.required,defaultValue:e.defaultValue,step:e.step,value:e.value,"aria-invalid":e.invalid,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,autoComplete:e.autoComplete,autoFocus:e.autoFocus,pattern:e.pattern,onChange:n=>{var a,t,l,i,r,s;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(t=n.target)||void 0===t?void 0:null===(a=t.validity)||void 0===a?void 0:a.valid)!=m&&(g(null===(i=n.target)||void 0===i?void 0:null===(l=i.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(r=s.validity)||void 0===r?void 0:r.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},list:e.dataList&&x,"aria-describedby":e.message&&f}),(0,t.jsx)("label",{"aria-hidden":"true",htmlFor:u,id:u+"-label",children:(0,t.jsx)("span",{children:null!==(c=e.label)&&void 0!==c?c:j.label})}),p(e.iconAfter)?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.P,{className:"icon-after",icon:e.iconAfter})}):null,e.dataList?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("datalist",{id:x,children:null===(a=e.dataList)||void 0===a?void 0:a.map(e=>(0,t.jsx)("option",{value:e.key,children:e.value},x+"-option-"+e.key))})}):null,e.children,e.message?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(d.E,{size:"small",variant:e.variant,icon:(0,r.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})});n.Z=o},9076:function(e,n,a){a.d(n,{v:function(){return t.Z}});var t=a(87224)},87224:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("a",{ref:n,id:e.id,className:(0,i.yI)("db-link",e.className),href:e.href,title:e.title,target:e.target,rel:e.rel,role:e.role,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,hrefLang:e.hreflang,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:n=>{e.onClick&&e.onClick(n)},children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,e.text?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{children:e.text})}):null,e.children]})});n.Z=r},74570:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("nav",{ref:n,id:e.id,className:(0,i.yI)("db-main-navigation",e.className),children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,(0,t.jsx)("menu",{children:e.children})]})});n.Z=r},21191:function(e,n,a){var t=a(52322),l=a(2784),i=a(94938),r=a(7070),s=a(8490);let d=(0,l.forwardRef)(function(e,n){var a;let[d,o]=(0,l.useState)(()=>!1),[c,u]=(0,l.useState)(()=>!1),[h,f]=(0,l.useState)(()=>!0),[v,m]=(0,l.useState)(()=>!1),[g,x]=(0,l.useState)(()=>"sub-navigation-"+(0,r.Vj)()),[b,j]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{o(!0),e.stylePath&&j(e.stylePath)},[]),(0,l.useEffect)(()=>{void 0!==e.subNavigationExpanded&&m(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,l.useEffect)(()=>{if(void 0!==e.areaPopup)u(e.areaPopup),f(c);else if(d&&document&&g){var n;let e=null===(n=document)||void 0===n?void 0:n.getElementById(g);if(e){let n=e.children;(null==n?void 0:n.length)>0?u(!0):f(!1)}}},[d,e.areaPopup]),(0,t.jsxs)("li",{ref:n,id:e.id,className:(0,r.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:b})}):null,h?null:(0,t.jsx)(t.Fragment,{children:e.children}),h?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":c,"aria-expanded":v,disabled:e.disabled,onClick:n=>{e.onClick&&e.onClick(n),c&&m(!0)},children:e.children}),(0,t.jsxs)("menu",{className:"db-sub-navigation",id:g,children:[c?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{className:"db-mobile-navigation-back",children:(0,t.jsx)(i.Y,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),m(!1)},children:null!==(a=e.backButtonText)&&void 0!==a?a:s.YP})})}):null,e.slotSubNavigation]})]}):null]})});n.Z=d},51923:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>!1),[s,d]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{r(!e.fadeIn),e.stylePath&&d(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{r(!0)}):r(!0)},[]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,i.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":a,children:[s?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:s})}):null,e.slotHeader,(0,t.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});n.Z=r},53048:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(8490);let s=(0,l.forwardRef)(function(e,n){let[a,s]=(0,l.useState)(()=>!1),[d,o]=(0,l.useState)(()=>r.IY),[c,u]=(0,l.useState)(()=>void 0),[h,f]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{s(!0),o(e.id||"radio-"+(0,i.Vj)()),e.stylePath&&f(e.stylePath)},[]),(0,l.useEffect)(()=>{if(e.checked&&a&&document&&d){var n;let e=null===(n=document)||void 0===n?void 0:n.getElementById(d);e&&(e.checked=!0,s(!1))}},[a]),(0,t.jsxs)(t.Fragment,{children:[h?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:h})}):null,(0,t.jsx)("input",{type:"radio",ref:n,className:(0,i.yI)("db-radio",e.className),id:d,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,"data-size":e.size,value:e.value,required:e.required,onChange:n=>{var a,t,l,i,r,s;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(t=n.target)||void 0===t?void 0:null===(a=t.validity)||void 0===a?void 0:a.valid)!=c&&(u(null===(i=n.target)||void 0===i?void 0:null===(l=i.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(r=s.validity)||void 0===r?void 0:r.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)}}),(0,t.jsxs)("label",{htmlFor:d,children:[e.label?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{children:e.label})}):null,e.children]})]})});n.Z=s},67014:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070);let r=(0,l.forwardRef)(function(e,n){let[a,r]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&r(e.stylePath)},[]),(0,t.jsxs)("section",{ref:n,id:e.id,"data-size":e.size||"medium",className:(0,i.yI)("db-section",e.className),children:[a?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:a})}):null,(0,t.jsx)("div",{"data-variant":e.variant,children:e.children})]})});n.Z=r},42492:function(e,n,a){var t=a(52322),l=a(2784),i=a(7070),r=a(8490),s=a(6272);let d=(0,l.forwardRef)(function(e,n){var a,d;let[o,c]=(0,l.useState)(()=>r.IY),[u,h]=(0,l.useState)(()=>r.IY+r.Kn),[f,v]=(0,l.useState)(()=>void 0),[m,g]=(0,l.useState)(()=>void 0);function x(e){var n;return null!==(n=e.label)&&void 0!==n?n:e.value.toString()}let[b,j]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{c(e.id||"select-"+(0,i.Vj)()),h(o+r.Kn),e.value&&g(e.value),e.stylePath&&j(e.stylePath)},[]),(0,l.useEffect)(()=>{e.value&&g(e.value)},[e.value]),(0,t.jsxs)("div",{className:(0,i.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[b?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:b})}):null,(0,t.jsxs)("select",{ref:n,"data-value":e.value||m,"aria-invalid":e.invalid,required:e.required,disabled:e.disabled,id:o,name:e.name,value:e.value||m,onClick:n=>{e.onClick&&e.onClick(n)},onChange:n=>{var a,t,l,i,r,s;e.onChange&&e.onChange(n),e.change&&e.change(n),g(n.target.value),(null===(t=n.target)||void 0===t?void 0:null===(a=t.validity)||void 0===a?void 0:a.valid)!=f&&(v(null===(i=n.target)||void 0===i?void 0:null===(l=i.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(r=s.validity)||void 0===r?void 0:r.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},"aria-describedby":e.message&&u,children:[(0,t.jsx)("option",{hidden:!0}),e.options?(0,t.jsx)(t.Fragment,{children:null===(a=e.options)||void 0===a?void 0:a.map(e=>{var n;return(0,t.jsxs)(t.Fragment,{children:[e.options?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("optgroup",{label:x(e),children:null===(n=e.options)||void 0===n?void 0:n.map(e=>(0,t.jsx)("option",{value:e.value,disabled:e.disabled,children:x(e)},"option-"+e.value))},"optgroup-"+e.value)}):null,e.options?null:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("option",{value:e.value,disabled:e.disabled,children:x(e)},"option-"+e.value)})]})})}):null,e.children]}),(0,t.jsx)("label",{htmlFor:o,children:null!==(d=e.label)&&void 0!==d?d:r.SU}),e.message?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(s.E,{size:"small",variant:e.variant,icon:(0,i.mT)(e.variant,e.messageIcon),id:u,children:e.message})}):null]})});n.Z=d},14870:function(e,n,a){var t=a(52322),l=a(2784),i=a(55136),r=a(7070);let s=(0,l.forwardRef)(function(e,n){var a;let[s,d]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&d(e.stylePath)},[]),(0,t.jsxs)("div",{role:"tablist",ref:n,id:e.id,className:(0,r.yI)("cmp-tab-bar",e.className),children:[s?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:s})}):null,e.tabs?(0,t.jsx)(t.Fragment,{children:null===(a=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.tabs))||void 0===a?void 0:a.map(e=>(0,t.jsx)(i.Q,{name:e.name,active:e.active,label:e.label,content:e.content,children:e.children},e.name))}):null,e.children]})});n.Z=s},55136:function(e,n,a){a.d(n,{Q:function(){return t.Z}});var t=a(83437)},83437:function(e,n,a){var t=a(52322),l=a(2784),i=a(8490),r=a(7070);let s=(0,l.forwardRef)(function(e,n){let a=(0,l.useRef)(null),[s,d]=(0,l.useState)(()=>i.IY),[o,c]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{if(d((0,r.Vj)()),e.stylePath&&c(e.stylePath),e.active){var n;null===(n=a.current)||void 0===n||n.click()}},[]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,r.yI)("db-tab",e.className),children:[o?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:o})}):null,(0,t.jsx)("input",{type:"radio",ref:a,name:e.name,id:s}),(0,t.jsx)("label",{role:"tab",htmlFor:s,children:e.label}),(0,t.jsxs)("section",{role:"tabpanel",id:"content-"+s,children:[e.content?(0,t.jsx)(t.Fragment,{children:e.content}):null,e.children]})]})});n.Z=s},35524:function(e,n,a){var t=a(52322),l=a(2784),i=a(94938),r=a(7070),s=a(8490);let d=(0,l.forwardRef)(function(e,n){let[a,d]=(0,l.useState)(()=>!1),[o,c]=(0,l.useState)(()=>s.IY),[u,h]=(0,l.useState)(()=>void 0);function f(){return e.removeButton?e.removeButton:"Remove tag"}function v(){return!!e.behaviour&&e.behaviour.includes("interactive")}let[m,g]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{d(!0),c(e.id||"tag-"+(0,r.Vj)()),e.stylePath&&g(e.stylePath)},[]),(0,l.useEffect)(()=>{if(e.checked&&a&&document&&o){var n;let e=null===(n=document)||void 0===n?void 0:n.getElementById(o);e&&(e.checked=!0,d(!1))}},[a]),(0,t.jsxs)("div",{ref:n,id:e.id,className:(0,r.yI)("db-tag",e.className),tabIndex:function(){var n;if(!e.disabled)return null!==(n=e.tabIndex)&&void 0!==n?n:void 0}(),"data-interactive":v(),"data-disabled":e.disabled,"data-variant":e.variant,"data-emphasis":e.emphasis,children:[m?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:m})}):null,v()?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("input",{id:o,type:"interactive-unique"===e.behaviour?"radio":"checkbox",checked:e.checked,name:e.name,value:e.value,disabled:e.disabled,required:e.required,"aria-invalid":e.invalid,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n)}}),(0,t.jsx)("label",{className:(0,r.yI)("tag-label",{"is-icon-text-replace":e.noText}),htmlFor:o,"data-icon":e.icon,"data-overflow":e.overflow,children:e.children})]}):(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("span",{className:(0,r.yI)("tag-label",{"is-icon-text-replace":e.noText}),"data-icon":e.icon,"data-overflow":e.overflow,children:e.children})}),"removable"===e.behaviour?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.Y,{icon:"close",size:"small",variant:"text",onClick:n=>void(e.onRemove&&e.onRemove()),noText:!0,title:f(),children:f()})}):null]})});n.Z=d},7484:function(e,n,a){var t=a(52322),l=a(2784),i=a(6272),r=a(7070),s=a(8490);let d=(0,l.forwardRef)(function(e,n){var a,d,o,c;let[u,h]=(0,l.useState)(()=>s.IY),[f,v]=(0,l.useState)(()=>s.IY+s.Kn),[m,g]=(0,l.useState)(()=>void 0),[x,b]=(0,l.useState)(()=>({label:s.SU,placeholder:" ",rows:"4"})),[j,y]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&y(e.stylePath),h(e.id||"textarea-"+(0,r.Vj)()),v(u+s.Kn)},[]),(0,t.jsxs)("div",{ref:n,className:(0,r.yI)("db-textarea",e.className),"data-variant":e.variant,children:[j?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("link",{rel:"stylesheet",href:j})}):null,(0,t.jsx)("label",{htmlFor:u,"data-overflow":e.overflow,id:u+"-label",children:null!==(a=e.label)&&void 0!==a?a:x.label}),(0,t.jsx)("textarea",{id:u,"data-resize":e.resize,autoComplete:e.autoComplete,autoFocus:e.autoFocus,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,onChange:n=>{var a,t,l,i,r,s;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(t=n.target)||void 0===t?void 0:null===(a=t.validity)||void 0===a?void 0:a.valid)!=m&&(g(null===(i=n.target)||void 0===i?void 0:null===(l=i.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(r=s.validity)||void 0===r?void 0:r.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},defaultValue:null!==(d=e.defaultValue)&&void 0!==d?d:e.children,value:e.value,"aria-describedby":e.message&&f,placeholder:null!==(o=e.placeholder)&&void 0!==o?o:x.placeholder,rows:null!==(c=e.rows)&&void 0!==c?c:x.rows,cols:e.cols}),e.message?(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(i.E,{size:"small",variant:e.variant,icon:(0,r.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})});n.Z=d},51963:function(e,n,a){a.d(n,{aw:function(){return k.Z},kC:function(){return S.k},H3:function(){return t.Z},aE:function(){return l.Z},mX:function(){return i.Z},Y1:function(){return r.Y},f:function(){return s.f},I3:function(){return d.Z},wq:function(){return o.Z},oH:function(){return c.Z},TG:function(){return u.T},W4:function(){return h.Z},Pg:function(){return f.P},EZ:function(){return v.E},aq:function(){return m.Z},vB:function(){return g.v},Cc:function(){return F.Z},pK:function(){return x.Z},an:function(){return b.Z},cN:function(){return j.Z},kr:function(){return y.Z},k8:function(){return p.Z},GI:function(){return N.Z}});var t=a(4312),l=a(53213),i=a(74938),r=a(94938),s=a(34786),d=a(27818),o=a(63172),c=a(5907),u=a(19571),h=a(32046),f=a(16510),v=a(6272),m=a(36655),g=a(9076),x=a(21191);a(51923);var b=a(53048),j=a(67014),y=a(42492);a(55136),a(14870);var p=a(35524),N=a(7484),k=a(46938),S=a(578),F=a(74570)},8490:function(e,n,a){var t,l,i,r,s,d,o;a.d(n,{$f:function(){return m},DM:function(){return g},IY:function(){return c},Kn:function(){return h},SU:function(){return u},YP:function(){return f},ce:function(){return v},iw:function(){return t},r$:function(){return i}});let c="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",f="Back",v="Close Button";(s=t||(t={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let m=Object.entries(t).map(e=>{let[,n]=e;return n});(l||(l={})).PRIMARY="primary",(d=i||(i={})).NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.PRIMARY="primary",d.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",d.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.WARNING="warning",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let g=Object.entries(i).map(e=>{let[,n]=e;return n});Object.entries(l).map(e=>{let[,n]=e;return n}),(o=r||(r={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(r).map(e=>{let[,n]=e;return n})},7070:function(e,n,a){a.d(n,{Vj:function(){return t},mT:function(){return r},yI:function(){return i},yn:function(){return l}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},l=(e,n)=>{let a=e.children;Object.values(a).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&l(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),a=0;a{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},r=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/203-8bf0e0dd47ea519b.js b/version/v0.0.54/_next/static/chunks/203-8bf0e0dd47ea519b.js
deleted file mode 100644
index 104228b36b0..00000000000
--- a/version/v0.0.54/_next/static/chunks/203-8bf0e0dd47ea519b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[203],{10203:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2136-a4cfbe6ea9d7af4f.js b/version/v0.0.54/_next/static/chunks/2136-a4cfbe6ea9d7af4f.js
deleted file mode 100644
index f6ac8194acb..00000000000
--- a/version/v0.0.54/_next/static/chunks/2136-a4cfbe6ea9d7af4f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2136],{92136:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var e=n(52322),c=n(45392),s=n(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2158-e6b764af0cdd8940.js b/version/v0.0.54/_next/static/chunks/2158-e6b764af0cdd8940.js
deleted file mode 100644
index 34b8b575d5f..00000000000
--- a/version/v0.0.54/_next/static/chunks/2158-e6b764af0cdd8940.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2158],{92158:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",code:"code"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally in a ",(0,n.jsx)(t.code,{children:"index.scss"})," file and import it in your ",(0,n.jsx)(t.code,{children:"main.ts"}),"/",(0,n.jsx)(t.code,{children:"main.js"})," file in your app:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Use component:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" @change",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"onChange($event)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["To get DBInput work with ",(0,n.jsx)(t.code,{children:"v-model"})," you have to use v-model argument syntax:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textlabel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Start typing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" v",props:{style:{color:"#D8DEE9"}}},{content:"-",props:{style:{color:"#81A1C1"}}},{content:"model",props:{style:{color:"#D8DEE9FF"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}},{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"or using on-change listener:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textlabel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" :",props:{style:{color:"#D8DEE9FF"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"modelAndChange",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"@change",props:{style:{color:"#D08770"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"($event) => { modelAndChange = $event.target.value",props:{style:{color:"#A3BE8C"}}},{content:";",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:"}",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"/> {{ modelAndChange }",props:{style:{color:"#A3BE8C"}}},{content:"}",props:{style:{color:"#D8DEE9"}}}]}],lang:"typescript"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2236-74452abd609d66b2.js b/version/v0.0.54/_next/static/chunks/2236-74452abd609d66b2.js
deleted file mode 100644
index 24474b9a5a3..00000000000
--- a/version/v0.0.54/_next/static/chunks/2236-74452abd609d66b2.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2236],{72236:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2265-2fcd951c6dff0e2e.js b/version/v0.0.54/_next/static/chunks/2265-2fcd951c6dff0e2e.js
deleted file mode 100644
index d54eb66ffbb..00000000000
--- a/version/v0.0.54/_next/static/chunks/2265-2fcd951c6dff0e2e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2265],{2265:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" @change",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"radio = radioName",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"radio-group",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" :value",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"radioName",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Radio {{ radioName }}",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/228-d41b7bbbde2739bf.js b/version/v0.0.54/_next/static/chunks/228-d41b7bbbde2739bf.js
deleted file mode 100644
index 5a6008fc54d..00000000000
--- a/version/v0.0.54/_next/static/chunks/228-d41b7bbbde2739bf.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[228],{20228:function(o,t,n){n.r(t),n.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var e=n(52322),s=n(45392),l=n(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2418-4fffc4fa345d2ad0.js b/version/v0.0.54/_next/static/chunks/2418-4fffc4fa345d2ad0.js
deleted file mode 100644
index 135241198b9..00000000000
--- a/version/v0.0.54/_next/static/chunks/2418-4fffc4fa345d2ad0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2418],{12418:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader ",props:{style:{color:"#D8DEE9"}}},{content:"slot",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"header",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2423-f0f4a36a1dfdd34b.js b/version/v0.0.54/_next/static/chunks/2423-f0f4a36a1dfdd34b.js
deleted file mode 100644
index 6d2fa5ac639..00000000000
--- a/version/v0.0.54/_next/static/chunks/2423-f0f4a36a1dfdd34b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2423],{32423:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"My Drawer content",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2500-a63f58f2158d4a53.js b/version/v0.0.54/_next/static/chunks/2500-a63f58f2158d4a53.js
deleted file mode 100644
index 0ef16d70cde..00000000000
--- a/version/v0.0.54/_next/static/chunks/2500-a63f58f2158d4a53.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2500],{42500:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2511-2423c849aace8172.js b/version/v0.0.54/_next/static/chunks/2511-2423c849aace8172.js
deleted file mode 100644
index ed136f5e465..00000000000
--- a/version/v0.0.54/_next/static/chunks/2511-2423c849aace8172.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2511],{92511:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">functional",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">functional",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">regular (Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">regular (Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">expressive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">expressive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Neutral (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Neutral Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2589-bf93b000999d8f42.js b/version/v0.0.54/_next/static/chunks/2589-bf93b000999d8f42.js
deleted file mode 100644
index a24d4e77e70..00000000000
--- a/version/v0.0.54/_next/static/chunks/2589-bf93b000999d8f42.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2589],{92589:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var s=e(52322),n=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,s.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,s.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,s.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,s.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,s.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,n.ah)(),o.components);return t?(0,s.jsx)(t,Object.assign({},o,{children:(0,s.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2906-833246696f338fd7.js b/version/v0.0.54/_next/static/chunks/2906-833246696f338fd7.js
deleted file mode 100644
index 83a84d51608..00000000000
--- a/version/v0.0.54/_next/static/chunks/2906-833246696f338fd7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2906],{82906:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,r.ah)(),o.components);return s||E("CH",!1),s.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeaderModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" declarations",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" NavigationDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use a Navigation",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ActionBarDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use ActionBar",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" MetaNavigationDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use MetaNavigation",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeaderModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"Simple"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"Full"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// File: app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-root",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" drawerOpen ",props:{style:{color:"#D8DEE9FF"}}},{content:"= false;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" toggleDrawer ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"drawerOpen ",props:{style:{color:"#D8DEE9"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"My Awesome App",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Imprint",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Help",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Profile",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Notification",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"help",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:" Help ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/2951-ed5f7da984fa9a6f.js b/version/v0.0.54/_next/static/chunks/2951-ed5f7da984fa9a6f.js
deleted file mode 100644
index a7e26505452..00000000000
--- a/version/v0.0.54/_next/static/chunks/2951-ed5f7da984fa9a6f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2951],{32951:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3144-ee248a4e515ea170.js b/version/v0.0.54/_next/static/chunks/3144-ee248a4e515ea170.js
deleted file mode 100644
index 7859679cf0d..00000000000
--- a/version/v0.0.54/_next/static/chunks/3144-ee248a4e515ea170.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3144],{3144:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/327-1eecf1d57d37932c.js b/version/v0.0.54/_next/static/chunks/327-1eecf1d57d37932c.js
deleted file mode 100644
index 957a480c137..00000000000
--- a/version/v0.0.54/_next/static/chunks/327-1eecf1d57d37932c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{30327:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBMainNavigation ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" active",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" active",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/330-4612317a58d94536.js b/version/v0.0.54/_next/static/chunks/330-4612317a58d94536.js
deleted file mode 100644
index cd794d52c5c..00000000000
--- a/version/v0.0.54/_next/static/chunks/330-4612317a58d94536.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[330],{330:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3314-e04291a4d9926246.js b/version/v0.0.54/_next/static/chunks/3314-e04291a4d9926246.js
deleted file mode 100644
index 586aff0cfde..00000000000
--- a/version/v0.0.54/_next/static/chunks/3314-e04291a4d9926246.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3314],{83314:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButtonModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButtonModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3359-0da1380651fbdc11.js b/version/v0.0.54/_next/static/chunks/3359-0da1380651fbdc11.js
deleted file mode 100644
index 28d37d9cea3..00000000000
--- a/version/v0.0.54/_next/static/chunks/3359-0da1380651fbdc11.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3359],{75270:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/344-b4612f9fc5a95c57.js b/version/v0.0.54/_next/static/chunks/344-b4612f9fc5a95c57.js
deleted file mode 100644
index 8c70531e889..00000000000
--- a/version/v0.0.54/_next/static/chunks/344-b4612f9fc5a95c57.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[344],{40344:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3497-3db14f300bdf7555.js b/version/v0.0.54/_next/static/chunks/3497-3db14f300bdf7555.js
deleted file mode 100644
index c0cb987dad8..00000000000
--- a/version/v0.0.54/_next/static/chunks/3497-3db14f300bdf7555.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3497],{23497:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3516-e66bc3f4297428c7.js b/version/v0.0.54/_next/static/chunks/3516-e66bc3f4297428c7.js
deleted file mode 100644
index 3bd3e5d0c02..00000000000
--- a/version/v0.0.54/_next/static/chunks/3516-e66bc3f4297428c7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3516],{43516:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3544-c4adfee520138b27.js b/version/v0.0.54/_next/static/chunks/3544-c4adfee520138b27.js
deleted file mode 100644
index 1c6b6e9e6c5..00000000000
--- a/version/v0.0.54/_next/static/chunks/3544-c4adfee520138b27.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3544],{73544:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Content 1",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Content 2",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 3",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Content 3",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3862-51c52a84e59ca9b0.js b/version/v0.0.54/_next/static/chunks/3862-51c52a84e59ca9b0.js
deleted file mode 100644
index 4ebc99a1512..00000000000
--- a/version/v0.0.54/_next/static/chunks/3862-51c52a84e59ca9b0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3862],{63862:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItemModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItemModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"With Slots"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/3960-97a7367672a21640.js b/version/v0.0.54/_next/static/chunks/3960-97a7367672a21640.js
deleted file mode 100644
index d019eafa915..00000000000
--- a/version/v0.0.54/_next/static/chunks/3960-97a7367672a21640.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3960],{3960:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Backdrop ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Backdrop ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Backdrop",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Backdrop",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4018-9744926427691401.js b/version/v0.0.54/_next/static/chunks/4018-9744926427691401.js
deleted file mode 100644
index 86e1b392ca0..00000000000
--- a/version/v0.0.54/_next/static/chunks/4018-9744926427691401.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4018],{14018:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4183-2548fa68499abb22.js b/version/v0.0.54/_next/static/chunks/4183-2548fa68499abb22.js
deleted file mode 100644
index 76950f46e91..00000000000
--- a/version/v0.0.54/_next/static/chunks/4183-2548fa68499abb22.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4183],{14183:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4197-119722d9c0b7c8e7.js b/version/v0.0.54/_next/static/chunks/4197-119722d9c0b7c8e7.js
deleted file mode 100644
index 952eff35b8b..00000000000
--- a/version/v0.0.54/_next/static/chunks/4197-119722d9c0b7c8e7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4197],{7932:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||E("CH",!1),s.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckbox ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setCheckbox",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Checkbox checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setCheckbox",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"target",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4260-018df55cff5c52d3.js b/version/v0.0.54/_next/static/chunks/4260-018df55cff5c52d3.js
deleted file mode 100644
index 0c7d43b5bcf..00000000000
--- a/version/v0.0.54/_next/static/chunks/4260-018df55cff5c52d3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4260],{4260:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" rows",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"8",props:{style:{color:"#B48EAD"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':rows="8" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom Example 8 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" rows",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"8",props:{style:{color:"#B48EAD"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':rows="8" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom Example 8 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4336-d1b7ab654c03aac9.js b/version/v0.0.54/_next/static/chunks/4336-d1b7ab654c03aac9.js
deleted file mode 100644
index 3d0c1f2e599..00000000000
--- a/version/v0.0.54/_next/static/chunks/4336-d1b7ab654c03aac9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4336],{94336:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4375-24e3912e0ab5e811.js b/version/v0.0.54/_next/static/chunks/4375-24e3912e0ab5e811.js
deleted file mode 100644
index a878475432d..00000000000
--- a/version/v0.0.54/_next/static/chunks/4375-24e3912e0ab5e811.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4375],{86074:function(e,t){"use strict";var n,r;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{PrefetchKind:function(){return n},ACTION_REFRESH:function(){return o},ACTION_NAVIGATE:function(){return u},ACTION_RESTORE:function(){return l},ACTION_SERVER_PATCH:function(){return f},ACTION_PREFETCH:function(){return a},ACTION_FAST_REFRESH:function(){return i},ACTION_SERVER_ACTION:function(){return c}});let o="refresh",u="navigate",l="restore",f="server-patch",a="prefetch",i="fast-refresh",c="server-action";(r=n||(n={})).AUTO="auto",r.FULL="full",r.TEMPORARY="temporary",("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},18904:function(e,t,n){"use strict";function r(e,t,n,r){return!1}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDomainLocale",{enumerable:!0,get:function(){return r}}),n(8314),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6850:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});let r=n(43219),o=r._(n(2784)),u=n(96436),l=n(68944),f=n(42612),a=n(38119),i=n(92265),c=n(63981),s=n(29950),d=n(12544),p=n(18904),y=n(33890),b=n(86074),h=new Set;function v(e,t,n,r,o,u){if(!u&&!(0,l.isLocalURL)(t))return;if(!r.bypassPrefetchedCheck){let o=void 0!==r.locale?r.locale:"locale"in e?e.locale:void 0,u=t+"%"+n+"%"+o;if(h.has(u))return;h.add(u)}let f=u?e.prefetch(t,o):e.prefetch(t,n,r);Promise.resolve(f).catch(e=>{})}function _(e){return"string"==typeof e?e:(0,f.formatUrl)(e)}let O=o.default.forwardRef(function(e,t){let n,r;let{href:f,as:h,children:O,prefetch:g=null,passHref:C,replace:E,shallow:P,scroll:m,locale:T,onClick:j,onMouseEnter:M,onTouchStart:R,legacyBehavior:A=!1,...k}=e;n=O,A&&("string"==typeof n||"number"==typeof n)&&(n=o.default.createElement("a",null,n));let I=o.default.useContext(c.RouterContext),L=o.default.useContext(s.AppRouterContext),N=null!=I?I:L,S=!I,x=!1!==g,U=null===g?b.PrefetchKind.AUTO:b.PrefetchKind.FULL,{href:w,as:K}=o.default.useMemo(()=>{if(!I){let e=_(f);return{href:e,as:h?_(h):e}}let[e,t]=(0,u.resolveHref)(I,f,!0);return{href:e,as:h?(0,u.resolveHref)(I,h):t||e}},[I,f,h]),F=o.default.useRef(w),H=o.default.useRef(K);A&&(r=o.default.Children.only(n));let D=A?r&&"object"==typeof r&&r.ref:t,[V,q,z]=(0,d.useIntersection)({rootMargin:"200px"}),B=o.default.useCallback(e=>{(H.current!==K||F.current!==w)&&(z(),H.current=K,F.current=w),V(e),D&&("function"==typeof D?D(e):"object"==typeof D&&(D.current=e))},[K,D,w,z,V]);o.default.useEffect(()=>{N&&q&&x&&v(N,w,K,{locale:T},{kind:U},S)},[K,w,q,T,x,null==I?void 0:I.locale,N,S,U]);let G={ref:B,onClick(e){A||"function"!=typeof j||j(e),A&&r.props&&"function"==typeof r.props.onClick&&r.props.onClick(e),N&&!e.defaultPrevented&&function(e,t,n,r,u,f,a,i,c,s){let{nodeName:d}=e.currentTarget,p="A"===d.toUpperCase();if(p&&(function(e){let t=e.currentTarget,n=t.getAttribute("target");return n&&"_self"!==n||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)||!c&&!(0,l.isLocalURL)(n)))return;e.preventDefault();let y=()=>{let e=null==a||a;"beforePopState"in t?t[u?"replace":"push"](n,r,{shallow:f,locale:i,scroll:e}):t[u?"replace":"push"](r||n,{forceOptimisticNavigation:!s,scroll:e})};c?o.default.startTransition(y):y()}(e,N,w,K,E,P,m,T,S,x)},onMouseEnter(e){A||"function"!=typeof M||M(e),A&&r.props&&"function"==typeof r.props.onMouseEnter&&r.props.onMouseEnter(e),N&&(x||!S)&&v(N,w,K,{locale:T,priority:!0,bypassPrefetchedCheck:!0},{kind:U},S)},onTouchStart(e){A||"function"!=typeof R||R(e),A&&r.props&&"function"==typeof r.props.onTouchStart&&r.props.onTouchStart(e),N&&(x||!S)&&v(N,w,K,{locale:T,priority:!0,bypassPrefetchedCheck:!0},{kind:U},S)}};if((0,a.isAbsoluteUrl)(K))G.href=K;else if(!A||C||"a"===r.type&&!("href"in r.props)){let e=void 0!==T?T:null==I?void 0:I.locale,t=(null==I?void 0:I.isLocaleDomain)&&(0,p.getDomainLocale)(K,e,null==I?void 0:I.locales,null==I?void 0:I.domainLocales);G.href=t||(0,y.addBasePath)((0,i.addLocale)(K,e,null==I?void 0:I.defaultLocale))}return A?o.default.cloneElement(r,G):o.default.createElement("a",{...k,...G},n)}),g=O;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},12544:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"useIntersection",{enumerable:!0,get:function(){return a}});let r=n(2784),o=n(29282),u="function"==typeof IntersectionObserver,l=new Map,f=[];function a(e){let{rootRef:t,rootMargin:n,disabled:a}=e,i=a||!u,[c,s]=(0,r.useState)(!1),d=(0,r.useRef)(null),p=(0,r.useCallback)(e=>{d.current=e},[]);(0,r.useEffect)(()=>{if(u){if(i||c)return;let e=d.current;if(e&&e.tagName){let r=function(e,t,n){let{id:r,observer:o,elements:u}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},r=f.find(e=>e.root===n.root&&e.margin===n.margin);if(r&&(t=l.get(r)))return t;let o=new Map,u=new IntersectionObserver(e=>{e.forEach(e=>{let t=o.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e);return t={id:n,observer:u,elements:o},f.push(n),l.set(n,t),t}(n);return u.set(e,t),o.observe(e),function(){if(u.delete(e),o.unobserve(e),0===u.size){o.disconnect(),l.delete(r);let e=f.findIndex(e=>e.root===r.root&&e.margin===r.margin);e>-1&&f.splice(e,1)}}}(e,e=>e&&s(e),{root:null==t?void 0:t.current,rootMargin:n});return r}}else if(!c){let e=(0,o.requestIdleCallback)(()=>s(!0));return()=>(0,o.cancelIdleCallback)(e)}},[i,n,t,c,d.current]);let y=(0,r.useCallback)(()=>{s(!1)},[]);return[p,c,y]}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},39097:function(e,t,n){e.exports=n(6850)},5632:function(e,t,n){e.exports=n(16244)}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4429-9c4922299f0d742c.js b/version/v0.0.54/_next/static/chunks/4429-9c4922299f0d742c.js
deleted file mode 100644
index 112f3dc3bc5..00000000000
--- a/version/v0.0.54/_next/static/chunks/4429-9c4922299f0d742c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4429],{44429:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||E("CH",!1),l.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Unchecked (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true" :disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true" :disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4435-43fd73f8d640c94f.js b/version/v0.0.54/_next/static/chunks/4435-43fd73f8d640c94f.js
deleted file mode 100644
index 54660158988..00000000000
--- a/version/v0.0.54/_next/static/chunks/4435-43fd73f8d640c94f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4435],{34435:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4456-dc20e186a9c9d0d3.js b/version/v0.0.54/_next/static/chunks/4456-dc20e186a9c9d0d3.js
deleted file mode 100644
index ab033722ef1..00000000000
--- a/version/v0.0.54/_next/static/chunks/4456-dc20e186a9c9d0d3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4456],{4456:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4640-852e156e5879dfb2.js b/version/v0.0.54/_next/static/chunks/4640-852e156e5879dfb2.js
deleted file mode 100644
index 68cfd48e377..00000000000
--- a/version/v0.0.54/_next/static/chunks/4640-852e156e5879dfb2.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4640],{24640:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"padding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"padding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4653-a1fd375c1125cbee.js b/version/v0.0.54/_next/static/chunks/4653-a1fd375c1125cbee.js
deleted file mode 100644
index a00f7a847d4..00000000000
--- a/version/v0.0.54/_next/static/chunks/4653-a1fd375c1125cbee.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4653],{14653:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Alert",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Alert",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Alert",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Alert",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Inline",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Inline",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Navi-Item 1 ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/475-6b7e1270864f63d9.js b/version/v0.0.54/_next/static/chunks/475-6b7e1270864f63d9.js
deleted file mode 100644
index 428a4d4ee8b..00000000000
--- a/version/v0.0.54/_next/static/chunks/475-6b7e1270864f63d9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[475],{40475:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadio ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"map",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio-group",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setRadio",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#81A1C1"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ))",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/4862-7e783e07242f8a1f.js b/version/v0.0.54/_next/static/chunks/4862-7e783e07242f8a1f.js
deleted file mode 100644
index 6149329f7d6..00000000000
--- a/version/v0.0.54/_next/static/chunks/4862-7e783e07242f8a1f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4862],{24862:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/492-0a6a22868f9400c8.js b/version/v0.0.54/_next/static/chunks/492-0a6a22868f9400c8.js
deleted file mode 100644
index 5fa55d28d05..00000000000
--- a/version/v0.0.54/_next/static/chunks/492-0a6a22868f9400c8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[492],{40492:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPage",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPage slotHeader",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/518-5c076fc96af60465.js b/version/v0.0.54/_next/static/chunks/518-5c076fc96af60465.js
deleted file mode 100644
index 566f57bb072..00000000000
--- a/version/v0.0.54/_next/static/chunks/518-5c076fc96af60465.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[518],{90518:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/5216-b559a2888cfa3454.js b/version/v0.0.54/_next/static/chunks/5216-b559a2888cfa3454.js
deleted file mode 100644
index 00df2734be5..00000000000
--- a/version/v0.0.54/_next/static/chunks/5216-b559a2888cfa3454.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5216],{55216:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/5544-e14b7141d43cd7da.js b/version/v0.0.54/_next/static/chunks/5544-e14b7141d43cd7da.js
deleted file mode 100644
index 9ab3bcff091..00000000000
--- a/version/v0.0.54/_next/static/chunks/5544-e14b7141d43cd7da.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5544],{65544:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/5675-75ef4eb601c73844.js b/version/v0.0.54/_next/static/chunks/5675-75ef4eb601c73844.js
deleted file mode 100644
index 104f0153f30..00000000000
--- a/version/v0.0.54/_next/static/chunks/5675-75ef4eb601c73844.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5675],{35675:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/5685-e7b347354669f6aa.js b/version/v0.0.54/_next/static/chunks/5685-e7b347354669f6aa.js
deleted file mode 100644
index 53cfda7baff..00000000000
--- a/version/v0.0.54/_next/static/chunks/5685-e7b347354669f6aa.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5685],{55685:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,r.ah)(),o.components);return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"Simple"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader slotBrand",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"} />;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"Full"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"drawerOpen",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setDrawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" drawerOpen",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"drawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onToggle",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"setDrawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotBrand",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"My Awesome App",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotMetaNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Imprint",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Help",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotCallToAction",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotActionBar",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Profile",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Notification",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"help",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Help",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/5917-441ec7b2b0063bf6.js b/version/v0.0.54/_next/static/chunks/5917-441ec7b2b0063bf6.js
deleted file mode 100644
index c99bb45c76c..00000000000
--- a/version/v0.0.54/_next/static/chunks/5917-441ec7b2b0063bf6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5917],{5917:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6058-3a98141bd06e7821.js b/version/v0.0.54/_next/static/chunks/6058-3a98141bd06e7821.js
deleted file mode 100644
index c1274b61bf7..00000000000
--- a/version/v0.0.54/_next/static/chunks/6058-3a98141bd06e7821.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6058],{96058:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function a(o){return l||p("CH",!1),l.Code||p("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(a,o)})):a(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6061-30c0421c92e624d7.js b/version/v0.0.54/_next/static/chunks/6061-30c0421c92e624d7.js
deleted file mode 100644
index dde9da869c9..00000000000
--- a/version/v0.0.54/_next/static/chunks/6061-30c0421c92e624d7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6061],{86061:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6103-479b49cd8ebe9bbe.js b/version/v0.0.54/_next/static/chunks/6103-479b49cd8ebe9bbe.js
deleted file mode 100644
index 3fff193b830..00000000000
--- a/version/v0.0.54/_next/static/chunks/6103-479b49cd8ebe9bbe.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6103],{96103:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawerModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawerModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" My Drawer content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:" Open me ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" openDrawer",props:{style:{color:"#D8DEE9FF"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean ",props:{style:{color:"#8FBCBB"}}},{content:"= false;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" toggleDrawer ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"openDrawer ",props:{style:{color:"#D8DEE9"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6117-9873fae3f4e4a067.js b/version/v0.0.54/_next/static/chunks/6117-9873fae3f4e4a067.js
deleted file mode 100644
index e562bb4a6b4..00000000000
--- a/version/v0.0.54/_next/static/chunks/6117-9873fae3f4e4a067.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6117],{54413:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawer ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setOpen",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" open",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClose",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setOpen",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" My Drawer content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setOpen",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Me",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6180-f3b84551c1b205be.js b/version/v0.0.54/_next/static/chunks/6180-f3b84551c1b205be.js
deleted file mode 100644
index 35672175028..00000000000
--- a/version/v0.0.54/_next/static/chunks/6180-f3b84551c1b205be.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6180],{96180:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6186-c8891344e76b3f66.js b/version/v0.0.54/_next/static/chunks/6186-c8891344e76b3f66.js
deleted file mode 100644
index 2ac59105bac..00000000000
--- a/version/v0.0.54/_next/static/chunks/6186-c8891344e76b3f66.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6186],{36186:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6199-3f91688950a1a710.js b/version/v0.0.54/_next/static/chunks/6199-3f91688950a1a710.js
deleted file mode 100644
index bf6bf720e45..00000000000
--- a/version/v0.0.54/_next/static/chunks/6199-3f91688950a1a710.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6199],{46199:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsx)(t.p,{children:"Load SCSS globally somewhere in your app:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Use it:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6299-7f3f38a223294f81.js b/version/v0.0.54/_next/static/chunks/6299-7f3f38a223294f81.js
deleted file mode 100644
index 70473d00427..00000000000
--- a/version/v0.0.54/_next/static/chunks/6299-7f3f38a223294f81.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6299],{6299:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"With Slots"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem slotTitle",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Title",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Content",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Title",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6318-b09ac64643a8e125.js b/version/v0.0.54/_next/static/chunks/6318-b09ac64643a8e125.js
deleted file mode 100644
index c8afe15c70e..00000000000
--- a/version/v0.0.54/_next/static/chunks/6318-b09ac64643a8e125.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6318],{16318:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Medium (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Medium (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Large",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Large",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6388-98cacd5497f5cce1.js b/version/v0.0.54/_next/static/chunks/6388-98cacd5497f5cce1.js
deleted file mode 100644
index 62c391170b8..00000000000
--- a/version/v0.0.54/_next/static/chunks/6388-98cacd5497f5cce1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6388],{56388:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 01",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive-unique",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive-unique 02",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Remove tag",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Remove tag",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6448-34df133451fdd3d4.js b/version/v0.0.54/_next/static/chunks/6448-34df133451fdd3d4.js
deleted file mode 100644
index 68e666e36d6..00000000000
--- a/version/v0.0.54/_next/static/chunks/6448-34df133451fdd3d4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6448],{6448:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/65a8b803-4b6c2d9a5de52286.js b/version/v0.0.54/_next/static/chunks/65a8b803-4b6c2d9a5de52286.js
deleted file mode 100644
index 5c196a9c960..00000000000
--- a/version/v0.0.54/_next/static/chunks/65a8b803-4b6c2d9a5de52286.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4996],{65854:function(e,t,n){n.d(t,{EK:function(){return e6},ds:function(){return tl}});var r,o,i=n(2784),l=n(28316);function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);ot.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}let s=e=>/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),u=(e,t)=>e.match(RegExp(`.{${t}}`,"g")),c=e=>parseInt(e.repeat(2/e.length),16);function f(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function h(e,t){return{prev:(null==e?void 0:e.prev)===void 0?t:e.prev,next:(null==e?void 0:e.next)===void 0?t:e.next}}function d(e){return e.lines.map(e=>e.tokens.map(e=>e.content).join("")).join("\n")}function m(e){return e.split(/,(?![^\[]*\])/g)}function p(e){return e.reduce((e,t)=>Object.assign(e,t),{})}function v(e){let t=e.match(/(\d+)\[(.+)\]/);if(!t)return p(x(e).map(e=>({[e]:!0})));{let[,e,n]=t,r=n.split(",").map(g),o=Number(e);return{[o]:r}}}function g(e){let[t,n]=e.split(":");if(!E(t))throw new j(t);let r=Number(t);if(r<1)throw new w;if(!n)return{start:r,end:r};if(!E(n))throw new j(n);return{start:r,end:+n}}function b(e){if(!e)throw Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(y);return function(e){let t={},n=-1,r=null==e?0:e.length;for(;++n[e-1,!0]);{let[,e,n]=t,r=n.split(",").map(x),o=Number(e)-1,i=r.flat().map(e=>e-1);return[[o,i]]}}function x(e){let[t,n]=e.split(":");if(!E(t))throw new j(t);let r=Number(t);if(r<1)throw new w;if(!n)return[r];{if(!E(n))throw new j(n);let e=[];for(let t=r;t<=+n;t++)e.push(t);return e}}function E(e){var t=Math.abs(e=e.toString()),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}class w extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}}class j extends Error{constructor(e){super(`Invalid number "${e}" in focus string`),this.number=e,Object.setPrototypeOf(this,new.target.prototype)}}let O="undefined"!=typeof window?i.useLayoutEffect:i.useEffect,N=/\r\n|\r|\n/;function k(e,t){let n=e?e.split(N):[""],r=function(e,t){if(!e)return[...t.keys()];{let t=b(e),n=Object.keys(t).map(e=>parseInt(e,10));return n}}(t,n),o="";return n.forEach((e,t)=>{r.includes(t)&&e.length>o.length&&(o=e)}),o}function _(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function C(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function S(){}S.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.callback;"function"==typeof n&&(r=n,n={}),this.options=n;var o=this;function i(e){return r?(setTimeout(function(){r(void 0,e)},0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var l=(t=this.removeEmpty(this.tokenize(t))).length,a=e.length,s=1,u=l+a,c=[{newPos:-1,components:[]}],f=this.extractCommon(c[0],t,e,0);if(c[0].newPos+1>=l&&f+1>=a)return i([{value:this.join(t),count:t.length}]);function h(){for(var n=-1*s;n<=s;n+=2){var r=void 0,u=c[n-1],f=c[n+1],h=(f?f.newPos:0)-n;u&&(c[n-1]=void 0);var d=u&&u.newPos+1=l&&h+1>=a)return i(function(e,t,n,r,o){for(var i=0,l=t.length,a=0,s=0;ie.length?n:e}),u.value=e.join(f)}else u.value=e.join(n.slice(a,a+u.count));a+=u.count,u.added||(s+=u.count)}}var h=t[l-1];return l>1&&"string"==typeof h.value&&(h.added||h.removed)&&e.equals("",h.value)&&(t[l-2].value+=h.value,t.pop()),t}(o,r.components,t,e,o.useLongestToken));c[n]=r}s++}if(r)!function e(){setTimeout(function(){if(s>u)return r();h()||e()},0)}();else for(;s<=u;){var d=h();if(d)return d}},pushComponent:function(e,t,n){var r=e[e.length-1];r&&r.added===t&&r.removed===n?e[e.length-1]={count:r.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,r){for(var o=t.length,i=n.length,l=e.newPos,a=l-r,s=0;l+1t-1<=e&&et.start-1<=e&&er)return i;let l=e.ease||q.linear;return o+l((t-n)/(r-n))*(i-o)}}function W([e,t],n,r){if(r<=1)return[e,t];let o=t-e,i=o/Math.pow(r,1/8),l=e+(o-i)/(r-1)*n;return[l,l+i]}L.tokenize=function(e){return e.slice()},L.join=L.removeEmpty=function(e){return e};let q={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function R(e){return!!e.focus.match(/(\d+)\[(.+)\]/)}function X(e,t,n){let r=[...t];r.sort((e,t)=>e.lineNumbers.start-t.lineNumbers.start);let o=0,i=[];for(;ot.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(t&&n(l)===t.lineNumbers.start){let a={lines:[],annotation:t};for(;l&&(!n(l)||n(l)<=t.lineNumbers.end);)a.lines.push(l),l=e[++o];i.push(a),r.shift()}else if(t){let r={lines:[]};for(;l&&(!n(l)||n(l)0;){let t=e.shift();r.push(t);let n=t.tokens.reduce((e,t)=>e+t.content.length,0);o+=n}return r}function U({dimensions:e,codeStep:t,children:n,minZoom:r=0,maxZoom:o=1.2,center:l=!1,progress:s}){let{prev:u,next:c}=function(e){var{codeStep:t}=e,n=a(e,["codeStep"]);let{lineHeight:r,lineWidth:o}=n.dimensions,i={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}};return f(i,({extremes:e,originalContentHeight:t,lineWidth:r})=>(function({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:i,horizontalCenter:l}){var a,s;let{lineHeight:u}=e,c=null==e?void 0:e.contentHeight,f=null==e?void 0:e.contentWidth,h=(o[1]-o[0]+3)*u,d=(null==e?void 0:e.lineNumberWidth)||16,m=Math.max(Math.min((f-d-16)/t,c/h,r),n),p=i*m,v=(o[0]-1)*u*m,g=(o[1]+2)*u*m,b=c>p?(c-p)/2:(a=c/2-(g+v)/2)<=(s=Math.max(c-p,-v))?s:a>=0?0:a;return{zoom:m,dx:l?Math.max(f/2-t*m/2,0):0,dy:b,focusHeight:g-v,focusWidth:t*m}})(Object.assign({extremes:e,originalContentHeight:t,lineWidth:r},n)))}({codeStep:t,dimensions:e,minZoom:r,maxZoom:o,horizontalCenter:l}),h=Y(u.zoom,c.zoom,s),d=Y(u.dx,c.dx,s),m=Y(u.dy,c.dy,s,t.verticalInterval),p=Y(u.focusHeight,c.focusHeight,s),v=Y(u.focusWidth,c.focusWidth,s),g=((null==e?void 0:e.lineNumberWidth)||0)*h,b=g||16,y=Math.max(v+b,e.contentWidth);return i.createElement(G,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},i.createElement(V,{dx:d,dy:m,scale:h,height:Math.max(p,e.contentHeight),width:y},n(v,b/h)))}function G({width:e,height:t,children:n,lang:r}){return i.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":r})}function V({dx:e,dy:t,scale:n,height:r,width:o,children:l}){return i.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:o,height:r,overflow:"hidden"},className:"ch-code-scroll-content"},i.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:o/n,height:(r-2*t)/n},children:l}))}function Y(e,t,n,r=[0,1]){return $({fixed:!1,interval:r,extremes:[e,t],ease:q.easeInOutCubic},n)}function Z(e){return i.createElement(U,Object.assign({},e),(t,n)=>i.createElement(D,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function D({codeStep:e,progress:t,focusWidth:n,lineHeight:r,startX:o,lineNumberWidth:l}){let a=t<.5?e.groups.prev:e.groups.next;return i.createElement(i.Fragment,null,a.map((e,a)=>{if(!e.annotation)return i.createElement(J,{lines:e.lines,t:t,focusWidth:n,lineHeight:r,startX:o,key:a,lineNumberWidth:l});let s=$(e.lines[0].tweenY,t),u=e.annotation.lineNumbers.end-e.annotation.lineNumbers.start+1,c=e.annotation.Component;return i.createElement(c,{style:{position:"absolute",height:u*r,width:"100%",transform:`translateY(${s*r}px)`},key:a,data:e.annotation.data,isInline:!1,lines:e.lines},i.createElement(J,{lines:e.lines,t:t,focusWidth:n,lineHeight:r,startY:s,startX:o,lineNumberWidth:l}))}))}function J({lines:e,focusWidth:t,lineHeight:n,t:r,startX:o,startY:l=0,lineNumberWidth:a}){return i.createElement(i.Fragment,null,e.map((e,s)=>{let{tweenX:u,tweenY:c,focused:f}=e,h=$(u,r),d=$(c,r),m=en(f,r,h);return i.createElement(i.Fragment,{key:s},a?i.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(d-l)*n}px)`,width:a,opacity:m}},r<.5?e.lineNumber.prev:e.lineNumber.next):void 0,i.createElement(et,{dx:o+h*t,dy:(d-l)*n,width:t,opacity:m},i.createElement(Q,{line:e,progress:r,dx:h})))}))}function Q({line:e,progress:t,dx:n}){return i.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((e,r)=>i.createElement(ee,{annotatedGroup:e,progress:t,dx:n,key:r})),i.createElement("br",null))}function ee({annotatedGroup:e,progress:t,dx:n}){var r,o;let l=t<.5?e.prev:e.next,a=(null==l?void 0:l.groups)||[],s=null===(r=null==l?void 0:l.annotation)||void 0===r?void 0:r.Component,u=a.map((e,r)=>{let o=en(e.focused,t,n);return i.createElement("span",{style:{opacity:o},key:r+1},e.element)});return s?i.createElement(s,{children:u,data:null===(o=null==l?void 0:l.annotation)||void 0===o?void 0:o.data,isInline:!0}):i.createElement(i.Fragment,null,u)}function et({children:e,dx:t,dy:n,opacity:r,width:o}){return i.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:o,display:r<=0?"none":void 0}},e)}function en(e,t,n){return $({fixed:!1,extremes:[e.prev?.99:.33,e.next?.99:.33],interval:[0,1]},t)-1*Math.abs(n)}function er({content:e,style:t,className:n}){let[r,o]=i.useState(!1);return i.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{(function(e){if(!navigator.clipboard){(function(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)})(e);return}navigator.clipboard.writeText(e)})(e),o(!0),setTimeout(()=>{o(!1)},1200)}},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r?i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})))}function eo(e){var{tween:t,progress:n,config:r}=e,o=a(e,["tween","progress","config"]);let l=function({tween:e}){var t;return function(e){let{highlightedLines:t,focus:n}=e;return i.useMemo(()=>(function({focus:e,annotations:t,highlightedLines:n,lang:r}){let o=f(n,e=>e.map(e=>e.tokens.map(e=>e.content).join("")).join("\n").trimEnd().concat("\n")),l=function(e,t){let n=0,r=0,o=function(e){var t,n;let r=(t=e.prev,n=e.next,M.diff(t,n,void 0)),o=[],i=0,l=0;return r.forEach(e=>{if(e.added)for(let t=0;tvoid 0===e.next?Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1},move:"exit",enterIndex:null,exitIndex:r++}):void 0===e.prev?Object.assign(Object.assign({},t.next[e.next]),{lineNumber:{next:e.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[e.prev]),{lineNumber:{prev:e.prev+1,next:e.next+1},move:"stay",enterIndex:null,exitIndex:null}));return{lines:i,enterCount:n,exitCount:r}}(o,n),{inlineAnnotations:s,multilineAnnotations:u}=function(e){let t=f(h(e,[]),e=>e.flatMap(e=>m(e.focus).map(t=>Object.assign(Object.assign({},e),{focus:t})))),n=f(h(t,[]),e=>e.filter(R)),r=f(h(t,[]),e=>e.filter(e=>!R(e)));return{inlineAnnotations:f(n,e=>(function(e){let t={};return e.forEach(e=>{let n=v(e.focus),r=+Object.keys(n)[0],o=t[r]||[];o.push({columnNumbers:n[r][0],data:e.data,Component:e.Component}),t[r]=o}),t})(e)),multilineAnnotations:f(r,e=>e.map(e=>({lineNumbers:g(e.focus),data:e.data,Component:e.Component})))}}(t),c=function(e,t,n){let{lines:r}=e,o=a(e,["lines"]),l=f(t,(e,t)=>{let n="prev"===t?r.filter(e=>"enter"!==e.move):r.filter(e=>"exit"!==e.move);return e?p(m(e).map(v)):p([...n.keys()].map(e=>({[e+1]:!0})))}),s=r.map(e=>{let{tokens:t}=e,r=a(e,["tokens"]),o={prev:!!e.lineNumber.prev&&l.prev[e.lineNumber.prev],next:!!e.lineNumber.next&&l.next[e.lineNumber.next]},s={prev:e.lineNumber.prev&&n.prev[e.lineNumber.prev]||[],next:e.lineNumber.next&&n.next[e.lineNumber.next]||[]};return Object.assign({focused:f(o,e=>!!e),groups:function(e,t,n){let r=f(t,e=>Array.isArray(e)?e:[]),o=f(n,e=>e.map(({columnNumbers:e})=>e)),l=[...r.prev,...r.next,...o.prev,...o.next],a=function(e,t){let n=[...t.map(e=>e.start-1),...t.map(e=>e.end)],r=e;return n.forEach(e=>{let t=[],n=0;r.forEach(r=>{let o=n,i=n+r.content.length;if(o{let r=B(s,t.prev),o=B(s,t.next),i=I(s,n.prev),l=I(s,n.next);u&&u.focused.prev===r&&u.focused.next===o&&u.annotation.prev===i&&u.annotation.next===l||(u={focused:{prev:r,next:o},tokens:[],annotation:{prev:i,next:l}},c.push(u)),null==u||u.tokens.push(e),s+=e.content.length}),c.map(e=>({focused:e.focused,tokens:e.tokens,element:i.createElement(i.Fragment,null,e.tokens.map(({content:e,props:t},n)=>i.createElement("span",Object.assign({},t,{key:n+1}),e)))}))}(t,o,s)},r)}),u=f(l,e=>Object.keys(e).map(e=>Number(e))),c=f(u,e=>Math.min(...e)),h=f(u,e=>Math.max(...e));return Object.assign({lines:s,firstFocusedLineNumber:c,lastFocusedLineNumber:h},o)}(l,h(e,null),s),d=function(e,t,n){var{lines:r}=e,o=a(e,["lines"]);let i=r.map(e=>{var{groups:n}=e,r=a(e,["groups"]);let{lineNumber:o}=r,i={prev:o.prev&&t.prev[o.prev]||[],next:o.next&&t.next[o.next]||[]};return Object.assign(Object.assign({},r),{annotatedGroups:function(e,t){let n=[...e],r=[...e],o=[...t.prev],i=[...t.next],l=[],a=1,s=1;for(;n.length>0||r.length>0;){let e=o[0],t=i[0],u=e&&e.columnNumbers.start===a,c=t&&t.columnNumbers.start===s;if(as){if(c){let e=t.columnNumbers.end+1;l.push({next:{annotation:t,groups:K(r,s,e)}}),s=e,i.shift()}else{let e=Math.min(a,(null==t?void 0:t.columnNumbers.start)||a);l.push({next:{groups:K(r,s,e)}}),s=e}}else if(a==s){if(u&&c&&e.columnNumbers.end===t.columnNumbers.end){let u=t.columnNumbers.end+1;l.push({prev:{annotation:e,groups:K(n,a,u)},next:{annotation:t,groups:K(r,s,u)}}),a=u,s=u,o.shift(),i.shift()}else if(u){let t=e.columnNumbers.end+1;l.push({prev:{annotation:e,groups:K(n,a,t)}}),a=t,o.shift()}else if(c){let e=t.columnNumbers.end+1;l.push({next:{annotation:t,groups:K(r,s,e)}}),s=e,i.shift()}else if(e||t){let o=Math.min((null==e?void 0:e.columnNumbers.start)||Number.MAX_VALUE,(null==t?void 0:t.columnNumbers.start)||Number.MAX_VALUE);l.push({prev:{groups:K(n,a,o)},next:{groups:K(r,s,o)}}),a=o,s=o}else l.push({prev:{groups:n},next:{groups:r}}),n=[],r=[]}}return l}(n,i)})}),l={prev:X(i,n.prev,e=>e.lineNumber.prev),next:X(i,n.next,e=>e.lineNumber.next)};return Object.assign(Object.assign({},o),{lineGroups:l,lineCount:{prev:r.filter(e=>null!=e.lineNumber.prev).length,next:r.filter(e=>null!=e.lineNumber.next).length}})}(c,s,u),b=function(e,t,n){var r,o;let i=(r=e.enterCount,o=e.exitCount,r<=0&&o<=0?[0,1]:r<=0&&o>=1?[.33,1]:r>=1&&o<=0?[0,.67]:[.25,.75]),l=f(e.lineGroups,t=>t.map(t=>Object.assign(Object.assign({},t),{lines:function(e,t,n,r){let[o,i]=t;return e.map(e=>{let t=f(e.lineNumber,e=>e&&e-1),{enterIndex:l,exitIndex:a}=e,s="exit"===e.move?{fixed:!0,value:t.prev}:"enter"===e.move?{fixed:!0,value:t.next}:{fixed:!1,extremes:[t.prev,t.next],interval:[o,i],ease:q.easeInOutCubic},u="exit"===e.move?{fixed:!1,extremes:[0,-1],ease:q.easeInQuad,interval:W([0,o],a,r)}:"enter"===e.move?{fixed:!1,extremes:[1,0],ease:q.easeOutQuad,interval:W([i,1],l,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},e),{tweenX:u,tweenY:s})})}(t.lines,i,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:l,verticalInterval:i,code:t,lang:n})}(d,o,r);return b})(e),[t.prev,t.next,n.prev,n.next])}({highlightedLines:f(e,e=>e.code.lines),focus:f(e,e=>e.focus),annotations:f(e,e=>e.annotations),lang:(t=e=>{var t;return null===(t=null==e?void 0:e.code)||void 0===t?void 0:t.lang})(e.prev)||t(e.next)})}({tween:t}),{element:s,dimensions:u}=function(e,t,n,r,o,l){let[a,s]=i.useState(null),[u,c]=i.useState(0),f=function(){let[e,t]=i.useState(void 0);return i.useEffect(()=>{function e(){t(window.innerWidth)}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}(),h=i.useRef(null),{prevLongestLine:d,nextLongestLine:m,element:p}=i.useMemo(()=>{let n=k(e.prev,t.prev),l=k(e.next,t.next),a=(e.prev||e.next).trimEnd().split(N),s=Math.max(a.length,10);if(o){let e="focus"===o?function(e,t){let[n,r]=function(e,t){if(!e)return[0,t.length-1];{let t=b(e),n=Object.keys(t).map(e=>parseInt(e,10));return[Math.min(...n),Math.max(...n)]}}(e.prev,t);return r-n+1}(t,a):o,r=a.length;for(;re;)a.pop(),r--;n&&!a.includes(n)&&(a[a.length-1]=n)}let u=!1,c=i.createElement("code",{className:"ch-code-scroll-parent"},i.createElement("br",null),a.map((e,t)=>{let o=u||e!==n?void 0:h;return u=u||null!=o,i.createElement("div",{ref:o,key:t},r?i.createElement("span",{className:"ch-code-line-number"},"_",s):void 0,i.createElement("div",{style:{display:"inline-block",marginLeft:16}},i.createElement("span",null,e)))}),i.createElement("br",null));return{prevLongestLine:n,nextLongestLine:l,element:c}},[e]),v=[...l,f,d,m,n,u];return(O(()=>{var e;if(h.current){let t=h.current,r=null==t?void 0:t.parentElement,o=r.parentElement,{width:i}=o.getBoundingClientRect();if(!i&&0===u){let e=new ResizeObserver(([t])=>{let{width:n}=t.contentRect;n&&(e.disconnect(),c(1))});return e.observe(o),()=>e.disconnect()}let l=null==t?void 0:t.querySelector(":scope > div"),a=null==t?void 0:t.querySelector(":scope > span"),f=a?function(e){let t=getComputedStyle(e);return parseFloat(t.width)}(a):0,p=_(l),g=p/d.length||1,b=m.length*g,y=null!==(e=C(l))&&void 0!==e?e:20,x={containerWidth:_(o.parentElement),containerHeight:C(o.parentElement),contentWidth:_(r.parentElement),contentHeight:C(r.parentElement),lineWidths:[p||b||200,b||p||200],lineWidth:[Math.max(p||b||200,g*n),Math.max(b||p||200,g*n)],lineHeight:y,colWidth:g,lineNumberWidth:f,deps:v};s(x)}return()=>{}},v),!a||function(e,t){for(let n=0;ne.focus),r.minColumns||10,r.lineNumbers||!1,r.rows,[r.parentHeight]);return!u||r.debug?i.createElement(ei,{element:s,htmlProps:o,debug:r.debug}):i.createElement(el,{dimensions:u,stepInfo:l,config:r,progress:n,htmlProps:o})}function ei({element:e,htmlProps:t,debug:n}){return i.createElement(ea,{htmlProps:t,measured:!1},e)}function el({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:r,stepInfo:o,progress:l,htmlProps:a,config:s}){var u;return i.createElement(ea,{htmlProps:a,measured:!0},i.createElement(Z,{codeStep:o,progress:l,dimensions:r,minZoom:e,maxZoom:t,center:n}),s.showCopyButton?i.createElement(er,{className:"ch-code-button",content:null===(u=null==o?void 0:o.code)||void 0===u?void 0:u.prev}):void 0)}function ea({htmlProps:e,children:t,measured:n}){return i.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${(null==e?void 0:e.className)||""}`,"data-ch-measured":n,children:t}))}function es(){return"undefined"!=typeof window?performance.now():0}function eu(e,t){var n=t.stiffness,r=t.damping,o=t.mass,i=t.decimals,l=t.teleport;return{X:e,k:null!=n?n:170,c:null!=r?r:26,m:null!=o?o:1,teleport:null!=l&&l,decimals:null!=i?i:2}}var ec=Math.sqrt,ef=Math.exp,eh=Math.sin,ed=Math.cos;function em(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,i=e.k,l=e.c,a=e.m,s=e.X,u=t-s,c=(o-r)/1e3,f=l*l-4*i*a;if(f>0){var h=(-l+ec(f))/(2*a),d=(-l-ec(f))/(2*a),m=(u*h-n)/(h-d),p=(n-u*d)/(h-d);return{x:s+m*ef(d*c)+p*ef(h*c),v:m*d*ef(d*c)+p*h*ef(h*c)}}if(f<0){var v=-l/(2*a),g=ec(-f)/(2*a),b=(n-v*u)/g;return{x:s+ef(v*c)*(u*ed(g*c)+b*eh(g*c)),v:ef(v*c)*((b*g+u*v)*ed(g*c)-(u*g-b*v)*eh(g*c))}}var y=-l/(2*a),x=n-y*u;return{x:s+(u+x*c)*ef(y*c),v:(x+u*y+x*y*c)*ef(y*c)}}var ep=[],ev=null;function eg(e){var t=ep.push(e);return 1===t&&(ev=requestAnimationFrame(ey)),[ev,t-1]}function eb(e){var t=e[0],n=e[1];t===ev&&delete ep[n]}function ey(){var e=es(),t=ep;ep=[],(0,l.unstable_batchedUpdates)(function(){return t.forEach(function(t){return t&&t(e)})})}var ex="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function eE(e,t){void 0===t&&(t={});var n,r,o,l,a,s,u,c,f,h=i.useState()[1],d=eu(e,t),m=(c=t,null==(f=i.useRef(null)).current&&(f.current={config:eu(e,c),state:{x0:null!=(n=c.from)?n:e,v0:null!=(r=c.initialSpeed)?r:0,t0:es(),raf:null}}),f.current),p=m.state,v=m.config,g=es(),b=p.x0,y=p.v0,x=p.t0,E=v.k,w=v.c,j=v.m,O=v.X,N=d.teleport?{x:O,v:0}:em({x0:b,v0:y,t0:x,t:g,k:E,c:w,m:j,X:O}),k=N.x,_=N.v,C=(o=d.decimals,l=d.X,a=d.k,s=d.c,u=d.m,ew(k,o)!==ew(l,o)||ew(em({x0:k,v0:_,t0:g,t:g+.016,k:a,c:s,m:u,X:l}).x,o)!==ew(l,o));return ex(function(){Object.assign(v,d)},[d.X,d.k,d.c,d.m,d.teleport]),ex(function(){p.x0=k,p.v0=_,p.t0=g},[k,_,g]),ex(function(){C&&null==p.raf?p.raf=eg(function e(t){var n=p.x0,r=p.v0,o=p.t0,i=v.k,l=v.c,a=v.m,s=v.X,u=v.decimals;ew(em({x0:n,v0:r,t0:o,t:t,k:i,c:l,m:a,X:s}).x,u)!==ew(n,u)?(p.raf=null,h(t)):p.raf=eg(e)}):C||null==p.raf||(eb(p.raf),p.raf=null)}),ex(function(){return function(){null!=p.raf&&eb(p.raf)}},[]),[ew(k,d.decimals),C]}function ew(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}let ej={stiffness:120,damping:24,mass:.2,decimals:3};function eO(e){var{step:t,config:n}=e,r=a(e,["step","config"]);let{tween:o,t:l}=function(e,t=ej){let[{target:n,steps:r,index:o},l]=i.useState({target:2,steps:[e,e,e],index:0});i.useEffect(()=>{let t=r[r.length-1];t!=e&&l(t=>(function(e,t,n){let{steps:r,target:o,index:i}=e,l=r.slice();return n-i<1?(l[2]=t,Object.assign(Object.assign({},e),{steps:l})):(l[0]=r[1],l[1]=r[2],l[2]=t,Object.assign(Object.assign({},e),{steps:l,target:o+1,index:i+1}))})(t,e,a))},[e]);let[a]=eE(n,t),s=a-o,u=s<=1?{tween:{prev:r[0],next:r[1]},t:s}:{tween:{prev:r[1],next:r[2]},t:s-1};return u}(t,n.spring);return i.createElement(eo,Object.assign({tween:o,progress:l,config:n},r))}let eN=i.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,zoom:l=1,overflow:s}=e,u=a(e,["title","children","titleBar","zoom","overflow"]);let c=o||i.createElement(ek,{title:n});return i.createElement("div",Object.assign({},u,{ref:t}),i.createElement("div",{className:"ch-frame"},i.createElement("div",{className:"ch-frame-title-bar"},c),i.createElement("div",{className:"ch-frame-content"},i.createElement("div",{className:"ch-frame-zoom",style:{"--ch-frame-zoom":l,overflow:s}},r))))});function ek({title:e}){return i.createElement(i.Fragment,null,i.createElement("div",{className:"ch-frame-left-bar"},i.createElement(e_,null)),i.createElement("div",{className:"ch-frame-middle-bar"},e),i.createElement("div",{className:"ch-frame-right-bar"}))}function e_(){return i.createElement("div",{className:"ch-frame-buttons"},i.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),i.createElement("div",{className:"ch-frame-button-space"}),i.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),i.createElement("div",{className:"ch-frame-button-space"}),i.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}i.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,overflow:l}=e,s=a(e,["title","children","titleBar","overflow"]);let u=o||i.createElement(ek,{title:n});return i.createElement("div",Object.assign({},s,{ref:t}),i.createElement("div",{className:"ch-simple-frame"},i.createElement("div",{className:"ch-frame-title-bar"},u),r))});let eC=i.forwardRef(function(e,t){var n,{northPanel:r,southPanel:o,terminalPanel:l,style:s,height:u,northButton:c,southButton:f,className:h,onTabClick:d}=e,m=a(e,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return i.createElement("div",Object.assign({ref:t},m,{className:"ch-editor-frame",style:s}),i.createElement("div",{className:"ch-frame-title-bar"},i.createElement(eS,{tabs:r.tabs,showFrameButtons:!0,button:c,panel:"north",onTabClick:d})),i.createElement("div",{"data-ch-panel":"north",style:r.style,children:r.children}),o&&i.createElement(i.Fragment,null,i.createElement("div",{className:"ch-frame-title-bar",style:{transform:null===(n=o.style)||void 0===n?void 0:n.transform}},i.createElement(eS,{tabs:o.tabs,showFrameButtons:!1,button:f,topBorder:!0,panel:"south",onTabClick:d})),i.createElement("div",{"data-ch-panel":"south",children:o.children,style:o.style})))});function eS({tabs:e,button:t,showFrameButtons:n,topBorder:r,panel:o,onTabClick:l}){return i.createElement(i.Fragment,null,r&&i.createElement("div",{className:"ch-editor-group-border"}),n?i.createElement(e_,null):i.createElement("div",null),e.map(({title:e,active:t,style:n})=>i.createElement("div",{key:e,title:e,"data-ch-tab":o,"data-active":t,className:"ch-editor-tab",style:n,onClick:l&&(()=>l(e))},i.createElement(eF,{title:e}))),i.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function eF({title:e}){if(!e)return i.createElement("div",null);let t=e.lastIndexOf("/")+1,n=e.substring(t),r=e.substring(0,t);return i.createElement("div",null,i.createElement("span",{style:{opacity:.5}},r),n)}let eH=i.createElement("span",{className:"ch-terminal-prompt"},"$");function eP({text:e,progress:t=1,style:n}){let r=function(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:r}=function(e){let[,...t]=e.split(/^\$\s*/gm),n=t.map(e=>{let[t,...n]=e.split(/\r?\n/);return{run:t,output:n.length>0?n.join("\n"):null}}),r=n[n.length-1],o=n.length>0&&null!=r.output,i=o?r.run.split(/(\s+)/)[0]:"bash";return{title:i,isRunning:o,commands:n}}(e.slice(0,n));return r}(e,t);return i.createElement("pre",{style:n,className:"ch-terminal-content"},r.map(({run:e,output:t},n)=>i.createElement(i.Fragment,{key:n},i.createElement("div",null,eH," ",i.createElement("span",null,e)),t&&i.createElement("div",{className:"ch-terminal-output"},t))))}function eM({prev:e="",prevKey:t,next:n="",nextKey:r,progress:o}){return i.createElement("div",{className:"ch-terminal"},i.createElement("div",{style:{position:"relative",transform:`translateY(-${100*o}%)`}},i.createElement(eP,{text:e,progress:1,key:t}),i.createElement(eP,{style:{position:"absolute"},text:n,progress:o,key:r})))}function eT({steps:e,progress:t}){let n=e.map(e=>e.text),r=Math.min(Math.max(Math.floor(t),0),e.length-1),o=r+1;return i.createElement(eM,{prev:n[r],prevKey:r,next:n[o]||"",nextKey:o,progress:t%1})}function ez({prev:e,next:t,t:n,backward:r}){let o=function({prev:e,next:t,t:n,backward:r}){return e||t?!e&&t?eA*Math.min(4*n,1):e&&!t?eA*Math.max(1-4*n,0):eA:0}({prev:e,next:t,t:n,backward:r});return o?i.createElement("div",{className:"ch-editor-terminal",style:{height:o}},i.createElement("div",{className:"ch-editor-terminal-tab"},i.createElement("span",null,"Terminal")),i.createElement("div",{className:"ch-editor-terminal-content"},i.createElement(eT,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}let eA=150;function eL(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function eB(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function eI({prevFile:e,nextFile:t,t:n,codeConfig:r,parentHeight:o}){var l;let a=Object.assign(Object.assign({},null==r?void 0:r.htmlProps),{style:Object.assign({height:"100%"},null===(l=null==r?void 0:r.htmlProps)||void 0===l?void 0:l.style)});return i.createElement(eo,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},r),{parentHeight:o})},a))}function e$(e){return e?d(e.code):""}function eW(e,t,n){var r,o;let i=e.northPanel.active,l=t.northPanel.active,a=null===(r=e.southPanel)||void 0===r?void 0:r.active,s=null===(o=t.southPanel)||void 0===o?void 0:o.active,u=e.files.find(e=>e.name===i),c=t.files.find(e=>e.name===l),f=a?e.files.find(e=>e.name===a):null,h=s?t.files.find(e=>e.name===s):null,d=!a&&i===s;if(d)return{prevNorthFile:c,nextNorthFile:c,prevSouthFile:u,nextSouthFile:h};let m=!s&&l===a;if(m)return{prevNorthFile:u,nextNorthFile:u,prevSouthFile:f,nextSouthFile:c};let p=i===l?u:n?u:c,v=i===l?c:n?u:c,g=a===s?f:n?f||h:h||f,b=a===s?h:n?f||h:h||f;return{prevNorthFile:p,nextNorthFile:v,prevSouthFile:g,nextSouthFile:b}}function eq(e,t,n,r,o,i){let l=e?Object.keys(e).filter(e=>eR(e,n)||!n).map(t=>{let r=n&&n[t],l=e[t],a=r?r.left+(l.left-r.left)*i:l.left,s=r?r.width+(l.width-r.width)*i:l.width;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${a}px)`,width:s}}}):[],a=e?Object.keys(e).filter(e=>n&&!eR(e,n)).map(t=>{let n=e[t];return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${n.left}px)`,opacity:i,width:n.width}}}):[];e&&Object.keys(e).filter(e=>eR(e,r)).map(t=>{let n=r[t],i=e[t],l=i.left-n.left;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${l}px)`}}});let s=n?Object.keys(n).filter(t=>!eR(t,e)).map(e=>{let t=n[e];return{active:e===o,title:e,style:{position:"absolute",opacity:1-i,transform:`translateX(${t.left}px)`,width:t.width}}}):[];return[...a,...l,...s]}function eR(e,t){return t&&e&&e in t}let eX="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function eK(e,t){var n;let r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']"),i=e.querySelector(".ch-frame-title-bar");return{titleBarHeight:i.getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:(null==o?void 0:o.getBoundingClientRect().height)||null,southKey:null===(n=t.southPanel)||void 0===n?void 0:n.active}}function eU(e,t){var n;let r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:eG(r,t.northPanel.active),southTabs:eG(o,null===(n=t.southPanel)||void 0===n?void 0:n.active)}}function eG(e,t){if(!e[0])return null;let n=e[0].parentElement,r=n.getBoundingClientRect().left,o={};return e.forEach(e=>{let n=e.getAttribute("title"),i=e.getBoundingClientRect();o[n]={left:i.left-r,width:i.width,active:n===t}}),o}function eV({files:e,startingFileName:t}){let[n,r]=i.useState(()=>e.find(e=>e.name===t));return i.createElement("div",{className:"ch-code-browser"},i.createElement(eY,{files:e,activeFile:n,setActiveFile:r}),i.createElement(eJ,{file:n}))}function eY({files:e,activeFile:t,setActiveFile:n}){let r=i.useMemo(()=>(function(e){let t=[];for(let n of e){let e=n.name.split("/"),r=t;for(let t=0;te.name===o);if(-1===l){let e={name:o,children:[],codeFile:void 0};i&&(e.codeFile=n),r.push(e),r=e.children}else r=r[l].children}}return function e(t){for(let n of t)n.children=e(n.children);return t.sort((e,t)=>{let n=e.children&&e.children.length>0,r=t.children&&t.children.length>0;return n&&r||!n&&!r?e.name.localeCompare(t.name):n?-1:1})}(t)})(e),[e]);return i.createElement("div",{className:"ch-code-browser-sidebar"},i.createElement(eZ,{tree:r,activeFile:t,setActiveFile:n}))}function eZ({tree:e,activeFile:t,setActiveFile:n,level:r=0}){return i.createElement(i.Fragment,null,e.map(e=>i.createElement(eD,{key:e.name,node:e,activeFile:t,setActiveFile:n,level:r})))}function eD({node:e,activeFile:t,setActiveFile:n,level:r}){let o=e.children&&e.children.length>0,l=e.codeFile===t;return o?i.createElement("div",null,i.createElement("div",{className:"ch-code-browser-sidebar-folder"},i.createElement("div",{style:{paddingLeft:1.5*r+"ch"}},e.name)),i.createElement(eZ,{tree:e.children,activeFile:t,setActiveFile:n,level:r+1})):i.createElement("div",null,i.createElement("div",{className:"ch-code-browser-sidebar-file","data-selected":l,onClick:()=>n(e.codeFile)},i.createElement("div",{style:{paddingLeft:1.5*r+"ch"}},e.name)))}function eJ({file:e}){return i.createElement("div",{className:"ch-code-browser-content"},i.createElement(er,{className:"ch-code-browser-button",content:d(e.code)}),e.code.lines.map((e,t)=>i.createElement("div",{key:t},e.tokens.map((e,t)=>i.createElement("span",Object.assign({key:t},e.props),e.content)),i.createElement("br",null))))}function eQ({style:e,step:t,className:n}){let[r,o]=i.useState(!1),[l,a]=i.useState(!0),s=i.useRef(null),u=t.files;return(i.useEffect(()=>{s.current&&!s.current.showModal&&a(!1)},[]),l)?i.createElement(i.Fragment,null,i.createElement(e0,{className:n,style:e,onClick:()=>{s.current.showModal(),document.body.classList.add("ch-no-scroll"),o(!0)}}),i.createElement("dialog",{ref:s,className:"ch-expand-dialog",onClose:()=>{o(!1)},onClick:e=>{e.currentTarget===e.target&&(s.current.close(),document.body.classList.remove("ch-no-scroll"))}},i.createElement(e1,{onClick:()=>{s.current.close(),document.body.classList.remove("ch-no-scroll")}}),r?i.createElement("div",{className:"ch-expand-dialog-content"},i.createElement(eV,{files:u,startingFileName:t.northPanel.active})):void 0)):null}function e0({onClick:e,style:t,className:n}){return i.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})))}function e1({onClick:e}){return i.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}let e2={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function e4(e){var{prev:t=e2,next:n,t:r,backward:o,codeConfig:l,frameProps:s={}}=e,u=a(e,["prev","next","t","backward","codeConfig","frameProps"]);let c=i.createRef(),{showCopyButton:f,showExpandButton:h}=l,d=a(l,["showCopyButton","showExpandButton"]),{northPanel:m,southPanel:p,northContent:v,southContent:g}=function(e,t,n,r,o,l){var a,s,u,c,f,h,d,m,p;let{prevSnapshot:v,nextSnapshot:g}=function(e,t,n){let[{prevSnapshot:r,nextSnapshot:o},l]=i.useState({prevSnapshot:null,nextSnapshot:null});return eX(()=>{(r||o)&&l({prevSnapshot:null,nextSnapshot:null})},[t,n]),eX(()=>{if(r){if(!o){let t=e.current;l(e=>Object.assign(Object.assign({},e),{nextSnapshot:Object.assign(Object.assign({},eK(t,n)),eU(t,n))}))}}else{let n=e.current;l(e=>Object.assign(Object.assign({},e),{prevSnapshot:Object.assign(Object.assign({},eK(n,t)),eU(n,t))}))}}),{prevSnapshot:r,nextSnapshot:o}}(e,t,n);if(!v)return function(e,t,n){let r=e.northPanel,o=e.southPanel,{prevNorthFile:l,prevSouthFile:a,nextNorthFile:s,nextSouthFile:u}=eW(e,t,!0);return{northContent:e$(l),northPanel:{tabs:r.tabs.map(e=>({title:e,active:e===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eL(n),prevFile:l,nextFile:l,t:0,parentHeight:"0"})},southContent:e$(a),southPanel:o&&{tabs:o.tabs.map(e=>({title:e,active:e===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eB(n),prevFile:a,nextFile:a,t:0,parentHeight:"0"})}}}(t,n,l);if(!g||1===r)return function(e,t,n){var r;let o=t.northPanel,l=t.southPanel,{prevNorthFile:a,prevSouthFile:s,nextNorthFile:u,nextSouthFile:c}=eW(e,t,!1),f=!l&&o.active===(null===(r=null==e?void 0:e.southPanel)||void 0===r?void 0:r.active);return f&&(u=c),{northContent:e$(u),northPanel:{tabs:o.tabs.map(e=>({title:e,active:e===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eL(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:e$(c),southPanel:l&&{tabs:l.tabs.map(e=>({title:e,active:e===l.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eB(n),prevFile:c,nextFile:c,t:1,parentHeight:"1"})}}}(t,n,l);let b=t.southPanel||n.southPanel,{prevNorthFile:y,prevSouthFile:x,nextNorthFile:E,nextSouthFile:w}=eW(t,n,0==r||o),{northStyle:j,southStyle:O}=null===v.southHeight&&null===g.southHeight?{northStyle:{minHeight:v.northHeight}}:null!==v.southHeight&&null===g.southHeight&&g.northKey!==v.southKey?{northStyle:{minHeight:(a=v.northHeight,a+(g.northHeight-a)*r)},southStyle:{minHeight:v.southHeight}}:null!==v.southHeight&&null===g.southHeight&&v.southKey===g.northKey?{northStyle:{minHeight:v.northHeight},southStyle:{position:"relative",minHeight:(s=v.southHeight,s+(g.northHeight-s)*r),transform:`translateY(${0+(-(v.northHeight+v.titleBarHeight)-0)*r}px)`}}:null===v.southHeight&&null!==g.southHeight&&v.northKey!==g.southKey?{northStyle:{minHeight:(u=v.northHeight,u+(g.northHeight-u)*r)},southStyle:{position:"relative",minHeight:g.southHeight}}:null===v.southHeight&&null!==g.southHeight&&v.northKey===g.southKey?{northStyle:{minHeight:g.northHeight},southStyle:{position:"relative",minHeight:(c=v.northHeight,c+(g.southHeight-c)*r),transform:`translateY(${(f=-(g.northHeight+g.titleBarHeight))+(0-f)*r}px)`}}:{northStyle:{minHeight:(h=v.northHeight,h+(g.northHeight-h)*r)},southStyle:{minHeight:(d=v.southHeight,d+(g.southHeight-d)*r)}},{northTabs:N,southTabs:k}=(m=y.name,p=null==x?void 0:x.name,!v.southTabs&&eR(p,v.northTabs)?{northTabs:eq(g.northTabs,g.southTabs,v.southTabs,v.northTabs,m,r),southTabs:eq(g.southTabs,g.northTabs,v.northTabs,v.southTabs,p,r)}:!g.southTabs&&eR(p,g.northTabs)?{northTabs:eq(g.southTabs,g.northTabs,v.northTabs,v.southTabs,m,r),southTabs:eq(g.northTabs,g.southTabs,v.southTabs,v.northTabs,p,r)}:{northTabs:eq(g.northTabs,g.southTabs,v.northTabs,v.southTabs,m,r),southTabs:eq(g.southTabs,g.northTabs,v.southTabs,v.northTabs,p,r)});return{northContent:e$(E),northPanel:{tabs:N,style:j,children:i.createElement(eI,{codeConfig:eL(l),prevFile:y,nextFile:E,t:r,parentHeight:j.height||j.minHeight})},southContent:e$(w),southPanel:b&&{tabs:k,style:O,children:i.createElement(eI,{codeConfig:eB(l),prevFile:x,nextFile:w,t:r,parentHeight:(null==O?void 0:O.height)||(null==O?void 0:O.minHeight)})}}}(c,t,n||t,r,o,d),[b,y]=i.useState(void 0);O(()=>{var e;let t=null===(e=c.current)||void 0===e?void 0:e.getBoundingClientRect().height;y(t)},[]);let x=Object.assign(Object.assign(Object.assign({},s),u),{style:Object.assign(Object.assign({},null==s?void 0:s.style),null==u?void 0:u.style)});b&&(x.style.height=b,x.style.maxHeight=b);let E=i.createElement(i.Fragment,null,f?i.createElement(er,{className:"ch-editor-button",content:v}):void 0,h?i.createElement(eQ,{className:"ch-editor-button",step:n||t}):void 0),w=f?i.createElement(er,{className:"ch-editor-button",content:g}):void 0,j=i.createElement(ez,{prev:t.terminal,next:(n||t).terminal,t:r,backward:o});return i.createElement(eC,Object.assign({ref:c},x,{northPanel:m,southPanel:p,terminalPanel:j,northButton:E,southButton:w}))}let e5={stiffness:120,damping:24,mass:.2,decimals:3};function e3(e){var{northPanel:t,southPanel:n,files:r,terminal:o,springConfig:l}=e,s=a(e,["northPanel","southPanel","files","terminal","springConfig"]);let u=i.useMemo(()=>({northPanel:t,southPanel:n,files:r,terminal:o}),[t,n,r,o]),{prev:c,next:f,t:h}=function(e,t=e5){let[{target:n,steps:r,index:o},l]=i.useState({target:2,steps:[e,e,e],index:0});i.useEffect(()=>{let t=r[r.length-1];t!=e&&l(t=>(function(e,t,n){let{steps:r,target:o,index:i}=e,l=r.slice();return n-i<1?(l[2]=t,Object.assign(Object.assign({},e),{steps:l})):(l[0]=r[1],l[1]=r[2],l[2]=t,Object.assign(Object.assign({},e),{steps:l,target:o+1,index:i+1}))})(t,e,a))},[e]);let[a]=eE(n,t),s=a-o,u=s<=1?{prev:r[0],next:r[1],t:s}:{prev:r[1],next:r[2],t:s-1};return u}(u,l);return i.createElement(e4,Object.assign({t:h,backward:!1,prev:c,next:f},s))}function e6(e){let[t,n]=i.useState(e);return i.createElement(e8,Object.assign({},t,{onTabClick:function(e){let r=function(e,t,n){let r=t||e.northPanel.active,o=e.files.map(e=>e.name===r?Object.assign(Object.assign({},e),{focus:null===n?e.focus:n}):e),i=Object.assign({},e.northPanel),l=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?i.active=r:l&&(l.active=r),{files:o,northPanel:i,southPanel:l}}(t,e,null);n(Object.assign(Object.assign({},t),r))}}))}function e8(e){var t,n,{onTabClick:r}=e,o=a(e,["onTabClick"]);let l=function(e){var t,n,r,o,i,l,s,u,c;let{lineNumbers:f,showCopyButton:h,showExpandButton:d,minZoom:m,maxZoom:p}=e,v=a(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),g=Object.assign(Object.assign({},e.codeConfig),{maxZoom:null==p?null===(t=e.codeConfig)||void 0===t?void 0:t.maxZoom:p,minZoom:null==m?null===(n=e.codeConfig)||void 0===n?void 0:n.minZoom:m,horizontalCenter:null!==(o=null===(r=e.codeConfig)||void 0===r?void 0:r.horizontalCenter)&&void 0!==o?o:e.horizontalCenter,lineNumbers:null==f?null===(i=e.codeConfig)||void 0===i?void 0:i.lineNumbers:f,showCopyButton:null==h?null===(l=e.codeConfig)||void 0===l?void 0:l.showCopyButton:h,showExpandButton:null==d?null===(s=e.codeConfig)||void 0===s?void 0:s.showExpandButton:d,rows:e.rows,debug:null!==(u=e.debug)&&void 0!==u?u:null===(c=e.codeConfig)||void 0===c?void 0:c.debug});return Object.assign(Object.assign({},v),{codeConfig:g})}(o),{className:s,style:u,codeConfig:c}=l,f=a(l,["className","style","codeConfig"]);if(!o.southPanel&&1===o.files.length&&!o.files[0].name)return i.createElement("div",{className:`ch-codeblock not-prose ${s||""}`,"data-ch-theme":null===(t=o.codeConfig)||void 0===t?void 0:t.themeName,style:u},i.createElement(eO,{className:"ch-code",config:c,step:f.files[0]}));{let e=Object.assign(Object.assign({},null==f?void 0:f.frameProps),{onTabClick:r});return i.createElement("div",{className:`ch-codegroup not-prose ${s||""}`,"data-ch-theme":null===(n=o.codeConfig)||void 0===n?void 0:n.themeName,style:u},i.createElement(e3,Object.assign({},f,{frameProps:e,codeConfig:c})))}}function e9(){return i.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-back-button"},i.createElement("g",null,i.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function e7(){return i.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-forward-button"},i.createElement("g",null,i.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function te({href:e}){return i.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,target:"_blank",rel:"noopener noreferrer"},i.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:"ch-browser-open-icon",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function tt({url:e,linkUrl:t}){return i.createElement(i.Fragment,null,i.createElement(e_,null),i.createElement(e9,null),i.createElement(e7,null),i.createElement("input",{value:e||"",readOnly:!0}),i.createElement(te,{href:t}))}i.createContext({props:null,setFocus:()=>{}}),i.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}}),i.forwardRef(function(e,t){var{progress:n=0,backward:r=!1,steps:o,transition:l="none"}=e,s=a(e,["progress","backward","steps","transition"]);let u=i.useMemo(()=>o?o.map(e=>{let{displayUrl:t,loadUrl:n}=function(e,t,n){let r="undefined"!=typeof window?window.origin:"",o=e&&!0===n?r+e:e;return{displayUrl:o,loadUrl:t||o}}(e.url,e.loadUrl,e.prependOrigin);return{zoom:e.zoom||1,displayUrl:t,loadUrl:n,children:e.children}}):[{zoom:1}],[o]),c=Math.round(n),{zoom:f,displayUrl:h,loadUrl:d,children:m}=u[c];return i.createElement(eN,Object.assign({},s,{zoom:f,className:`ch-mini-browser ${s.className||""}`,style:Object.assign(Object.assign({},function({progress:e,transition:t}){if("slide"===t){let t=e-Math.floor(e),n=2*Math.abs(t-.5);return{transform:`translateX(${t<=.5?-50*t:50-50*t}px)`,opacity:n*n}}return{}}({progress:n,transition:l})),s.style),titleBar:i.createElement(tt,{url:h,linkUrl:d})}),m||i.createElement("iframe",{ref:t,src:d}))});var tn="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},tr={};Object.defineProperty(tr,"__esModule",{value:!0}),tr.getMainFile=function(e){return"vue-cli"===e?"src/main.js":"angular-cli"===e?"src/main.ts":"create-react-app-typescript"===e?"src/index.tsx":"parcel"===e?"index.html":"gatsby"===e?"src/pages/index.js":"nuxt"===e||"next"===e||"apollo"===e||"reason"===e||"sapper"===e?"package.json":"nest"===e?"src/main.ts":"static"===e?"index.html":"src/index.js"};var to="sandbox.config.json";tr.getTemplate=function(e,t){var n=t[to]||t["/"+to];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch(e){}var o=e.dependencies,i=e.devDependencies,l=Object.keys(void 0===o?{}:o).concat(Object.keys(void 0===i?{}:i)),a=["nuxt","nuxt-edge"];if(l.some(function(e){return a.indexOf(e)>-1}))return"nuxt";if(l.indexOf("next")>-1)return"next";var s=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(l.some(function(e){return s.indexOf(e)>-1}))return"apollo";if(l.indexOf("ember-cli")>-1)return"ember";if(l.indexOf("sapper")>-1)return"sapper";var u=Object.keys(t);if(u.some(function(e){return e.endsWith(".vue")}))return"vue-cli";if(u.some(function(e){return e.endsWith(".re")}))return"reason";if(l.indexOf("gatsby")>-1)return"gatsby";if(l.indexOf("parcel-bundler")>-1)return"parcel";if(l.indexOf("react-scripts")>-1)return"create-react-app";if(l.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(l.indexOf("@angular/core")>-1)return"angular-cli";if(l.indexOf("preact-cli")>-1)return"preact-cli";if(l.indexOf("svelte")>-1)return"svelte";if(l.indexOf("vue")>-1)return"vue-cli";var c=["@dojo/core","@dojo/framework"];return l.some(function(e){return c.indexOf(e)>-1})?"@dojo/cli-create-app":l.indexOf("cx")>-1?"cxjs":l.indexOf("@nestjs/core")>-1||l.indexOf("@nestjs/common")>-1?"nest":void 0};var ti={exports:{}};!function(e,t){var n,r,o,i="__lodash_hash_undefined__",l="[object Arguments]",a="[object Array]",s="[object Boolean]",u="[object Date]",c="[object Error]",f="[object Function]",h="[object Map]",d="[object Number]",m="[object Object]",p="[object Promise]",v="[object RegExp]",g="[object Set]",b="[object String]",y="[object WeakMap]",x="[object ArrayBuffer]",E="[object DataView]",w=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[x]=O[s]=O[E]=O[u]=O[c]=O[f]=O[h]=O[d]=O[m]=O[v]=O[g]=O[b]=O[y]=!1;var N="object"==typeof tn&&tn&&tn.Object===Object&&tn,k="object"==typeof self&&self&&self.Object===Object&&self,_=N||k||Function("return this")(),C=t&&!t.nodeType&&t,S=C&&e&&!e.nodeType&&e,F=S&&S.exports===C,H=F&&N.process,P=function(){try{return H&&H.binding&&H.binding("util")}catch(e){}}(),M=P&&P.isTypedArray;function T(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function z(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var A=Array.prototype,L=Function.prototype,B=Object.prototype,I=_["__core-js_shared__"],$=L.toString,W=B.hasOwnProperty,q=(n=/[^.]+$/.exec(I&&I.keys&&I.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"",R=B.toString,X=RegExp("^"+$.call(W).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),K=F?_.Buffer:void 0,U=_.Symbol,G=_.Uint8Array,V=B.propertyIsEnumerable,Y=A.splice,Z=U?U.toStringTag:void 0,D=Object.getOwnPropertySymbols,J=K?K.isBuffer:void 0,Q=(r=Object.keys,o=Object,function(e){return r(o(e))}),ee=eO(_,"DataView"),et=eO(_,"Map"),en=eO(_,"Promise"),er=eO(_,"Set"),eo=eO(_,"WeakMap"),ei=eO(Object,"create"),el=e_(ee),ea=e_(et),es=e_(en),eu=e_(er),ec=e_(eo),ef=U?U.prototype:void 0,eh=ef?ef.valueOf:void 0;function ed(e){var t=-1,n=null==e?0:e.length;for(this.clear();++ta))return!1;var u=i.get(e);if(u&&i.get(t))return u==t;var c=-1,f=!0,h=2&n?new ev:void 0;for(i.set(e,t),i.set(t,e);++c-1&&c%1==0&&c-1},em.prototype.set=function(e,t){var n=this.__data__,r=eb(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},ep.prototype.clear=function(){this.size=0,this.__data__={hash:new ed,map:new(et||em),string:new ed}},ep.prototype.delete=function(e){var t=ej(this,e).delete(e);return this.size-=t?1:0,t},ep.prototype.get=function(e){return ej(this,e).get(e)},ep.prototype.has=function(e){return ej(this,e).has(e)},ep.prototype.set=function(e,t){var n=ej(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},ev.prototype.add=ev.prototype.push=function(e){return this.__data__.set(e,i),this},ev.prototype.has=function(e){return this.__data__.has(e)},eg.prototype.clear=function(){this.__data__=new em,this.size=0},eg.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},eg.prototype.get=function(e){return this.__data__.get(e)},eg.prototype.has=function(e){return this.__data__.has(e)},eg.prototype.set=function(e,t){var n=this.__data__;if(n instanceof em){var r=n.__data__;if(!et||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new ep(r)}return n.set(e,t),this.size=n.size,this};var eN=D?function(e){return null==e?[]:function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e<=9007199254740991}function eT(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function ez(e){return null!=e&&"object"==typeof e}var eA=M?function(e){return M(e)}:function(e){return ez(e)&&eM(e.length)&&!!O[ey(e)]};e.exports=function(e,t){return function e(t,n,r,o,i){return t===n||(null!=t&&null!=n&&(ez(t)||ez(n))?function(e,t,n,r,o,i){var f=eF(e),p=eF(t),y=f?a:ek(e),w=p?a:ek(t);y=y==l?m:y,w=w==l?m:w;var j=y==m,O=w==m,N=y==w;if(N&&eH(e)){if(!eH(t))return!1;f=!0,j=!1}if(N&&!j)return i||(i=new eg),f||eA(e)?eE(e,t,n,r,o,i):function(e,t,n,r,o,i,l){switch(n){case E:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)break;e=e.buffer,t=t.buffer;case x:if(e.byteLength!=t.byteLength||!i(new G(e),new G(t)))break;return!0;case s:case u:case d:return eC(+e,+t);case c:return e.name==t.name&&e.message==t.message;case v:case b:return e==t+"";case h:var a=T;case g:var f=1&r;if(a||(a=z),e.size!=t.size&&!f)break;var m=l.get(e);if(m)return m==t;r|=2,l.set(e,t);var p=eE(a(e),a(t),r,o,i,l);return l.delete(e),p;case"[object Symbol]":if(eh)return eh.call(e)==eh.call(t)}return!1}(e,t,y,n,r,o,i);if(!(1&n)){var k=j&&W.call(e,"__wrapped__"),_=O&&W.call(t,"__wrapped__");if(k||_){var C=k?e.value():e,S=_?t.value():t;return i||(i=new eg),o(C,S,n,r,i)}}return!!N&&(i||(i=new eg),function(e,t,n,r,o,i){var l=1&n,a=ew(e),s=a.length;if(s!=ew(t).length&&!l)return!1;for(var u=s;u--;){var c=a[u];if(!(l?c in t:W.call(t,c)))return!1}var f=i.get(e);if(f&&i.get(t))return f==t;var h=!0;i.set(e,t),i.set(t,e);for(var d=l;++ue.annotatedGroups.flatMap(e=>{var t;return null===(t=e.prev)||void 0===t?void 0:t.groups.flatMap(e=>e.tokens.map(e=>e.content))}).join("")).join("\n");return i.createElement("div",{style:n,className:"ch-code-multiline-mark "+(null!=t?t:"")},i.createElement("span",{className:"ch-code-multiline-mark-border"}),e,i.createElement(er,{className:"ch-code-button",content:o}))}function ts({children:e,data:t}){return i.createElement("span",{className:"ch-code-inline-mark "+(null!=t?t:""),style:{background:function(e){var t,n,r;try{let o=i.Children.toArray(e)[0],l=i.Children.toArray((null===(t=null==o?void 0:o.props)||void 0===t?void 0:t.children)||[])[0],a=i.Children.toArray((null===(n=null==l?void 0:l.props)||void 0===n?void 0:n.children)||[])[0],{color:f}=(null===(r=null==a?void 0:a.props)||void 0===r?void 0:r.style)||{};if(f)return function(e,t){if(!e)return e;let{r:n,g:r,b:o,a:i}=function(e){if(!e)return;if(!s(e))throw Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),n=u(e.slice(1),t),[r,o,i,l]=n.map(c);return{r,g:o,b:i,a:void 0!==l?l/255:1}}(e);return function(e){if(!e)return;let{r:t,g:n,b:r,a:o}=e;return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${Math.round(255*o).toString(16).padStart(2,"0")}`}({r:n,g:r,b:o,a:.2*i})}(f,0);return}catch(e){return}}(e)||void 0}},e)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6717-ce9ed5a57901a358.js b/version/v0.0.54/_next/static/chunks/6717-ce9ed5a57901a358.js
deleted file mode 100644
index e1f9091ff2b..00000000000
--- a/version/v0.0.54/_next/static/chunks/6717-ce9ed5a57901a358.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6717],{66717:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordion ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6883-cad336930e431068.js b/version/v0.0.54/_next/static/chunks/6883-cad336930e431068.js
deleted file mode 100644
index c8ba15a8514..00000000000
--- a/version/v0.0.54/_next/static/chunks/6883-cad336930e431068.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6883],{36883:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var e=n(52322),s=n(45392),l=n(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/6914-a9e3b4b6253b4e87.js b/version/v0.0.54/_next/static/chunks/6914-a9e3b4b6253b4e87.js
deleted file mode 100644
index 637d7a39092..00000000000
--- a/version/v0.0.54/_next/static/chunks/6914-a9e3b4b6253b4e87.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6914],{26914:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelect ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/700-6a813b915548ce49.js b/version/v0.0.54/_next/static/chunks/700-6a813b915548ce49.js
deleted file mode 100644
index 83fbc522358..00000000000
--- a/version/v0.0.54/_next/static/chunks/700-6a813b915548ce49.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[700],{60700:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Right (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Right (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Up",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Up",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Down",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Down",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7037-7f639a034cbea6dc.js b/version/v0.0.54/_next/static/chunks/7037-7f639a034cbea6dc.js
deleted file mode 100644
index d5d99d7c0ad..00000000000
--- a/version/v0.0.54/_next/static/chunks/7037-7f639a034cbea6dc.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7037],{87037:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"I am a placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"I am a placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"I am a placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"I am a placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7047-6d4bdd2b8ecb195e.js b/version/v0.0.54/_next/static/chunks/7047-6d4bdd2b8ecb195e.js
deleted file mode 100644
index 9233f747042..00000000000
--- a/version/v0.0.54/_next/static/chunks/7047-6d4bdd2b8ecb195e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7047],{77047:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlertModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlertModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7056-f60d90e051517afd.js b/version/v0.0.54/_next/static/chunks/7056-f60d90e051517afd.js
deleted file mode 100644
index b984acee45a..00000000000
--- a/version/v0.0.54/_next/static/chunks/7056-f60d90e051517afd.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7056],{57056:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Leading Icon + Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon + Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon + Variant:Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon + Variant:Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon + Variant:Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text + Trailing Icon + Variant:Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text + Trailing Icon + Variant:Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7136-5f77e95fc8c007cb.js b/version/v0.0.54/_next/static/chunks/7136-5f77e95fc8c007cb.js
deleted file mode 100644
index 67991bb6130..00000000000
--- a/version/v0.0.54/_next/static/chunks/7136-5f77e95fc8c007cb.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7136],{67136:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return c}});var n=e(52322),l=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Filled Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Required",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Filled Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/715-943a08f6232ea4f1.js b/version/v0.0.54/_next/static/chunks/715-943a08f6232ea4f1.js
deleted file mode 100644
index e4f77d430c1..00000000000
--- a/version/v0.0.54/_next/static/chunks/715-943a08f6232ea4f1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[715],{10715:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,s.ah)(),o.components);return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7159-a580232d3630bfec.js b/version/v0.0.54/_next/static/chunks/7159-a580232d3630bfec.js
deleted file mode 100644
index aa1a7325567..00000000000
--- a/version/v0.0.54/_next/static/chunks/7159-a580232d3630bfec.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7159],{97159:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7229-40e1c37922ae033c.js b/version/v0.0.54/_next/static/chunks/7229-40e1c37922ae033c.js
deleted file mode 100644
index e08d21b76b4..00000000000
--- a/version/v0.0.54/_next/static/chunks/7229-40e1c37922ae033c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7229],{57229:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7272-32cf1f7ee5103196.js b/version/v0.0.54/_next/static/chunks/7272-32cf1f7ee5103196.js
deleted file mode 100644
index 7bf04cc7356..00000000000
--- a/version/v0.0.54/_next/static/chunks/7272-32cf1f7ee5103196.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7272],{36904:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["We try to set ",(0,n.jsx)(t.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,n.jsx)(t.code,{children:"areaPopup"})," with ",(0,n.jsx)(t.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Link ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react-router-dom",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"/* Only link */",props:{style:{color:"#616E88"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"/* With Sub-Navigation */",props:{style:{color:"#616E88"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7358-d3e3615ddc0ff139.js b/version/v0.0.54/_next/static/chunks/7358-d3e3615ddc0ff139.js
deleted file mode 100644
index 35b9cb53f0b..00000000000
--- a/version/v0.0.54/_next/static/chunks/7358-d3e3615ddc0ff139.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7358],{91542:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true">Dot (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true">Dot (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true" ',props:{style:{color:"#D8DEE9"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true" ',props:{style:{color:"#D8DEE9"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/739-c6cd9c0bbda85ef4.js b/version/v0.0.54/_next/static/chunks/739-c6cd9c0bbda85ef4.js
deleted file mode 100644
index 9fe86271683..00000000000
--- a/version/v0.0.54/_next/static/chunks/739-c6cd9c0bbda85ef4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[739],{50739:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7453-602a341957fb2b62.js b/version/v0.0.54/_next/static/chunks/7453-602a341957fb2b62.js
deleted file mode 100644
index 0e83d2e4fe2..00000000000
--- a/version/v0.0.54/_next/static/chunks/7453-602a341957fb2b62.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7453],{97453:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag ",props:{style:{color:"#8FBCBB"}}},{content:':overflow="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Overflow ",props:{style:{color:"#8FBCBB"}}},{content:"(max-width)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag ",props:{style:{color:"#8FBCBB"}}},{content:':overflow="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Overflow ",props:{style:{color:"#8FBCBB"}}},{content:"(max-width)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7559-d5335cafb77a3165.js b/version/v0.0.54/_next/static/chunks/7559-d5335cafb77a3165.js
deleted file mode 100644
index 962731f9676..00000000000
--- a/version/v0.0.54/_next/static/chunks/7559-d5335cafb77a3165.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7559],{57559:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7577-0f47a055302e30d1.js b/version/v0.0.54/_next/static/chunks/7577-0f47a055302e30d1.js
deleted file mode 100644
index 0155cb6e471..00000000000
--- a/version/v0.0.54/_next/static/chunks/7577-0f47a055302e30d1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7577],{67577:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7651-c9cb1c5b9cad7116.js b/version/v0.0.54/_next/static/chunks/7651-c9cb1c5b9cad7116.js
deleted file mode 100644
index ef810c019cf..00000000000
--- a/version/v0.0.54/_next/static/chunks/7651-c9cb1c5b9cad7116.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7651],{37651:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBIconModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBIconModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/78-3d734f737312cbda.js b/version/v0.0.54/_next/static/chunks/78-3d734f737312cbda.js
deleted file mode 100644
index 264e7ee2d81..00000000000
--- a/version/v0.0.54/_next/static/chunks/78-3d734f737312cbda.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78],{30078:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7852-2d03ee0cde01f020.js b/version/v0.0.54/_next/static/chunks/7852-2d03ee0cde01f020.js
deleted file mode 100644
index 245724bb9b3..00000000000
--- a/version/v0.0.54/_next/static/chunks/7852-2d03ee0cde01f020.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7852],{27852:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7906-0af15391f06d1844.js b/version/v0.0.54/_next/static/chunks/7906-0af15391f06d1844.js
deleted file mode 100644
index 59bbd36434f..00000000000
--- a/version/v0.0.54/_next/static/chunks/7906-0af15391f06d1844.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7906],{97906:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["If you want to use sub-navigations for mobile you need to add a ",(0,n.jsx)(t.code,{children:"eventListner:click"})," on the ",(0,n.jsx)(t.code,{children:"db-navigation-item-expand-button"}),". This eventListener should set ",(0,n.jsx)(t.code,{children:"aria-expanded"})," to ",(0,n.jsx)(t.code,{children:"true"})," for the ",(0,n.jsx)(t.code,{children:"button"}),". This will open a static overlay for mobile/tablet devices with your ",(0,n.jsx)(t.code,{children:"db-sub-navigation"}),". For desktop devices it works by default with ",(0,n.jsx)(t.code,{children:":hover"}),"."]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7977-965448c3450ae351.js b/version/v0.0.54/_next/static/chunks/7977-965448c3450ae351.js
deleted file mode 100644
index 6d370330fd3..00000000000
--- a/version/v0.0.54/_next/static/chunks/7977-965448c3450ae351.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7977],{37977:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"title",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"title",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"title",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/7990-c9c962f0700e1e9f.js b/version/v0.0.54/_next/static/chunks/7990-c9c962f0700e1e9f.js
deleted file mode 100644
index 28fa552f8db..00000000000
--- a/version/v0.0.54/_next/static/chunks/7990-c9c962f0700e1e9f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7990],{7990:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"{alert('click close button')}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"click close button",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Closable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" :click=\"()=>{alert('click ",props:{style:{color:"#D8DEE9"}}},{content:"close ",props:{style:{color:"#8FBCBB"}}},{content:"button')}\">Closable",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" {alert('click close button')}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"click close button",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Closable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" :click=\"()=>{alert('click ",props:{style:{color:"#D8DEE9"}}},{content:"close ",props:{style:{color:"#8FBCBB"}}},{content:"button')}\">Closable",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Permanent",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" ",props:{style:{color:"#D8DEE9"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Permanent",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" ",props:{style:{color:"#D8DEE9"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8159-8b47a29fd8982f56.js b/version/v0.0.54/_next/static/chunks/8159-8b47a29fd8982f56.js
deleted file mode 100644
index c0162843fb8..00000000000
--- a/version/v0.0.54/_next/static/chunks/8159-8b47a29fd8982f56.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8159],{88159:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextareaModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextareaModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-root",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" textarea ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8163-c940f16dae0400cb.js b/version/v0.0.54/_next/static/chunks/8163-c940f16dae0400cb.js
deleted file mode 100644
index 3af11d38713..00000000000
--- a/version/v0.0.54/_next/static/chunks/8163-c940f16dae0400cb.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8163],{88163:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8282-5ea455da9696caf8.js b/version/v0.0.54/_next/static/chunks/8282-5ea455da9696caf8.js
deleted file mode 100644
index 5f178a9bc98..00000000000
--- a/version/v0.0.54/_next/static/chunks/8282-5ea455da9696caf8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8282],{28282:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCodeDocs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components/src",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"codeSnippets ",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"/*This is a comment for a button*/ ",props:{style:{color:"#A3BE8C"}}},{content:"\\n",props:{style:{color:"#EBCB8B"}}},{content:" Test ",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCodeDocs codeSnippets",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"codeSnippets",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#D8DEE9FF"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#D8DEE9FF"}}},{content:"Test",props:{style:{color:"#D8DEE9"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]}],lang:"typescript"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8331-34d6ea4a4889d1a8.js b/version/v0.0.54/_next/static/chunks/8331-34d6ea4a4889d1a8.js
deleted file mode 100644
index a4669d3d983..00000000000
--- a/version/v0.0.54/_next/static/chunks/8331-34d6ea4a4889d1a8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8331],{88331:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled Number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required minLength",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"5",props:{style:{color:"#B48EAD"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :minLength="5">Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required minLength",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"5",props:{style:{color:"#B48EAD"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :minLength="5">Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled filled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled filled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Input Text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" ',props:{style:{color:"#D8DEE9"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8338-20200453e43ef6e0.js b/version/v0.0.54/_next/static/chunks/8338-20200453e43ef6e0.js
deleted file mode 100644
index 2dfb181129a..00000000000
--- a/version/v0.0.54/_next/static/chunks/8338-20200453e43ef6e0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8338],{18338:function(e,a,n){n.d(a,{Z:function(){return D}});var t,l,i,r,s,o,d,c=n(52322),u=n(5632),h=n(2784);let m=()=>{var e,a;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},b=(e,a)=>{let n=e.children;Object.values(n).forEach(e=>{e.setAttribute(a.key,a.value),e.children.length>0&&b(e,a)})},p=function(){for(var e=arguments.length,a=Array(e),n=0;n{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let a in e)e[a]&&(t+="".concat(a," "))}}),t.trim()},f=(0,h.forwardRef)(function(e,a){let[n,t]=(0,h.useState)(()=>!1),[l,i]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{t(!e.fadeIn),e.stylePath&&i(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{t(!0)}):t(!0)},[]),(0,c.jsxs)("div",{ref:a,id:e.id,className:p("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":n,children:[l?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:l})}):null,e.slotHeader,(0,c.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})}),v=(0,h.forwardRef)(function(e,a){let[n,t]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,c.jsxs)("button",{id:e.id,ref:a,className:p("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:[n?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:n})}):null,e.children]})}),g="OVERWRITE_DEFAULT_ID";(t=r||(r={})).FUNCTIONAL="functional",t.REGULAR="regular",t.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,a]=e;return a}),(s||(s={})).PRIMARY="primary",(l=o||(o={})).NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.PRIMARY="primary",l.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",l.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.WARNING="warning",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",Object.entries(o).map(e=>{let[,a]=e;return a}),Object.entries(s).map(e=>{let[,a]=e;return a}),(i=d||(d={})).CRITICAL="critical",i.INFORMATIONAL="informational",i.WARNING="warning",i.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,a]=e;return a});let x=(0,h.forwardRef)(function(e,a){var n;let t=(0,h.useRef)(a),l=(0,h.useRef)(null),[i,r]=(0,h.useState)(()=>g);function s(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function o(){t.current&&(e.open&&!t.current.open&&(l.current&&(l.current.hidden=!1),"none"===e.backdrop?t.current.show():t.current.showModal()),!e.open&&t.current.open&&(l.current&&(l.current.hidden=!0),setTimeout(()=>{var e;l.current&&(l.current.hidden=!1),null===(e=t.current)||void 0===e||e.close()},401)))}let[d,u]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{r(e.id||"drawer-"+m()),e.stylePath&&u(e.stylePath),o()},[]),(0,h.useEffect)(()=>{o()},[e.open]),(0,c.jsxs)("dialog",{className:"db-drawer",id:i,ref:t,onClick:e=>{s(e)},onKeyDown:e=>s(e),"data-backdrop":e.backdrop,children:[d?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:d})}):null,(0,c.jsxs)("article",{ref:l,className:p("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,c.jsxs)("header",{className:"db-drawer-header",children:[(0,c.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(v,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>s("close"),children:null!==(n=e.closeButtonText)&&void 0!==n?n:"Close Button"})}):null]}),(0,c.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})}),N=(0,h.forwardRef)(function(e,a){var n;let[t,l]=(0,h.useState)(()=>g),[i,r]=(0,h.useState)(()=>!1),[s,o]=(0,h.useState)(()=>!1),[d,u]=(0,h.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function f(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[N,j]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{r(!0),l(e.id||"header-"+m()),e.stylePath&&j(e.stylePath)},[]),(0,h.useEffect)(()=>{if(i&&document&&t&&e.forceMobile){let e=document.getElementById(t);e&&b(e,{key:"force-mobile",value:""}),o(!0)}},[i]),(0,c.jsxs)("header",{ref:a,className:p("db-header",e.className),id:t,"data-on-forcing-mobile":e.forceMobile&&!s,children:[N?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:N})}):null,(0,c.jsxs)(x,{"data-hide-on":"desktop",spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>f(),children:[(0,c.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,c.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,c.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,c.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,c.jsx)("div",{className:"db-header-meta-navigation","data-hide-on":"mobile",children:e.slotMetaNavigation}),(0,c.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,c.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,c.jsxs)("div",{className:"db-header-navigation-container",children:[(0,c.jsx)("div",{className:"db-header-navigation","data-hide-on":"mobile",children:e.children}),(0,c.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,c.jsxs)("div",{className:"db-header-action-container",children:[(0,c.jsx)("div",{"data-hide-on":"desktop",children:(0,c.jsx)(v,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>f(),children:null!==(n=e.burgerMenuLabel)&&void 0!==n?n:d.burgerMenuLabel})}),(0,c.jsx)("div",{className:"db-header-action-bar","data-hide-on":"mobile",children:e.slotActionBar})]})]})]})}),j=(0,h.forwardRef)(function(e,a){var n,t,l,i,r;let[s,o]=(0,h.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[d,u]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&u(e.stylePath)},[]),(0,c.jsxs)("div",{ref:a,id:e.id,className:p("db-brand",e.className),children:[d?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:d})}):null,(0,c.jsxs)("a",{href:null!==(n=e.anchorRef)&&void 0!==n?n:s.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("img",{className:"db-logo",src:null!==(t=e.imgSrc)&&void 0!==t?t:s.src,alt:null!==(l=e.imgAlt)&&void 0!==l?l:"",height:null!==(i=e.imgHeight)&&void 0!==i?i:s.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:s.width})}),e.anchorChildren?(0,c.jsx)(c.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,c.jsx)(c.Fragment,{children:e.children})]})}),R=(0,h.forwardRef)(function(e,a){let[n,t]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,c.jsxs)("section",{ref:a,id:e.id,"data-size":e.size||"medium",className:p("db-section",e.className),children:[n?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:n})}):null,(0,c.jsx)("div",{"data-variant":e.variant,children:e.children})]})}),A=()=>{let e=(0,h.useRef)(null),[a,n]=(0,h.useState)(!1);return(0,h.useEffect)(()=>{var a;let t=(null===(a=null==e?void 0:e.current)||void 0===a?void 0:a.innerHTML)==="";t&&n(!0)},[]),[a,e]};var S=e=>{let{children:a,element:n="div",...t}=e,[l,i]=A();return l?(0,h.createElement)(n,{...t,children:a}):(0,h.createElement)(n,{...t,ref:i,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:""}})};let E=(0,h.forwardRef)(function(e,a){let[n,t]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,c.jsxs)("nav",{ref:a,id:e.id,className:p("db-main-navigation",e.className),children:[n?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:n})}):null,(0,c.jsx)("menu",{children:e.children})]})}),T=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Examples",path:"/foundations/colors/examples"}]},{label:"Icons",path:"/foundations/icons"}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBIcon",name:"icon"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion"},{label:"DBAccordionItem",name:"accordion-item"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBPage",name:"page"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>({label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"Examples",path:"/components/".concat(e.name,"/examples")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")}]}))}})]}];var y=n(39097),w=n.n(y);let I=(0,h.forwardRef)(function(e,a){var n;let[t,l]=(0,h.useState)(()=>!1),[i,r]=(0,h.useState)(()=>!1),[s,o]=(0,h.useState)(()=>!0),[d,u]=(0,h.useState)(()=>!1),[b,f]=(0,h.useState)(()=>"sub-navigation-"+m()),[g,x]=(0,h.useState)(()=>null);return(0,h.useEffect)(()=>{l(!0),e.stylePath&&x(e.stylePath)},[]),(0,h.useEffect)(()=>{void 0!==e.subNavigationExpanded&&u(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,h.useEffect)(()=>{if(void 0!==e.areaPopup)r(e.areaPopup),o(i);else if(t&&document&&b){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(b);if(e){let a=e.children;(null==a?void 0:a.length)>0?r(!0):o(!1)}}},[t,e.areaPopup]),(0,c.jsxs)("li",{ref:a,id:e.id,className:p("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[g?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:g})}):null,s?null:(0,c.jsx)(c.Fragment,{children:e.children}),s?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":i,"aria-expanded":d,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),i&&u(!0)},children:e.children}),(0,c.jsxs)("menu",{className:"db-sub-navigation",id:b,children:[i?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:"db-mobile-navigation-back",children:(0,c.jsx)(v,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),u(!1)},children:null!==(n=e.backButtonText)&&void 0!==n?n:"Back"})})}):null,e.slotSubNavigation]})]}):null]})}),k=(e,a)=>{var n;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(n=a.subNavigation)||void 0===n?void 0:n.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:n}=e,t=(0,u.useRouter)(),l=k(t.pathname,n);return(0,c.jsx)(I,{active:l,backButtonText:"Back to ".concat(n.label),slotSubNavigation:n.subNavigation&&(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.subNavigation.map(e=>(0,c.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:n.subNavigation?n.label:(0,c.jsx)(w(),{href:null!==(a=n.path)&&void 0!==a?a:"",children:n.label},"router-path-".concat(n.path))})};var C=()=>(0,c.jsx)(E,{children:T.map(e=>(0,c.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=e=>{let{children:a}=e,[n,t]=(0,h.useState)(!1),[l,i]=(0,h.useState)(!1),[r,s]=(0,h.useState)(!1),[o,d]=(0,h.useState)(!1),m=(0,u.useRouter)();return(0,h.useEffect)(()=>{m.query&&(t("true"===m.query.fullscreen),i("true"===m.query.noh1),s("true"===m.query.properties))},[m]),(0,c.jsxs)(S,{children:[m.isReady&&n&&(0,c.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(r?"is-properties":""),children:a}),m.isReady&&!n&&(0,c.jsx)(f,{className:"db-bg-neutral-0",fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,c.jsx)(N,{drawerOpen:o,onToggle:d,slotBrand:(0,c.jsx)(j,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotMetaNavigation:(0,c.jsxs)(c.Fragment,{children:["/* TODO: Add github version switcher */",(0,c.jsx)("a",{href:"#",children:"Link1"}),(0,c.jsx)("a",{href:"#",children:"Link2"}),(0,c.jsx)("a",{href:"#",children:"Link3"})]}),slotCallToAction:(0,c.jsx)(v,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(v,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,c.jsx)(v,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,c.jsx)(v,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,c.jsx)(C,{})}),children:(0,c.jsx)(R,{size:"none",children:a})})]})}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8489-ece91d2a074705bf.js b/version/v0.0.54/_next/static/chunks/8489-ece91d2a074705bf.js
deleted file mode 100644
index 29d5e33d767..00000000000
--- a/version/v0.0.54/_next/static/chunks/8489-ece91d2a074705bf.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8489],{88489:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSectionModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBSectionModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8606-530167fadc736586.js b/version/v0.0.54/_next/static/chunks/8606-530167fadc736586.js
deleted file mode 100644
index 89913270e02..00000000000
--- a/version/v0.0.54/_next/static/chunks/8606-530167fadc736586.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8606],{88606:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Basic",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8644-78d5c1d48e8ccb91.js b/version/v0.0.54/_next/static/chunks/8644-78d5c1d48e8ccb91.js
deleted file mode 100644
index 6cd2483a78b..00000000000
--- a/version/v0.0.54/_next/static/chunks/8644-78d5c1d48e8ccb91.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8644],{88644:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#D8DEE9"}}},{content:"@change",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"checkbox = $event.target.checked",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"name",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8721-5822a15ec8f36210.js b/version/v0.0.54/_next/static/chunks/8721-5822a15ec8f36210.js
deleted file mode 100644
index 317123dc718..00000000000
--- a/version/v0.0.54/_next/static/chunks/8721-5822a15ec8f36210.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8721],{58721:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8797-10af50b97a7c96ae.js b/version/v0.0.54/_next/static/chunks/8797-10af50b97a7c96ae.js
deleted file mode 100644
index c6e65ff9b66..00000000000
--- a/version/v0.0.54/_next/static/chunks/8797-10af50b97a7c96ae.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8797],{88797:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Internal",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Internal",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8818-267880e7e14c93eb.js b/version/v0.0.54/_next/static/chunks/8818-267880e7e14c93eb.js
deleted file mode 100644
index 141663183e6..00000000000
--- a/version/v0.0.54/_next/static/chunks/8818-267880e7e14c93eb.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8818],{88818:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextarea ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"textarea",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setTextarea",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default textarea",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textarea Controlled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"textarea",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setTextarea",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"target",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8834-98973051abdcb499.js b/version/v0.0.54/_next/static/chunks/8834-98973051abdcb499.js
deleted file mode 100644
index ed193352c2f..00000000000
--- a/version/v0.0.54/_next/static/chunks/8834-98973051abdcb499.js
+++ /dev/null
@@ -1,6 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8834],{95766:function(t,r){"use strict";r.byteLength=function(t){var r=s(t),e=r[0],n=r[1];return(e+n)*3/4-n},r.toByteArray=function(t){var r,e,i=s(t),f=i[0],u=i[1],h=new o((f+u)*3/4-u),a=0,p=u>0?f-4:f;for(e=0;e>16&255,h[a++]=r>>8&255,h[a++]=255&r;return 2===u&&(r=n[t.charCodeAt(e)]<<2|n[t.charCodeAt(e+1)]>>4,h[a++]=255&r),1===u&&(r=n[t.charCodeAt(e)]<<10|n[t.charCodeAt(e+1)]<<4|n[t.charCodeAt(e+2)]>>2,h[a++]=r>>8&255,h[a++]=255&r),h},r.fromByteArray=function(t){for(var r,n=t.length,o=n%3,i=[],f=0,u=n-o;f>18&63]+e[o>>12&63]+e[o>>6&63]+e[63&o]);return i.join("")}(t,f,f+16383>u?u:f+16383));return 1===o?i.push(e[(r=t[n-1])>>2]+e[r<<4&63]+"=="):2===o&&i.push(e[(r=(t[n-2]<<8)+t[n-1])>>10]+e[r>>4&63]+e[r<<2&63]+"="),i.join("")};for(var e=[],n=[],o="undefined"!=typeof Uint8Array?Uint8Array:Array,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=0,u=i.length;f0)throw Error("Invalid string. Length must be a multiple of 4");var e=t.indexOf("=");-1===e&&(e=r);var n=e===r?0:4-e%4;return[e,n]}n["-".charCodeAt(0)]=62,n["_".charCodeAt(0)]=63},48834:function(t,r,e){"use strict";/*!
- * The buffer module from node.js, for the browser.
- *
- * @author Feross Aboukhadijeh
- * @license MIT
- */var n=e(95766),o=e(62333),i="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;function f(t){if(t>2147483647)throw RangeError('The value "'+t+'" is invalid for option "size"');var r=new Uint8Array(t);return Object.setPrototypeOf(r,u.prototype),r}function u(t,r,e){if("number"==typeof t){if("string"==typeof r)throw TypeError('The "string" argument must be of type string. Received type number');return a(t)}return s(t,r,e)}function s(t,r,e){if("string"==typeof t)return function(t,r){if(("string"!=typeof r||""===r)&&(r="utf8"),!u.isEncoding(r))throw TypeError("Unknown encoding: "+r);var e=0|y(t,r),n=f(e),o=n.write(t,r);return o!==e&&(n=n.slice(0,o)),n}(t,r);if(ArrayBuffer.isView(t))return function(t){if(O(t,Uint8Array)){var r=new Uint8Array(t);return c(r.buffer,r.byteOffset,r.byteLength)}return p(t)}(t);if(null==t)throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t);if(O(t,ArrayBuffer)||t&&O(t.buffer,ArrayBuffer)||"undefined"!=typeof SharedArrayBuffer&&(O(t,SharedArrayBuffer)||t&&O(t.buffer,SharedArrayBuffer)))return c(t,r,e);if("number"==typeof t)throw TypeError('The "value" argument must not be of type number. Received type number');var n=t.valueOf&&t.valueOf();if(null!=n&&n!==t)return u.from(n,r,e);var o=function(t){if(u.isBuffer(t)){var r,e=0|l(t.length),n=f(e);return 0===n.length||t.copy(n,0,0,e),n}return void 0!==t.length?"number"!=typeof t.length||(r=t.length)!=r?f(0):p(t):"Buffer"===t.type&&Array.isArray(t.data)?p(t.data):void 0}(t);if(o)return o;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof t[Symbol.toPrimitive])return u.from(t[Symbol.toPrimitive]("string"),r,e);throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t)}function h(t){if("number"!=typeof t)throw TypeError('"size" argument must be of type number');if(t<0)throw RangeError('The value "'+t+'" is invalid for option "size"')}function a(t){return h(t),f(t<0?0:0|l(t))}function p(t){for(var r=t.length<0?0:0|l(t.length),e=f(r),n=0;n=2147483647)throw RangeError("Attempt to allocate Buffer larger than maximum size: 0x7fffffff bytes");return 0|t}function y(t,r){if(u.isBuffer(t))return t.length;if(ArrayBuffer.isView(t)||O(t,ArrayBuffer))return t.byteLength;if("string"!=typeof t)throw TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof t);var e=t.length,n=arguments.length>2&&!0===arguments[2];if(!n&&0===e)return 0;for(var o=!1;;)switch(r){case"ascii":case"latin1":case"binary":return e;case"utf8":case"utf-8":return I(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*e;case"hex":return e>>>1;case"base64":return T(t).length;default:if(o)return n?-1:I(t).length;r=(""+r).toLowerCase(),o=!0}}function g(t,r,e){var o,i,f=!1;if((void 0===r||r<0)&&(r=0),r>this.length||((void 0===e||e>this.length)&&(e=this.length),e<=0||(e>>>=0)<=(r>>>=0)))return"";for(t||(t="utf8");;)switch(t){case"hex":return function(t,r,e){var n=t.length;(!r||r<0)&&(r=0),(!e||e<0||e>n)&&(e=n);for(var o="",i=r;i2147483647?e=2147483647:e<-2147483648&&(e=-2147483648),(i=e=+e)!=i&&(e=o?0:t.length-1),e<0&&(e=t.length+e),e>=t.length){if(o)return -1;e=t.length-1}else if(e<0){if(!o)return -1;e=0}if("string"==typeof r&&(r=u.from(r,n)),u.isBuffer(r))return 0===r.length?-1:b(t,r,e,n,o);if("number"==typeof r)return(r&=255,"function"==typeof Uint8Array.prototype.indexOf)?o?Uint8Array.prototype.indexOf.call(t,r,e):Uint8Array.prototype.lastIndexOf.call(t,r,e):b(t,[r],e,n,o);throw TypeError("val must be string, number or Buffer")}function b(t,r,e,n,o){var i,f=1,u=t.length,s=r.length;if(void 0!==n&&("ucs2"===(n=String(n).toLowerCase())||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||r.length<2)return -1;f=2,u/=2,s/=2,e/=2}function h(t,r){return 1===f?t[r]:t.readUInt16BE(r*f)}if(o){var a=-1;for(i=e;iu&&(e=u-s),i=e;i>=0;i--){for(var p=!0,c=0;c239?4:h>223?3:h>191?2:1;if(o+p<=e)switch(p){case 1:h<128&&(a=h);break;case 2:(192&(i=t[o+1]))==128&&(s=(31&h)<<6|63&i)>127&&(a=s);break;case 3:i=t[o+1],f=t[o+2],(192&i)==128&&(192&f)==128&&(s=(15&h)<<12|(63&i)<<6|63&f)>2047&&(s<55296||s>57343)&&(a=s);break;case 4:i=t[o+1],f=t[o+2],u=t[o+3],(192&i)==128&&(192&f)==128&&(192&u)==128&&(s=(15&h)<<18|(63&i)<<12|(63&f)<<6|63&u)>65535&&s<1114112&&(a=s)}null===a?(a=65533,p=1):a>65535&&(a-=65536,n.push(a>>>10&1023|55296),a=56320|1023&a),n.push(a),o+=p}return function(t){var r=t.length;if(r<=4096)return String.fromCharCode.apply(String,t);for(var e="",n=0;ne)throw RangeError("Trying to access beyond buffer length")}function E(t,r,e,n,o,i){if(!u.isBuffer(t))throw TypeError('"buffer" argument must be a Buffer instance');if(r>o||rt.length)throw RangeError("Index out of range")}function A(t,r,e,n,o,i){if(e+n>t.length||e<0)throw RangeError("Index out of range")}function B(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,4,34028234663852886e22,-34028234663852886e22),o.write(t,r,e,n,23,4),e+4}function U(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,8,17976931348623157e292,-17976931348623157e292),o.write(t,r,e,n,52,8),e+8}r.lW=u,r.h2=50,u.TYPED_ARRAY_SUPPORT=function(){try{var t=new Uint8Array(1),r={foo:function(){return 42}};return Object.setPrototypeOf(r,Uint8Array.prototype),Object.setPrototypeOf(t,r),42===t.foo()}catch(t){return!1}}(),u.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(u.prototype,"parent",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.buffer}}),Object.defineProperty(u.prototype,"offset",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.byteOffset}}),u.poolSize=8192,u.from=function(t,r,e){return s(t,r,e)},Object.setPrototypeOf(u.prototype,Uint8Array.prototype),Object.setPrototypeOf(u,Uint8Array),u.alloc=function(t,r,e){return(h(t),t<=0)?f(t):void 0!==r?"string"==typeof e?f(t).fill(r,e):f(t).fill(r):f(t)},u.allocUnsafe=function(t){return a(t)},u.allocUnsafeSlow=function(t){return a(t)},u.isBuffer=function(t){return null!=t&&!0===t._isBuffer&&t!==u.prototype},u.compare=function(t,r){if(O(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),O(r,Uint8Array)&&(r=u.from(r,r.offset,r.byteLength)),!u.isBuffer(t)||!u.isBuffer(r))throw TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(t===r)return 0;for(var e=t.length,n=r.length,o=0,i=Math.min(e,n);on.length?u.from(i).copy(n,o):Uint8Array.prototype.set.call(n,i,o);else if(u.isBuffer(i))i.copy(n,o);else throw TypeError('"list" argument must be an Array of Buffers');o+=i.length}return n},u.byteLength=y,u.prototype._isBuffer=!0,u.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw RangeError("Buffer size must be a multiple of 16-bits");for(var r=0;re&&(t+=" ... "),""},i&&(u.prototype[i]=u.prototype.inspect),u.prototype.compare=function(t,r,e,n,o){if(O(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),!u.isBuffer(t))throw TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+typeof t);if(void 0===r&&(r=0),void 0===e&&(e=t?t.length:0),void 0===n&&(n=0),void 0===o&&(o=this.length),r<0||e>t.length||n<0||o>this.length)throw RangeError("out of range index");if(n>=o&&r>=e)return 0;if(n>=o)return -1;if(r>=e)return 1;if(r>>>=0,e>>>=0,n>>>=0,o>>>=0,this===t)return 0;for(var i=o-n,f=e-r,s=Math.min(i,f),h=this.slice(n,o),a=t.slice(r,e),p=0;p>>=0,isFinite(e)?(e>>>=0,void 0===n&&(n="utf8")):(n=e,e=void 0);else throw Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");var o,i,f,u,s,h,a,p,c=this.length-r;if((void 0===e||e>c)&&(e=c),t.length>0&&(e<0||r<0)||r>this.length)throw RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var l=!1;;)switch(n){case"hex":return function(t,r,e,n){e=Number(e)||0;var o=t.length-e;n?(n=Number(n))>o&&(n=o):n=o;var i=r.length;n>i/2&&(n=i/2);for(var f=0;f>8,o.push(e%256),o.push(n);return o}(t,this.length-a),this,a,p);default:if(l)throw TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),l=!0}},u.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}},u.prototype.slice=function(t,r){var e=this.length;t=~~t,r=void 0===r?e:~~r,t<0?(t+=e)<0&&(t=0):t>e&&(t=e),r<0?(r+=e)<0&&(r=0):r>e&&(r=e),r>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t+--r],o=1;r>0&&(o*=256);)n+=this[t+--r]*o;return n},u.prototype.readUint8=u.prototype.readUInt8=function(t,r){return t>>>=0,r||m(t,1,this.length),this[t]},u.prototype.readUint16LE=u.prototype.readUInt16LE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]|this[t+1]<<8},u.prototype.readUint16BE=u.prototype.readUInt16BE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]<<8|this[t+1]},u.prototype.readUint32LE=u.prototype.readUInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},u.prototype.readUint32BE=u.prototype.readUInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},u.prototype.readIntLE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i=(o*=128)&&(n-=Math.pow(2,8*r)),n},u.prototype.readIntBE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=r,o=1,i=this[t+--n];n>0&&(o*=256);)i+=this[t+--n]*o;return i>=(o*=128)&&(i-=Math.pow(2,8*r)),i},u.prototype.readInt8=function(t,r){return(t>>>=0,r||m(t,1,this.length),128&this[t])?-((255-this[t]+1)*1):this[t]},u.prototype.readInt16LE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t]|this[t+1]<<8;return 32768&e?4294901760|e:e},u.prototype.readInt16BE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t+1]|this[t]<<8;return 32768&e?4294901760|e:e},u.prototype.readInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},u.prototype.readInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},u.prototype.readFloatLE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!0,23,4)},u.prototype.readFloatBE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!1,23,4)},u.prototype.readDoubleLE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!0,52,8)},u.prototype.readDoubleBE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!1,52,8)},u.prototype.writeUintLE=u.prototype.writeUIntLE=function(t,r,e,n){if(t=+t,r>>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=1,f=0;for(this[r]=255&t;++f>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=e-1,f=1;for(this[r+i]=255&t;--i>=0&&(f*=256);)this[r+i]=t/f&255;return r+e},u.prototype.writeUint8=u.prototype.writeUInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,255,0),this[r]=255&t,r+1},u.prototype.writeUint16LE=u.prototype.writeUInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeUint16BE=u.prototype.writeUInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeUint32LE=u.prototype.writeUInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,4294967295,0),this[r+3]=t>>>24,this[r+2]=t>>>16,this[r+1]=t>>>8,this[r]=255&t,r+4},u.prototype.writeUint32BE=u.prototype.writeUInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,4294967295,0),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeIntLE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=0,f=1,u=0;for(this[r]=255&t;++i>0)-u&255;return r+e},u.prototype.writeIntBE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=e-1,f=1,u=0;for(this[r+i]=255&t;--i>=0&&(f*=256);)t<0&&0===u&&0!==this[r+i+1]&&(u=1),this[r+i]=(t/f>>0)-u&255;return r+e},u.prototype.writeInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,127,-128),t<0&&(t=255+t+1),this[r]=255&t,r+1},u.prototype.writeInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,2147483647,-2147483648),this[r]=255&t,this[r+1]=t>>>8,this[r+2]=t>>>16,this[r+3]=t>>>24,r+4},u.prototype.writeInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeFloatLE=function(t,r,e){return B(this,t,r,!0,e)},u.prototype.writeFloatBE=function(t,r,e){return B(this,t,r,!1,e)},u.prototype.writeDoubleLE=function(t,r,e){return U(this,t,r,!0,e)},u.prototype.writeDoubleBE=function(t,r,e){return U(this,t,r,!1,e)},u.prototype.copy=function(t,r,e,n){if(!u.isBuffer(t))throw TypeError("argument should be a Buffer");if(e||(e=0),n||0===n||(n=this.length),r>=t.length&&(r=t.length),r||(r=0),n>0&&n=this.length)throw RangeError("Index out of range");if(n<0)throw RangeError("sourceEnd out of bounds");n>this.length&&(n=this.length),t.length-r>>=0,e=void 0===e?this.length:e>>>0,t||(t=0),"number"==typeof t)for(o=r;o55295&&e<57344){if(!o){if(e>56319||f+1===n){(r-=3)>-1&&i.push(239,191,189);continue}o=e;continue}if(e<56320){(r-=3)>-1&&i.push(239,191,189),o=e;continue}e=(o-55296<<10|e-56320)+65536}else o&&(r-=3)>-1&&i.push(239,191,189);if(o=null,e<128){if((r-=1)<0)break;i.push(e)}else if(e<2048){if((r-=2)<0)break;i.push(e>>6|192,63&e|128)}else if(e<65536){if((r-=3)<0)break;i.push(e>>12|224,e>>6&63|128,63&e|128)}else if(e<1114112){if((r-=4)<0)break;i.push(e>>18|240,e>>12&63|128,e>>6&63|128,63&e|128)}else throw Error("Invalid code point")}return i}function T(t){return n.toByteArray(function(t){if((t=(t=t.split("=")[0]).trim().replace(L,"")).length<2)return"";for(;t.length%4!=0;)t+="=";return t}(t))}function C(t,r,e,n){for(var o=0;o=r.length)&&!(o>=t.length);++o)r[o+e]=t[o];return o}function O(t,r){return t instanceof r||null!=t&&null!=t.constructor&&null!=t.constructor.name&&t.constructor.name===r.name}var R=function(){for(var t="0123456789abcdef",r=Array(256),e=0;e<16;++e)for(var n=16*e,o=0;o<16;++o)r[n+o]=t[e]+t[o];return r}()},62333:function(t,r){/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */r.read=function(t,r,e,n,o){var i,f,u=8*o-n-1,s=(1<>1,a=-7,p=e?o-1:0,c=e?-1:1,l=t[r+p];for(p+=c,i=l&(1<<-a)-1,l>>=-a,a+=u;a>0;i=256*i+t[r+p],p+=c,a-=8);for(f=i&(1<<-a)-1,i>>=-a,a+=n;a>0;f=256*f+t[r+p],p+=c,a-=8);if(0===i)i=1-h;else{if(i===s)return f?NaN:(l?-1:1)*(1/0);f+=Math.pow(2,n),i-=h}return(l?-1:1)*f*Math.pow(2,i-n)},r.write=function(t,r,e,n,o,i){var f,u,s,h=8*i-o-1,a=(1<>1,c=23===o?5960464477539062e-23:0,l=n?0:i-1,y=n?1:-1,g=r<0||0===r&&1/r<0?1:0;for(isNaN(r=Math.abs(r))||r===1/0?(u=isNaN(r)?1:0,f=a):(f=Math.floor(Math.log(r)/Math.LN2),r*(s=Math.pow(2,-f))<1&&(f--,s*=2),f+p>=1?r+=c/s:r+=c*Math.pow(2,1-p),r*s>=2&&(f++,s/=2),f+p>=a?(u=0,f=a):f+p>=1?(u=(r*s-1)*Math.pow(2,o),f+=p):(u=r*Math.pow(2,p-1)*Math.pow(2,o),f=0));o>=8;t[e+l]=255&u,l+=y,u/=256,o-=8);for(f=f<0;t[e+l]=255&f,l+=y,f/=256,h-=8);t[e+l-y]|=128*g}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8841-e2e08ea144f9e77a.js b/version/v0.0.54/_next/static/chunks/8841-e2e08ea144f9e77a.js
deleted file mode 100644
index d5287804c3a..00000000000
--- a/version/v0.0.54/_next/static/chunks/8841-e2e08ea144f9e77a.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8841],{12987:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",h4:"h4"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(t.h4,{children:"With Slots"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"title",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Title",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8852-afe8c1e8652b3b6e.js b/version/v0.0.54/_next/static/chunks/8852-afe8c1e8652b3b6e.js
deleted file mode 100644
index 25239952727..00000000000
--- a/version/v0.0.54/_next/static/chunks/8852-afe8c1e8652b3b6e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8852],{88852:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8855-8e9aca26c13003c9.js b/version/v0.0.54/_next/static/chunks/8855-8e9aca26c13003c9.js
deleted file mode 100644
index 6bc5c3ff944..00000000000
--- a/version/v0.0.54/_next/static/chunks/8855-8e9aca26c13003c9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8855],{58855:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||a("CH",!1),r.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8909-ecc23d29a48e4be7.js b/version/v0.0.54/_next/static/chunks/8909-ecc23d29a48e4be7.js
deleted file mode 100644
index a5673dc2bbc..00000000000
--- a/version/v0.0.54/_next/static/chunks/8909-ecc23d29a48e4be7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8909],{38909:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItemModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" declarations",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"NavigationContentDirective",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItemModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["We try to set ",(0,n.jsx)(t.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,n.jsx)(t.code,{children:"areaPopup"})," with ",(0,n.jsx)(t.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8937-f6d664daa3bda563.js b/version/v0.0.54/_next/static/chunks/8937-f6d664daa3bda563.js
deleted file mode 100644
index 54436f6d27d..00000000000
--- a/version/v0.0.54/_next/static/chunks/8937-f6d664daa3bda563.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8937],{58937:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& ",props:{style:{color:"#D8DEE9"}}},{content:"Link ",props:{style:{color:"#8FBCBB"}}},{content:"& Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& ",props:{style:{color:"#D8DEE9"}}},{content:"Link ",props:{style:{color:"#8FBCBB"}}},{content:"& Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#8FBCBB"}}},{content:":link=\"{'href':'#','text':'Link'}\">Text & Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#8FBCBB"}}},{content:":link=\"{'href':'#','text':'Link'}\">Text & Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true">Open',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true">Open',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true" :disabled="true">Open Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true" :disabled="true">Open Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/8979-322bbe399f724fc3.js b/version/v0.0.54/_next/static/chunks/8979-322bbe399f724fc3.js
deleted file mode 100644
index 80a31c98654..00000000000
--- a/version/v0.0.54/_next/static/chunks/8979-322bbe399f724fc3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8979],{8979:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Multiple (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Multiple (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Single",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Single",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9100-c0749fa9fbd37301.js b/version/v0.0.54/_next/static/chunks/9100-c0749fa9fbd37301.js
deleted file mode 100644
index 94242008544..00000000000
--- a/version/v0.0.54/_next/static/chunks/9100-c0749fa9fbd37301.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9100],{59100:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPageModule",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeaderModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBPageModule",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeaderModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9109-7d8afbbba5572a83.js b/version/v0.0.54/_next/static/chunks/9109-7d8afbbba5572a83.js
deleted file mode 100644
index a3269dac8bf..00000000000
--- a/version/v0.0.54/_next/static/chunks/9109-7d8afbbba5572a83.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9109],{9109:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["You cannot use a default value for ",(0,n.jsx)(t.a,{href:"https://vuejs.org/guide/essentials/forms.html#multiline-text",children:"textarea in vue"}),".\nUse ",(0,n.jsx)(t.code,{children:"v-model:value"})," or ",(0,n.jsx)(t.code,{children:":value"})," instead with a ",(0,n.jsx)(t.code,{children:'ref("My default value")'}),"."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Textarea value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Description",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"textarevalue-name",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" v-model:value",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"textarea",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9126-cf264a9b219d5109.js b/version/v0.0.54/_next/static/chunks/9126-cf264a9b219d5109.js
deleted file mode 100644
index 26c4a226558..00000000000
--- a/version/v0.0.54/_next/static/chunks/9126-cf264a9b219d5109.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9126],{49126:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" :checked="true">Disabled checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" :checked="true">Disabled checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"indeterminate",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Indeterminate",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':indeterminate="true">Indeterminate',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"indeterminate",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Indeterminate",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':indeterminate="true">Indeterminate',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9301-85a5ffe674478f19.js b/version/v0.0.54/_next/static/chunks/9301-85a5ffe674478f19.js
deleted file mode 100644
index bd20443baaa..00000000000
--- a/version/v0.0.54/_next/static/chunks/9301-85a5ffe674478f19.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9301],{49301:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,c.ah)(),o.components);return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckboxModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckboxModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-app",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" checkboxNames ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" checkbox ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Template Driven Forms"}),"\n",(0,n.jsxs)(t.p,{children:["Third party controls require a ",(0,n.jsx)(t.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,n.jsx)(t.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,n.jsx)(t.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"// app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" …",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [ ",props:{style:{color:"#D8DEE9FF"}}},{content:"FormsModule",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" …]",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["form.component.html"],active:"form.component.html",heightRatio:1},files:[{name:"form.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"checkbox's value",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:'checkbox {{ checkbox ? "" : "un" }}checked',props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["form.component.ts"],active:"form.component.ts",heightRatio:1},files:[{name:"form.component.ts",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" checkbox ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"checkbox ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9303-b7cfa80446e816a5.js b/version/v0.0.54/_next/static/chunks/9303-b7cfa80446e816a5.js
deleted file mode 100644
index 0263967f3ff..00000000000
--- a/version/v0.0.54/_next/static/chunks/9303-b7cfa80446e816a5.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9303],{99303:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">No ',props:{style:{color:"#D8DEE9"}}},{content:"rounding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">No ',props:{style:{color:"#D8DEE9"}}},{content:"rounding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton rounded",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Rounded",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" :rounded="true">Rounded',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton rounded",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Rounded",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" :rounded="true">Rounded',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9401-04638ce149bdeb6d.js b/version/v0.0.54/_next/static/chunks/9401-04638ce149bdeb6d.js
deleted file mode 100644
index c4aa97c47ed..00000000000
--- a/version/v0.0.54/_next/static/chunks/9401-04638ce149bdeb6d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9401],{69401:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9426-f2b8bec09fd7727c.js b/version/v0.0.54/_next/static/chunks/9426-f2b8bec09fd7727c.js
deleted file mode 100644
index ac5d84678f2..00000000000
--- a/version/v0.0.54/_next/static/chunks/9426-f2b8bec09fd7727c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9426],{69426:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Default",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Default",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">Default",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon + Variant",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon + Variant",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With ",props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"+ Variant",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon + Variant",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"With Icon + Variant",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"edit",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\">With ",props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"+ Variant",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 1",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Option 2",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}},{content:"With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Icon + Variant",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9470-7ae9699224ed5842.js b/version/v0.0.54/_next/static/chunks/9470-7ae9699224ed5842.js
deleted file mode 100644
index e5512d31aa0..00000000000
--- a/version/v0.0.54/_next/static/chunks/9470-7ae9699224ed5842.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9470],{19470:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"E-Mail",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"E-Mail",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"E-Mail",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"E-Mail",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"URL",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"URL",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"URL",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"URL",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9481-5945cc9ac14795bc.js b/version/v0.0.54/_next/static/chunks/9481-5945cc9ac14795bc.js
deleted file mode 100644
index e3c4d0b9628..00000000000
--- a/version/v0.0.54/_next/static/chunks/9481-5945cc9ac14795bc.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9481],{59481:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var e=n(52322),c=n(45392),s=n(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9556-37c2daa5a382db96.js b/version/v0.0.54/_next/static/chunks/9556-37c2daa5a382db96.js
deleted file mode 100644
index 8a3f09ea628..00000000000
--- a/version/v0.0.54/_next/static/chunks/9556-37c2daa5a382db96.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9556],{19556:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",code:"code"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally in a ",(0,n.jsx)(t.code,{children:"index.scss"})," file inside ",(0,n.jsx)(t.code,{children:"main.tsx"}),"/",(0,n.jsx)(t.code,{children:"main.jsx"})," within your app:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Import component:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInput ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"label",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"description",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"description",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"handleChange",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}},{content:"",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"typescript"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9721-1492f1686c4e32c8.js b/version/v0.0.54/_next/static/chunks/9721-1492f1686c4e32c8.js
deleted file mode 100644
index e2eef91a620..00000000000
--- a/version/v0.0.54/_next/static/chunks/9721-1492f1686c4e32c8.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9721],{19721:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#D8DEE9"}}},{content:":open",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"openDrawer",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"@close",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"toggleDrawer(false)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" My Drawer content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"@click",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"toggleDrawer(true)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Open me",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9854-e36c38d9ee43d125.js b/version/v0.0.54/_next/static/chunks/9854-e36c38d9ee43d125.js
deleted file mode 100644
index d23b842efaf..00000000000
--- a/version/v0.0.54/_next/static/chunks/9854-e36c38d9ee43d125.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9854],{49854:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBLinkModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBLinkModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9954-8690ca915b1e2692.js b/version/v0.0.54/_next/static/chunks/9954-8690ca915b1e2692.js
deleted file mode 100644
index f79d727cf25..00000000000
--- a/version/v0.0.54/_next/static/chunks/9954-8690ca915b1e2692.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9954],{99954:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/997-ae6705b588b43ff1.js b/version/v0.0.54/_next/static/chunks/997-ae6705b588b43ff1.js
deleted file mode 100644
index a468b25ad1e..00000000000
--- a/version/v0.0.54/_next/static/chunks/997-ae6705b588b43ff1.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[997],{70997:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/9983-180b806b09837d1d.js b/version/v0.0.54/_next/static/chunks/9983-180b806b09837d1d.js
deleted file mode 100644
index b4e73fd3471..00000000000
--- a/version/v0.0.54/_next/static/chunks/9983-180b806b09837d1d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9983],{59983:function(o,t,n){n.r(t),n.d(t,{CH:function(){return c},chCodeConfig:function(){return l}});var e=n(52322),s=n(45392),r=n(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral-strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral-strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral-strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral-strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral-strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.ah)(),o.components);return t?(0,e.jsx)(t,Object.assign({},o,{children:(0,e.jsx)(p,o)})):p(o)}}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/framework-840f8cd03e027d02.js b/version/v0.0.54/_next/static/chunks/framework-840f8cd03e027d02.js
deleted file mode 100644
index 4e14dcedd98..00000000000
--- a/version/v0.0.54/_next/static/chunks/framework-840f8cd03e027d02.js
+++ /dev/null
@@ -1,33 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9774],{52967:function(e,n,t){/**
- * @license React
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var r,l,a,u,o,i,s=t(2784),c=t(14616);function f(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;tn}return!1}(n,t,a,r)&&(t=null),r||null===a?(l=n,(!!v.call(k,l)||!v.call(b,l)&&(y.test(l)?k[l]=!0:(b[l]=!0,!1)))&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t))):a.mustUseProperty?e[a.propertyName]=null===t?3!==a.type&&"":t:(n=a.attributeName,r=a.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(a=a.type)||4===a&&!0===t?"":""+t,r?e.setAttributeNS(r,n,t):e.setAttribute(n,t))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var n=e.replace(x,E);S[n]=new w(n,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var n=e.replace(x,E);S[n]=new w(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var n=e.replace(x,E);S[n]=new w(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){S[e]=new w(e,1,!1,e.toLowerCase(),null,!1,!1)}),S.xlinkHref=new w("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){S[e]=new w(e,1,!1,e.toLowerCase(),null,!0,!0)});var C=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,P=Symbol.for("react.element"),N=Symbol.for("react.portal"),z=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),M=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),U=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var V=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var $=Symbol.iterator;function A(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=$&&e[$]||e["@@iterator"])?e:null}var j,B=Object.assign;function H(e){if(void 0===j)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);j=n&&n[1]||""}return"\n"+j+e}var W=!1;function Q(e,n){if(!e||W)return"";W=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n){if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}}else{try{throw Error()}catch(e){r=e}e()}}catch(n){if(n&&r&&"string"==typeof n.stack){for(var l=n.stack.split("\n"),a=r.stack.split("\n"),u=l.length-1,o=a.length-1;1<=u&&0<=o&&l[u]!==a[o];)o--;for(;1<=u&&0<=o;u--,o--)if(l[u]!==a[o]){if(1!==u||1!==o)do if(u--,0>--o||l[u]!==a[o]){var i="\n"+l[u].replace(" at new "," at ");return e.displayName&&i.includes("")&&(i=i.replace("",e.displayName)),i}while(1<=u&&0<=o);break}}}finally{W=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?H(e):""}function q(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function K(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var n=K(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var l=t.get,a=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return l.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function X(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),r="";return e&&(r=K(e)?e.checked?"true":"false":e.value),(e=r)!==t&&(n.setValue(e),!0)}function G(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Z(e,n){var t=n.checked;return B({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function J(e,n){var t=null==n.defaultValue?"":n.defaultValue,r=null!=n.checked?n.checked:n.defaultChecked;t=q(null!=n.value?n.value:t),e._wrapperState={initialChecked:r,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function ee(e,n){null!=(n=n.checked)&&_(e,"checked",n,!1)}function en(e,n){ee(e,n);var t=q(n.value),r=n.type;if(null!=t)"number"===r?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===r||"reset"===r){e.removeAttribute("value");return}n.hasOwnProperty("value")?er(e,n.type,t):n.hasOwnProperty("defaultValue")&&er(e,n.type,q(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function et(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(!("submit"!==r&&"reset"!==r||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function er(e,n,t){("number"!==n||G(e.ownerDocument)!==e)&&(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var el=Array.isArray;function ea(e,n,t,r){if(e=e.options,n){n={};for(var l=0;l"+n.valueOf().toString()+"",n=ep.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,r){MSApp.execUnsafeLocalFunction(function(){return ed(e,n,t,r)})}:ed);function eh(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType){t.nodeValue=n;return}}e.textContent=n}var eg={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ev=["Webkit","ms","Moz","O"];function ey(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||eg.hasOwnProperty(e)&&eg[e]?(""+n).trim():n+"px"}function eb(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var r=0===t.indexOf("--"),l=ey(t,n[t],r);"float"===t&&(t="cssFloat"),r?e.setProperty(t,l):e[t]=l}}Object.keys(eg).forEach(function(e){ev.forEach(function(n){eg[n=n+e.charAt(0).toUpperCase()+e.substring(1)]=eg[e]})});var ek=B({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ew(e,n){if(n){if(ek[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(f(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(f(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(f(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(f(62))}}function eS(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ex=null;function eE(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var e_=null,eC=null,eP=null;function eN(e){if(e=rD(e)){if("function"!=typeof e_)throw Error(f(280));var n=e.stateNode;n&&(n=rU(n),e_(e.stateNode,e.type,n))}}function ez(e){eC?eP?eP.push(e):eP=[e]:eC=e}function eT(){if(eC){var e=eC,n=eP;if(eP=eC=null,eN(e),n)for(e=0;e>>=0)?32:31-(e7(e)/ne|0)|0},e7=Math.log,ne=Math.LN2,nn=64,nt=4194304;function nr(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function nl(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,l=e.suspendedLanes,a=e.pingedLanes,u=268435455&t;if(0!==u){var o=u&~l;0!==o?r=nr(o):0!=(a&=u)&&(r=nr(a))}else 0!=(u=t&~l)?r=nr(u):0!==a&&(r=nr(a));if(0===r)return 0;if(0!==n&&n!==r&&0==(n&l)&&((l=r&-r)>=(a=n&-n)||16===l&&0!=(4194240&a)))return n;if(0!=(4&r)&&(r|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=r;0t;t++)n.push(e);return n}function ni(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-e9(n)]=t}function ns(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var r=31-e9(t),l=1<=td),th=!1;function tg(e,n){switch(e){case"keyup":return -1!==tc.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function tv(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var ty=!1,tb={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function tk(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!tb[e.type]:"textarea"===n}function tw(e,n,t,r){ez(r),0<(n=rs(n,"onChange")).length&&(t=new n0("onChange","change",null,t,r),e.push({event:t,listeners:n}))}var tS=null,tx=null;function tE(e){rn(e,0)}function t_(e){if(X(rI(e)))return e}function tC(e,n){if("change"===e)return n}var tP=!1;if(g){if(g){var tN="oninput"in document;if(!tN){var tz=document.createElement("div");tz.setAttribute("oninput","return;"),tN="function"==typeof tz.oninput}r=tN}else r=!1;tP=r&&(!document.documentMode||9=n)return{node:r,offset:n-e};e=t}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=tU(r)}}function t$(){for(var e=window,n=G();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(e){t=!1}if(t)e=n.contentWindow;else break;n=G(e.document)}return n}function tA(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}var tj=g&&"documentMode"in document&&11>=document.documentMode,tB=null,tH=null,tW=null,tQ=!1;function tq(e,n,t){var r=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;tQ||null==tB||tB!==G(r)||(r="selectionStart"in(r=tB)&&tA(r)?{start:r.selectionStart,end:r.selectionEnd}:{anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},tW&&tI(tW,r)||(tW=r,0<(r=rs(tH,"onSelect")).length&&(n=new n0("onSelect","select",null,n,t),e.push({event:n,listeners:r}),n.target=tB)))}function tK(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var tY={animationend:tK("Animation","AnimationEnd"),animationiteration:tK("Animation","AnimationIteration"),animationstart:tK("Animation","AnimationStart"),transitionend:tK("Transition","TransitionEnd")},tX={},tG={};function tZ(e){if(tX[e])return tX[e];if(!tY[e])return e;var n,t=tY[e];for(n in t)if(t.hasOwnProperty(n)&&n in tG)return tX[e]=t[n];return e}g&&(tG=document.createElement("div").style,"AnimationEvent"in window||(delete tY.animationend.animation,delete tY.animationiteration.animation,delete tY.animationstart.animation),"TransitionEvent"in window||delete tY.transitionend.transition);var tJ=tZ("animationend"),t0=tZ("animationiteration"),t1=tZ("animationstart"),t2=tZ("transitionend"),t3=new Map,t4="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function t8(e,n){t3.set(e,n),m(n,[e])}for(var t6=0;t6r$||(e.current=rV[r$],rV[r$]=null,r$--)}function rB(e,n){rV[++r$]=e.current,e.current=n}var rH={},rW=rA(rH),rQ=rA(!1),rq=rH;function rK(e,n){var t=e.type.contextTypes;if(!t)return rH;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var l,a={};for(l in t)a[l]=n[l];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function rY(e){return null!=(e=e.childContextTypes)}function rX(){rj(rQ),rj(rW)}function rG(e,n,t){if(rW.current!==rH)throw Error(f(168));rB(rW,n),rB(rQ,t)}function rZ(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,"function"!=typeof r.getChildContext)return t;for(var l in r=r.getChildContext())if(!(l in n))throw Error(f(108,function(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return function e(n){if(null==n)return null;if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n;switch(n){case z:return"Fragment";case N:return"Portal";case L:return"Profiler";case T:return"StrictMode";case O:return"Suspense";case D:return"SuspenseList"}if("object"==typeof n)switch(n.$$typeof){case M:return(n.displayName||"Context")+".Consumer";case R:return(n._context.displayName||"Context")+".Provider";case F:var t=n.render;return(n=n.displayName)||(n=""!==(n=t.displayName||t.name||"")?"ForwardRef("+n+")":"ForwardRef"),n;case I:return null!==(t=n.displayName||null)?t:e(n.type)||"Memo";case U:t=n._payload,n=n._init;try{return e(n(t))}catch(e){}}return null}(n);case 8:return n===T?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}(e)||"Unknown",l));return B({},t,r)}function rJ(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||rH,rq=rW.current,rB(rW,e),rB(rQ,rQ.current),!0}function r0(e,n,t){var r=e.stateNode;if(!r)throw Error(f(169));t?(e=rZ(e,n,rq),r.__reactInternalMemoizedMergedChildContext=e,rj(rQ),rj(rW),rB(rW,e)):rj(rQ),rB(rQ,t)}var r1=null,r2=!1,r3=!1;function r4(e){null===r1?r1=[e]:r1.push(e)}function r8(){if(!r3&&null!==r1){r3=!0;var e=0,n=nc;try{var t=r1;for(nc=1;e>=u,l-=u,lr=1<<32-e9(n)+l|t<h?(g=f,f=null):g=f.sibling;var v=p(l,f,o[h],i);if(null===v){null===f&&(f=g);break}e&&f&&null===v.alternate&&n(l,f),u=a(v,u,h),null===c?s=v:c.sibling=v,c=v,f=g}if(h===o.length)return t(l,f),lf&&la(l,h),s;if(null===f){for(;hg?(v=h,h=null):v=h.sibling;var b=p(l,h,y.value,i);if(null===b){null===h&&(h=v);break}e&&h&&null===b.alternate&&n(l,h),u=a(b,u,g),null===c?s=b:c.sibling=b,c=b,h=v}if(y.done)return t(l,h),lf&&la(l,g),s;if(null===h){for(;!y.done;g++,y=o.next())null!==(y=d(l,y.value,i))&&(u=a(y,u,g),null===c?s=y:c.sibling=y,c=y);return lf&&la(l,g),s}for(h=r(l,h);!y.done;g++,y=o.next())null!==(y=m(h,l,g,y.value,i))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),u=a(y,u,g),null===c?s=y:c.sibling=y,c=y);return e&&h.forEach(function(e){return n(l,e)}),lf&&la(l,g),s}(i,s,c,h);l0(i,c)}return"string"==typeof c&&""!==c||"number"==typeof c?(c=""+c,null!==s&&6===s.tag?(t(i,s.sibling),(s=l(s,c)).return=i):(t(i,s),(s=oJ(c,i.mode,h)).return=i),u(i=s)):t(i,s)}}var l3=l2(!0),l4=l2(!1),l8={},l6=rA(l8),l5=rA(l8),l9=rA(l8);function l7(e){if(e===l8)throw Error(f(174));return e}function ae(e,n){switch(rB(l9,n),rB(l5,e),rB(l6,l8),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:ef(null,"");break;default:n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName,n=ef(n,e)}rj(l6),rB(l6,n)}function an(){rj(l6),rj(l5),rj(l9)}function at(e){l7(l9.current);var n=l7(l6.current),t=ef(n,e.type);n!==t&&(rB(l5,e),rB(l6,t))}function ar(e){l5.current===e&&(rj(l6),rj(l5))}var al=rA(0);function aa(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!=(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var au=[];function ao(){for(var e=0;et?t:4,e(!0);var r=as.transition;as.transition={};try{e(!1),n()}finally{nc=t,as.transition=r}}function aX(){return ax().memoizedState}function aG(e,n,t){var r=ok(e);t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},aJ(e)?a0(n,t):null!==(t=lO(e,n,t,r))&&(ow(t,e,r,ob()),a1(t,n,r))}function aZ(e,n,t){var r=ok(e),l={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(aJ(e))a0(n,l);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var u=n.lastRenderedState,o=a(u,t);if(l.hasEagerState=!0,l.eagerState=o,tD(o,u)){var i=n.interleaved;null===i?(l.next=l,lF(n)):(l.next=i.next,i.next=l),n.interleaved=l;return}}catch(e){}finally{}null!==(t=lO(e,n,l,r))&&(ow(t,e,r,l=ob()),a1(t,n,r))}}function aJ(e){var n=e.alternate;return e===af||null!==n&&n===af}function a0(e,n){ah=am=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function a1(e,n,t){if(0!=(4194240&t)){var r=n.lanes;r&=e.pendingLanes,t|=r,n.lanes=t,ns(e,t)}}var a2={readContext:lR,useCallback:ay,useContext:ay,useEffect:ay,useImperativeHandle:ay,useInsertionEffect:ay,useLayoutEffect:ay,useMemo:ay,useReducer:ay,useRef:ay,useState:ay,useDebugValue:ay,useDeferredValue:ay,useTransition:ay,useMutableSource:ay,useSyncExternalStore:ay,useId:ay,unstable_isNewReconciler:!1},a3={readContext:lR,useCallback:function(e,n){return aS().memoizedState=[e,void 0===n?null:n],e},useContext:lR,useEffect:aV,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,aI(4194308,4,aB.bind(null,n,e),t)},useLayoutEffect:function(e,n){return aI(4194308,4,e,n)},useInsertionEffect:function(e,n){return aI(4,2,e,n)},useMemo:function(e,n){var t=aS();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=aS();return n=void 0!==t?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=aG.bind(null,af,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},aS().memoizedState=e},useState:aF,useDebugValue:aW,useDeferredValue:function(e){return aS().memoizedState=e},useTransition:function(){var e=aF(!1),n=e[0];return e=aY.bind(null,e[1]),aS().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=af,l=aS();if(lf){if(void 0===t)throw Error(f(407));t=t()}else{if(t=n(),null===u4)throw Error(f(349));0!=(30&ac)||az(r,n,t)}l.memoizedState=t;var a={value:t,getSnapshot:n};return l.queue=a,aV(aL.bind(null,r,a,e),[e]),r.flags|=2048,aO(9,aT.bind(null,r,a,t,n),void 0,null),t},useId:function(){var e=aS(),n=u4.identifierPrefix;if(lf){var t=ll,r=lr;n=":"+n+"R"+(t=(r&~(1<<32-e9(r)-1)).toString(32)+t),0<(t=ag++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=av++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},a4={readContext:lR,useCallback:aQ,useContext:lR,useEffect:a$,useImperativeHandle:aH,useInsertionEffect:aA,useLayoutEffect:aj,useMemo:aq,useReducer:a_,useRef:aD,useState:function(){return a_(aE)},useDebugValue:aW,useDeferredValue:function(e){return aK(ax(),ad.memoizedState,e)},useTransition:function(){return[a_(aE)[0],ax().memoizedState]},useMutableSource:aP,useSyncExternalStore:aN,useId:aX,unstable_isNewReconciler:!1},a8={readContext:lR,useCallback:aQ,useContext:lR,useEffect:a$,useImperativeHandle:aH,useInsertionEffect:aA,useLayoutEffect:aj,useMemo:aq,useReducer:aC,useRef:aD,useState:function(){return aC(aE)},useDebugValue:aW,useDeferredValue:function(e){var n=ax();return null===ad?n.memoizedState=e:aK(n,ad.memoizedState,e)},useTransition:function(){return[aC(aE)[0],ax().memoizedState]},useMutableSource:aP,useSyncExternalStore:aN,useId:aX,unstable_isNewReconciler:!1};function a6(e,n){try{var t="",r=n;do t+=function(e){switch(e.tag){case 5:return H(e.type);case 16:return H("Lazy");case 13:return H("Suspense");case 19:return H("SuspenseList");case 0:case 2:case 15:return e=Q(e.type,!1);case 11:return e=Q(e.type.render,!1);case 1:return e=Q(e.type,!0);default:return""}}(r),r=r.return;while(r);var l=t}catch(e){l="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:n,stack:l,digest:null}}function a5(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function a9(e,n){try{console.error(n.value)}catch(e){setTimeout(function(){throw e})}}var a7="function"==typeof WeakMap?WeakMap:Map;function ue(e,n,t){(t=l$(-1,t)).tag=3,t.payload={element:null};var r=n.value;return t.callback=function(){os||(os=!0,oc=r),a9(e,n)},t}function un(e,n,t){(t=l$(-1,t)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var l=n.value;t.payload=function(){return r(l)},t.callback=function(){a9(e,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(t.callback=function(){a9(e,n),"function"!=typeof r&&(null===of?of=new Set([this]):of.add(this));var t=n.stack;this.componentDidCatch(n.value,{componentStack:null!==t?t:""})}),t}function ut(e,n,t){var r=e.pingCache;if(null===r){r=e.pingCache=new a7;var l=new Set;r.set(n,l)}else void 0===(l=r.get(n))&&(l=new Set,r.set(n,l));l.has(t)||(l.add(t),e=oj.bind(null,e,n,t),n.then(e,e))}function ur(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function ul(e,n,t,r,l){return 0==(1&e.mode)?e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=l$(-1,1)).tag=2,lA(t,n,1))),t.lanes|=1):(e.flags|=65536,e.lanes=l),e}var ua=C.ReactCurrentOwner,uu=!1;function uo(e,n,t,r){n.child=null===e?l4(n,null,t,r):l3(n,e.child,t,r)}function ui(e,n,t,r,l){t=t.render;var a=n.ref;return(lL(n,l),r=ak(e,n,t,r,a,l),t=aw(),null===e||uu)?(lf&&t&&lo(n),n.flags|=1,uo(e,n,r,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,uP(e,n,l))}function us(e,n,t,r,l){if(null===e){var a=t.type;return"function"!=typeof a||oK(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=oX(t.type,null,r,n,n.mode,l)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,uc(e,n,a,r,l))}if(a=e.child,0==(e.lanes&l)){var u=a.memoizedProps;if((t=null!==(t=t.compare)?t:tI)(u,r)&&e.ref===n.ref)return uP(e,n,l)}return n.flags|=1,(e=oY(a,r)).ref=n.ref,e.return=n,n.child=e}function uc(e,n,t,r,l){if(null!==e){var a=e.memoizedProps;if(tI(a,r)&&e.ref===n.ref){if(uu=!1,n.pendingProps=r=a,0==(e.lanes&l))return n.lanes=e.lanes,uP(e,n,l);0!=(131072&e.flags)&&(uu=!0)}}return up(e,n,t,r,l)}function uf(e,n,t){var r=n.pendingProps,l=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode){if(0==(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null,transitions:null},rB(u9,u5),u5|=t;else{if(0==(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,rB(u9,u5),u5|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:t,rB(u9,u5),u5|=r}}else null!==a?(r=a.baseLanes|t,n.memoizedState=null):r=t,rB(u9,u5),u5|=r;return uo(e,n,l,t),n.child}function ud(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function up(e,n,t,r,l){var a=rY(t)?rq:rW.current;return(a=rK(n,a),lL(n,l),t=ak(e,n,t,r,a,l),r=aw(),null===e||uu)?(lf&&r&&lo(n),n.flags|=1,uo(e,n,t,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,uP(e,n,l))}function um(e,n,t,r,l){if(rY(t)){var a=!0;rJ(n)}else a=!1;if(lL(n,l),null===n.stateNode)uC(e,n),lX(n,t,r),lZ(n,t,r,l),r=!0;else if(null===e){var u=n.stateNode,o=n.memoizedProps;u.props=o;var i=u.context,s=t.contextType;s="object"==typeof s&&null!==s?lR(s):rK(n,s=rY(t)?rq:rW.current);var c=t.getDerivedStateFromProps,f="function"==typeof c||"function"==typeof u.getSnapshotBeforeUpdate;f||"function"!=typeof u.UNSAFE_componentWillReceiveProps&&"function"!=typeof u.componentWillReceiveProps||(o!==r||i!==s)&&lG(n,u,r,s),lI=!1;var d=n.memoizedState;u.state=d,lH(n,r,u,l),i=n.memoizedState,o!==r||d!==i||rQ.current||lI?("function"==typeof c&&(lq(n,t,c,r),i=n.memoizedState),(o=lI||lY(n,t,o,r,d,i,s))?(f||"function"!=typeof u.UNSAFE_componentWillMount&&"function"!=typeof u.componentWillMount||("function"==typeof u.componentWillMount&&u.componentWillMount(),"function"==typeof u.UNSAFE_componentWillMount&&u.UNSAFE_componentWillMount()),"function"==typeof u.componentDidMount&&(n.flags|=4194308)):("function"==typeof u.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=i),u.props=r,u.state=i,u.context=s,r=o):("function"==typeof u.componentDidMount&&(n.flags|=4194308),r=!1)}else{u=n.stateNode,lV(e,n),o=n.memoizedProps,s=n.type===n.elementType?o:lx(n.type,o),u.props=s,f=n.pendingProps,d=u.context,i="object"==typeof(i=t.contextType)&&null!==i?lR(i):rK(n,i=rY(t)?rq:rW.current);var p=t.getDerivedStateFromProps;(c="function"==typeof p||"function"==typeof u.getSnapshotBeforeUpdate)||"function"!=typeof u.UNSAFE_componentWillReceiveProps&&"function"!=typeof u.componentWillReceiveProps||(o!==f||d!==i)&&lG(n,u,r,i),lI=!1,d=n.memoizedState,u.state=d,lH(n,r,u,l);var m=n.memoizedState;o!==f||d!==m||rQ.current||lI?("function"==typeof p&&(lq(n,t,p,r),m=n.memoizedState),(s=lI||lY(n,t,s,r,d,m,i)||!1)?(c||"function"!=typeof u.UNSAFE_componentWillUpdate&&"function"!=typeof u.componentWillUpdate||("function"==typeof u.componentWillUpdate&&u.componentWillUpdate(r,m,i),"function"==typeof u.UNSAFE_componentWillUpdate&&u.UNSAFE_componentWillUpdate(r,m,i)),"function"==typeof u.componentDidUpdate&&(n.flags|=4),"function"==typeof u.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof u.componentDidUpdate||o===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!=typeof u.getSnapshotBeforeUpdate||o===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=m),u.props=r,u.state=m,u.context=i,r=s):("function"!=typeof u.componentDidUpdate||o===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!=typeof u.getSnapshotBeforeUpdate||o===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),r=!1)}return uh(e,n,t,r,a,l)}function uh(e,n,t,r,l,a){ud(e,n);var u=0!=(128&n.flags);if(!r&&!u)return l&&r0(n,t,!1),uP(e,n,a);r=n.stateNode,ua.current=n;var o=u&&"function"!=typeof t.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&u?(n.child=l3(n,e.child,null,a),n.child=l3(n,null,o,a)):uo(e,n,o,a),n.memoizedState=r.state,l&&r0(n,t,!0),n.child}function ug(e){var n=e.stateNode;n.pendingContext?rG(e,n.pendingContext,n.pendingContext!==n.context):n.context&&rG(e,n.context,!1),ae(e,n.containerInfo)}function uv(e,n,t,r,l){return lk(),lw(l),n.flags|=256,uo(e,n,t,r),n.child}var uy={dehydrated:null,treeContext:null,retryLane:0};function ub(e){return{baseLanes:e,cachePool:null,transitions:null}}function uk(e,n,t){var r,l=n.pendingProps,a=al.current,u=!1,o=0!=(128&n.flags);if((r=o)||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(u=!0,n.flags&=-129):(null===e||null!==e.memoizedState)&&(a|=1),rB(al,1&a),null===e)return(lg(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated))?(0==(1&n.mode)?n.lanes=1:"$!"===e.data?n.lanes=8:n.lanes=1073741824,null):(o=l.children,e=l.fallback,u?(l=n.mode,u=n.child,o={mode:"hidden",children:o},0==(1&l)&&null!==u?(u.childLanes=0,u.pendingProps=o):u=oZ(o,l,0,null),e=oG(e,l,t,null),u.return=n,e.return=n,u.sibling=e,n.child=u,n.child.memoizedState=ub(t),n.memoizedState=uy,e):uw(n,o));if(null!==(a=e.memoizedState)&&null!==(r=a.dehydrated))return function(e,n,t,r,l,a,u){if(t)return 256&n.flags?(n.flags&=-257,uS(e,n,u,r=a5(Error(f(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(a=r.fallback,l=n.mode,r=oZ({mode:"visible",children:r.children},l,0,null),a=oG(a,l,u,null),a.flags|=2,r.return=n,a.return=n,r.sibling=a,n.child=r,0!=(1&n.mode)&&l3(n,e.child,null,u),n.child.memoizedState=ub(u),n.memoizedState=uy,a);if(0==(1&n.mode))return uS(e,n,u,null);if("$!"===l.data){if(r=l.nextSibling&&l.nextSibling.dataset)var o=r.dgst;return r=o,r=a5(a=Error(f(419)),r,void 0),uS(e,n,u,r)}if(o=0!=(u&e.childLanes),uu||o){if(null!==(r=u4)){switch(u&-u){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}0!==(l=0!=(l&(r.suspendedLanes|u))?0:l)&&l!==a.retryLane&&(a.retryLane=l,lD(e,l),ow(r,e,l,-1))}return oF(),uS(e,n,u,r=a5(Error(f(421))))}return"$?"===l.data?(n.flags|=128,n.child=e.child,n=oH.bind(null,e),l._reactRetry=n,null):(e=a.treeContext,lc=rC(l.nextSibling),ls=n,lf=!0,ld=null,null!==e&&(le[ln++]=lr,le[ln++]=ll,le[ln++]=lt,lr=e.id,ll=e.overflow,lt=n),n=uw(n,r.children),n.flags|=4096,n)}(e,n,o,l,r,a,t);if(u){u=l.fallback,o=n.mode,r=(a=e.child).sibling;var i={mode:"hidden",children:l.children};return 0==(1&o)&&n.child!==a?((l=n.child).childLanes=0,l.pendingProps=i,n.deletions=null):(l=oY(a,i)).subtreeFlags=14680064&a.subtreeFlags,null!==r?u=oY(r,u):(u=oG(u,o,t,null),u.flags|=2),u.return=n,l.return=n,l.sibling=u,n.child=l,l=u,u=n.child,o=null===(o=e.child.memoizedState)?ub(t):{baseLanes:o.baseLanes|t,cachePool:null,transitions:o.transitions},u.memoizedState=o,u.childLanes=e.childLanes&~t,n.memoizedState=uy,l}return e=(u=e.child).sibling,l=oY(u,{mode:"visible",children:l.children}),0==(1&n.mode)&&(l.lanes=t),l.return=n,l.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=l,n.memoizedState=null,l}function uw(e,n){return(n=oZ({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function uS(e,n,t,r){return null!==r&&lw(r),l3(n,e.child,null,t),e=uw(n,n.pendingProps.children),e.flags|=2,n.memoizedState=null,e}function ux(e,n,t){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),lT(e.return,n,t)}function uE(e,n,t,r,l){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:l}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=t,a.tailMode=l)}function u_(e,n,t){var r=n.pendingProps,l=r.revealOrder,a=r.tail;if(uo(e,n,r.children,t),0!=(2&(r=al.current)))r=1&r|2,n.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ux(e,t,n);else if(19===e.tag)ux(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(rB(al,r),0==(1&n.mode))n.memoizedState=null;else switch(l){case"forwards":for(l=null,t=n.child;null!==t;)null!==(e=t.alternate)&&null===aa(e)&&(l=t),t=t.sibling;null===(t=l)?(l=n.child,n.child=null):(l=t.sibling,t.sibling=null),uE(n,!1,l,t,a);break;case"backwards":for(t=null,l=n.child,n.child=null;null!==l;){if(null!==(e=l.alternate)&&null===aa(e)){n.child=l;break}e=l.sibling,l.sibling=t,t=l,l=e}uE(n,!0,t,null,a);break;case"together":uE(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function uC(e,n){0==(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function uP(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),on|=n.lanes,0==(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(f(153));if(null!==n.child){for(t=oY(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=oY(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function uN(e,n){if(!lf)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var r=null;null!==t;)null!==t.alternate&&(r=t),t=t.sibling;null===r?n||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function uz(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,r=0;if(n)for(var l=e.child;null!==l;)t|=l.lanes|l.childLanes,r|=14680064&l.subtreeFlags,r|=14680064&l.flags,l.return=e,l=l.sibling;else for(l=e.child;null!==l;)t|=l.lanes|l.childLanes,r|=l.subtreeFlags,r|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=r,e.childLanes=t,n}l=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},a=function(){},u=function(e,n,t,r){var l=e.memoizedProps;if(l!==r){e=n.stateNode,l7(l6.current);var a,u=null;switch(t){case"input":l=Z(e,l),r=Z(e,r),u=[];break;case"select":l=B({},l,{value:void 0}),r=B({},r,{value:void 0}),u=[];break;case"textarea":l=eu(e,l),r=eu(e,r),u=[];break;default:"function"!=typeof l.onClick&&"function"==typeof r.onClick&&(e.onclick=rg)}for(s in ew(t,r),t=null,l)if(!r.hasOwnProperty(s)&&l.hasOwnProperty(s)&&null!=l[s]){if("style"===s){var o=l[s];for(a in o)o.hasOwnProperty(a)&&(t||(t={}),t[a]="")}else"dangerouslySetInnerHTML"!==s&&"children"!==s&&"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(p.hasOwnProperty(s)?u||(u=[]):(u=u||[]).push(s,null))}for(s in r){var i=r[s];if(o=null!=l?l[s]:void 0,r.hasOwnProperty(s)&&i!==o&&(null!=i||null!=o)){if("style"===s){if(o){for(a in o)!o.hasOwnProperty(a)||i&&i.hasOwnProperty(a)||(t||(t={}),t[a]="");for(a in i)i.hasOwnProperty(a)&&o[a]!==i[a]&&(t||(t={}),t[a]=i[a])}else t||(u||(u=[]),u.push(s,t)),t=i}else"dangerouslySetInnerHTML"===s?(i=i?i.__html:void 0,o=o?o.__html:void 0,null!=i&&o!==i&&(u=u||[]).push(s,i)):"children"===s?"string"!=typeof i&&"number"!=typeof i||(u=u||[]).push(s,""+i):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&(p.hasOwnProperty(s)?(null!=i&&"onScroll"===s&&rt("scroll",e),u||o===i||(u=[])):(u=u||[]).push(s,i))}}t&&(u=u||[]).push("style",t);var s=u;(n.updateQueue=s)&&(n.flags|=4)}},o=function(e,n,t,r){t!==r&&(n.flags|=4)};var uT=!1,uL=!1,uR="function"==typeof WeakSet?WeakSet:Set,uM=null;function uF(e,n){var t=e.ref;if(null!==t){if("function"==typeof t)try{t(null)}catch(t){oA(e,n,t)}else t.current=null}}function uO(e,n,t){try{t()}catch(t){oA(e,n,t)}}var uD=!1;function uI(e,n,t){var r=n.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var l=r=r.next;do{if((l.tag&e)===e){var a=l.destroy;l.destroy=void 0,void 0!==a&&uO(n,t,a)}l=l.next}while(l!==r)}}function uU(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function uV(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function u$(e){return 5===e.tag||3===e.tag||4===e.tag}function uA(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||u$(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags||null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}var uj=null,uB=!1;function uH(e,n,t){for(t=t.child;null!==t;)uW(e,n,t),t=t.sibling}function uW(e,n,t){if(e5&&"function"==typeof e5.onCommitFiberUnmount)try{e5.onCommitFiberUnmount(e6,t)}catch(e){}switch(t.tag){case 5:uL||uF(t,n);case 6:var r=uj,l=uB;uj=null,uH(e,n,t),uj=r,uB=l,null!==uj&&(uB?(e=uj,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):uj.removeChild(t.stateNode));break;case 18:null!==uj&&(uB?(e=uj,t=t.stateNode,8===e.nodeType?r_(e.parentNode,t):1===e.nodeType&&r_(e,t),nM(e)):r_(uj,t.stateNode));break;case 4:r=uj,l=uB,uj=t.stateNode.containerInfo,uB=!0,uH(e,n,t),uj=r,uB=l;break;case 0:case 11:case 14:case 15:if(!uL&&null!==(r=t.updateQueue)&&null!==(r=r.lastEffect)){l=r=r.next;do{var a=l,u=a.destroy;a=a.tag,void 0!==u&&(0!=(2&a)?uO(t,n,u):0!=(4&a)&&uO(t,n,u)),l=l.next}while(l!==r)}uH(e,n,t);break;case 1:if(!uL&&(uF(t,n),"function"==typeof(r=t.stateNode).componentWillUnmount))try{r.props=t.memoizedProps,r.state=t.memoizedState,r.componentWillUnmount()}catch(e){oA(t,n,e)}uH(e,n,t);break;case 21:default:uH(e,n,t);break;case 22:1&t.mode?(uL=(r=uL)||null!==t.memoizedState,uH(e,n,t),uL=r):uH(e,n,t)}}function uQ(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new uR),n.forEach(function(n){var r=oW.bind(null,e,n);t.has(n)||(t.add(n),n.then(r,r))})}}function uq(e,n){var t=n.deletions;if(null!==t)for(var r=0;rl&&(l=u),r&=~a}if(r=l,10<(r=(120>(r=eJ()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*uJ(r/1960))-r)){e.timeoutHandle=rk(oU.bind(null,e,oa,oi),r);break}oU(e,oa,oi);break;default:throw Error(f(329))}}}return oS(e,eJ()),e.callbackNode===t?ox.bind(null,e):null}function oE(e,n){var t=ol;return e.current.memoizedState.isDehydrated&&(oL(e,n).flags|=256),2!==(e=oO(e,n))&&(n=oa,oa=t,null!==n&&o_(n)),e}function o_(e){null===oa?oa=e:oa.push.apply(oa,e)}function oC(e,n){for(n&=~or,n&=~ot,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(t,{is:r.is}):(e=c.createElement(t),"select"===t&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,t),e[rz]=n,e[rT]=r,l(e,n,!1,!1),n.stateNode=e;e:{switch(c=eS(t,r),t){case"dialog":rt("cancel",e),rt("close",e),i=r;break;case"iframe":case"object":case"embed":rt("load",e),i=r;break;case"video":case"audio":for(i=0;ioo&&(n.flags|=128,r=!0,uN(s,!1),n.lanes=4194304)}}else{if(!r){if(null!==(e=aa(c))){if(n.flags|=128,r=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),uN(s,!0),null===s.tail&&"hidden"===s.tailMode&&!c.alternate&&!lf)return uz(n),null}else 2*eJ()-s.renderingStartTime>oo&&1073741824!==t&&(n.flags|=128,r=!0,uN(s,!1),n.lanes=4194304)}s.isBackwards?(c.sibling=n.child,n.child=c):(null!==(t=s.last)?t.sibling=c:n.child=c,s.last=c)}if(null!==s.tail)return n=s.tail,s.rendering=n,s.tail=n.sibling,s.renderingStartTime=eJ(),n.sibling=null,t=al.current,rB(al,r?1&t|2:1&t),n;return uz(n),null;case 22:case 23:return oT(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&0!=(1&n.mode)?0!=(1073741824&u5)&&(uz(n),6&n.subtreeFlags&&(n.flags|=8192)):uz(n),null;case 24:case 25:return null}throw Error(f(156,n.tag))}(t,n,u5))){u8=t;return}}else{if(null!==(t=function(e,n){switch(li(n),n.tag){case 1:return rY(n.type)&&rX(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return an(),rj(rQ),rj(rW),ao(),0!=(65536&(e=n.flags))&&0==(128&e)?(n.flags=-65537&e|128,n):null;case 5:return ar(n),null;case 13:if(rj(al),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(f(340));lk()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return rj(al),null;case 4:return an(),null;case 10:return lz(n.type._context),null;case 22:case 23:return oT(),null;default:return null}}(t,n))){t.flags&=32767,u8=t;return}if(null!==e)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{u7=6,u8=null;return}}if(null!==(n=n.sibling)){u8=n;return}u8=n=e}while(null!==n);0===u7&&(u7=5)}function oU(e,n,t){var r=nc,l=u2.transition;try{u2.transition=null,nc=1,function(e,n,t,r){do oV();while(null!==op);if(0!=(6&u3))throw Error(f(327));t=e.finishedWork;var l=e.finishedLanes;if(null!==t){if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(f(177));e.callbackNode=null,e.callbackPriority=0;var a=t.lanes|t.childLanes;if(function(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0r&&(l=r,r=a,a=l),l=tV(t,a);var u=tV(t,r);l&&u&&(1!==e.rangeCount||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==u.node||e.focusOffset!==u.offset)&&((n=n.createRange()).setStart(l.node,l.offset),e.removeAllRanges(),a>r?(e.addRange(n),e.extend(u.node,u.offset)):(n.setEnd(u.node,u.offset),e.addRange(n)))}}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;te?16:e,null===op)var r=!1;else{if(e=op,op=null,om=0,0!=(6&u3))throw Error(f(331));var l=u3;for(u3|=4,uM=e.current;null!==uM;){var a=uM,u=a.child;if(0!=(16&uM.flags)){var o=a.deletions;if(null!==o){for(var i=0;ieJ()-ou?oL(e,0):or|=t),oS(e,n)}function oB(e,n){0===n&&(0==(1&e.mode)?n=1:(n=nt,0==(130023424&(nt<<=1))&&(nt=4194304)));var t=ob();null!==(e=lD(e,n))&&(ni(e,n,t),oS(e,t))}function oH(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),oB(e,t)}function oW(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;null!==l&&(t=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(f(314))}null!==r&&r.delete(n),oB(e,t)}function oQ(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function oq(e,n,t,r){return new oQ(e,n,t,r)}function oK(e){return!(!(e=e.prototype)||!e.isReactComponent)}function oY(e,n){var t=e.alternate;return null===t?((t=oq(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function oX(e,n,t,r,l,a){var u=2;if(r=e,"function"==typeof e)oK(e)&&(u=1);else if("string"==typeof e)u=5;else e:switch(e){case z:return oG(t.children,l,a,n);case T:u=8,l|=8;break;case L:return(e=oq(12,t,n,2|l)).elementType=L,e.lanes=a,e;case O:return(e=oq(13,t,n,l)).elementType=O,e.lanes=a,e;case D:return(e=oq(19,t,n,l)).elementType=D,e.lanes=a,e;case V:return oZ(t,l,a,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case R:u=10;break e;case M:u=9;break e;case F:u=11;break e;case I:u=14;break e;case U:u=16,r=null;break e}throw Error(f(130,null==e?e:typeof e,""))}return(n=oq(u,t,n,l)).elementType=e,n.type=r,n.lanes=a,n}function oG(e,n,t,r){return(e=oq(7,e,r,n)).lanes=t,e}function oZ(e,n,t,r){return(e=oq(22,e,r,n)).elementType=V,e.lanes=t,e.stateNode={isHidden:!1},e}function oJ(e,n,t){return(e=oq(6,e,null,n)).lanes=t,e}function o0(e,n,t){return(n=oq(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function o1(e,n,t,r,l){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=no(0),this.expirationTimes=no(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=no(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function o2(e,n,t,r,l,a,u,o,i){return e=new o1(e,n,t,o,i),1===n?(n=1,!0===a&&(n|=8)):n=0,a=oq(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},lU(a),e}function o3(e){if(!e)return rH;e=e._reactInternals;e:{if(eW(e)!==e||1!==e.tag)throw Error(f(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(rY(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(f(171))}if(1===e.tag){var t=e.type;if(rY(t))return rZ(e,t,n)}return n}function o4(e,n,t,r,l,a,u,o,i){return(e=o2(t,r,!0,e,l,a,u,o,i)).context=o3(null),t=e.current,(a=l$(r=ob(),l=ok(t))).callback=null!=n?n:null,lA(t,a,l),e.current.lanes=l,ni(e,l,r),oS(e,r),e}function o8(e,n,t,r){var l=n.current,a=ob(),u=ok(l);return t=o3(t),null===n.context?n.context=t:n.pendingContext=t,(n=l$(a,u)).payload={element:e},null!==(r=void 0===r?null:r)&&(n.callback=r),null!==(e=lA(l,n,u))&&(ow(e,l,u,a),lj(e,l,u)),u}function o6(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function o5(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t>>1,l=e[r];if(0>>1;ra(i,t))sa(c,i)?(e[r]=c,e[s]=t,r=s):(e[r]=i,e[o]=t,r=o);else if(sa(c,t))e[r]=c,e[s]=t,r=s;else break}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var u,o=performance;n.unstable_now=function(){return o.now()}}else{var i=Date,s=i.now();n.unstable_now=function(){return i.now()-s}}var c=[],f=[],d=1,p=null,m=3,h=!1,g=!1,v=!1,y="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,k="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var n=r(f);null!==n;){if(null===n.callback)l(f);else if(n.startTime<=e)l(f),n.sortIndex=n.expirationTime,t(c,n);else break;n=r(f)}}function S(e){if(v=!1,w(e),!g){if(null!==r(c))g=!0,M(x);else{var n=r(f);null!==n&&F(S,n.startTime-e)}}}function x(e,t){g=!1,v&&(v=!1,b(C),C=-1),h=!0;var a=m;try{for(w(t),p=r(c);null!==p&&(!(p.expirationTime>t)||e&&!z());){var u=p.callback;if("function"==typeof u){p.callback=null,m=p.priorityLevel;var o=u(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof o?p.callback=o:p===r(c)&&l(c),w(t)}else l(c);p=r(c)}if(null!==p)var i=!0;else{var s=r(f);null!==s&&F(S,s.startTime-t),i=!1}return i}finally{p=null,m=a,h=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E=!1,_=null,C=-1,P=5,N=-1;function z(){return!(n.unstable_now()-Ne||125u?(e.sortIndex=a,t(f,e),null===r(c)&&e===r(f)&&(v?(b(C),C=-1):v=!0,F(S,a-u))):(e.sortIndex=o,t(c,e),g||h||(g=!0,M(x))),e},n.unstable_shouldYield=z,n.unstable_wrapCallback=function(e){var n=m;return function(){var t=m;m=n;try{return e.apply(this,arguments)}finally{m=t}}}},14616:function(e,n,t){e.exports=t(46475)}}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/main-f619b72a68e720e9.js b/version/v0.0.54/_next/static/chunks/main-f619b72a68e720e9.js
deleted file mode 100644
index f54cc4d2e8e..00000000000
--- a/version/v0.0.54/_next/static/chunks/main-f619b72a68e720e9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[179],{11541:function(){"trimStart"in String.prototype||(String.prototype.trimStart=String.prototype.trimLeft),"trimEnd"in String.prototype||(String.prototype.trimEnd=String.prototype.trimRight),"description"in Symbol.prototype||Object.defineProperty(Symbol.prototype,"description",{configurable:!0,get:function(){var e=/\((.*)\)/.exec(this.toString());return e?e[1]:void 0}}),Array.prototype.flat||(Array.prototype.flat=function(e,t){return t=this.concat.apply([],this),e>1&&t.some(Array.isArray)?t.flat(e-1):t},Array.prototype.flatMap=function(e,t){return this.map(e,t).flat()}),Promise.prototype.finally||(Promise.prototype.finally=function(e){if("function"!=typeof e)return this.then(e,e);var t=this.constructor||Promise;return this.then(function(r){return t.resolve(e()).then(function(){return r})},function(r){return t.resolve(e()).then(function(){throw r})})}),Object.fromEntries||(Object.fromEntries=function(e){return Array.from(e).reduce(function(e,t){return e[t[0]]=t[1],e},{})})},33890:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addBasePath",{enumerable:!0,get:function(){return o}});let n=r(40582),a=r(8314);function o(e,t){return(0,a.normalizePathTrailingSlash)((0,n.addPathPrefix)(e,"/mono/version/v0.0.54"))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},92265:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return n}}),r(8314);let n=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;ne.timeout&&i()},e.timeout/2);let{hostname:l,port:u}=location,s=function(e){let t=location.protocol;try{t=new URL(e).protocol}catch(e){}return"http:"===t?"ws":"wss"}(e.assetPrefix||""),c=e.assetPrefix.replace(/^\/+/,""),f=s+"://"+l+":"+u+(c?"/"+c:"");c.startsWith("http")&&(f=s+"://"+c.split("://")[1]),(r=new window.WebSocket(""+f+e.path)).onopen=function(){window.console.log("[HMR] connected"),a=Date.now()},r.onerror=i,r.onmessage=function(e){a=Date.now(),n.forEach(t=>{t(e)})}}()}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},69915:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"hasBasePath",{enumerable:!0,get:function(){return a}});let n=r(95971);function a(e){return(0,n.pathHasPrefix)(e,"/mono/version/v0.0.54")}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},18458:function(e,t){"use strict";let r;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{DOMAttributeNames:function(){return n},isEqualNode:function(){return o},default:function(){return i}});let n={acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv",noModule:"noModule"};function a(e){let{type:t,props:r}=e,a=document.createElement(t);for(let e in r){if(!r.hasOwnProperty(e)||"children"===e||"dangerouslySetInnerHTML"===e||void 0===r[e])continue;let o=n[e]||e.toLowerCase();"script"===t&&("async"===o||"defer"===o||"noModule"===o)?a[o]=!!r[e]:a.setAttribute(o,r[e])}let{children:o,dangerouslySetInnerHTML:i}=r;return i?a.innerHTML=i.__html||"":o&&(a.textContent="string"==typeof o?o:Array.isArray(o)?o.join(""):""),a}function o(e,t){if(e instanceof HTMLElement&&t instanceof HTMLElement){let r=t.getAttribute("nonce");if(r&&!e.getAttribute("nonce")){let n=t.cloneNode(!0);return n.setAttribute("nonce",""),n.nonce=r,r===e.nonce&&e.isEqualNode(n)}}return e.isEqualNode(t)}function i(){return{mountedInstances:new Set,updateHead:e=>{let t={};e.forEach(e=>{if("link"===e.type&&e.props["data-optimized-fonts"]){if(document.querySelector('style[data-href="'+e.props["data-href"]+'"]'))return;e.props.href=e.props["data-href"],e.props["data-href"]=void 0}let r=t[e.type]||[];r.push(e),t[e.type]=r});let n=t.title?t.title[0]:null,a="";if(n){let{children:e}=n.props;a="string"==typeof e?e:Array.isArray(e)?e.join(""):""}a!==document.title&&(document.title=a),["meta","base","link","style","script"].forEach(e=>{r(e,t[e]||[])})}}}r=(e,t)=>{let r=document.getElementsByTagName("head")[0],n=r.querySelector("meta[name=next-head-count]"),i=Number(n.content),l=[];for(let t=0,r=n.previousElementSibling;t{for(let t=0,r=l.length;t{var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),s.forEach(e=>r.insertBefore(e,n)),n.content=(i-l.length+s.length).toString()},("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},74536:function(e,t,r){"use strict";let n,a,o,i,l,u,s,c,f,d,h,p;Object.defineProperty(t,"__esModule",{value:!0});let m=r(16794);Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{version:function(){return q},router:function(){return n},emitter:function(){return z},initialize:function(){return $},hydrate:function(){return eu}});let g=r(43219);r(11541);let y=g._(r(2784)),_=g._(r(17029)),b=r(85510),v=g._(r(69491)),P=r(63981),w=r(61418),j=r(87163),S=r(68730),O=r(83342),E=r(38119),x=r(96273),R=g._(r(18458)),M=g._(r(87971)),C=g._(r(28123)),A=r(56248),T=r(16244),L=r(10274),I=r(49910),N=r(75083),k=r(69915),D=r(29950),B=r(58157),H=r(61452),U=g._(r(53863)),F=g._(r(71263)),W=g._(r(66289)),q="13.4.19",z=(0,v.default)(),G=e=>[].slice.call(e),V=!1;class X extends y.default.Component{componentDidCatch(e,t){this.props.fn(e,t)}componentDidMount(){this.scrollToHash(),n.isSsr&&(a.isFallback||a.nextExport&&((0,j.isDynamicRoute)(n.pathname)||location.search||V)||a.props&&a.props.__N_SSG&&(location.search||V))&&n.replace(n.pathname+"?"+String((0,S.assign)((0,S.urlQueryToSearchParams)(n.query),new URLSearchParams(location.search))),o,{_h:1,shallow:!a.isFallback&&!V}).catch(e=>{if(!e.cancelled)throw e})}componentDidUpdate(){this.scrollToHash()}scrollToHash(){let{hash:e}=location;if(!(e=e&&e.substring(1)))return;let t=document.getElementById(e);t&&setTimeout(()=>t.scrollIntoView(),0)}render(){return this.props.children}}async function $(e){void 0===e&&(e={}),F.default.onSpanEnd(W.default),a=JSON.parse(document.getElementById("__NEXT_DATA__").textContent),window.__NEXT_DATA__=a,p=a.defaultLocale;let t=a.assetPrefix||"";if(self.__next_set_public_path__(""+t+"/_next/"),(0,O.setConfig)({serverRuntimeConfig:{},publicRuntimeConfig:a.runtimeConfig||{}}),o=(0,E.getURL)(),(0,k.hasBasePath)(o)&&(o=(0,N.removeBasePath)(o)),a.scriptLoader){let{initScriptLoader:e}=r(72568);e(a.scriptLoader)}i=new M.default(a.buildId,t);let s=e=>{let[t,r]=e;return i.routeLoader.onEntrypoint(t,r)};return window.__NEXT_P&&window.__NEXT_P.map(e=>setTimeout(()=>s(e),0)),window.__NEXT_P=[],window.__NEXT_P.push=s,(u=(0,R.default)()).getIsSsr=()=>n.isSsr,l=document.getElementById("__next"),{assetPrefix:t}}function Y(e,t){return y.default.createElement(e,t)}function K(e){var t;let{children:r}=e,a=y.default.useMemo(()=>(0,B.adaptForAppRouterInstance)(n),[]);return y.default.createElement(X,{fn:e=>Q({App:f,err:e}).catch(e=>console.error("Error rendering page: ",e))},y.default.createElement(D.AppRouterContext.Provider,{value:a},y.default.createElement(H.SearchParamsContext.Provider,{value:(0,B.adaptForSearchParams)(n)},y.default.createElement(B.PathnameContextProviderAdapter,{router:n,isAutoExport:null!=(t=self.__NEXT_DATA__.autoExport)&&t},y.default.createElement(P.RouterContext.Provider,{value:(0,T.makePublicRouterInstance)(n)},y.default.createElement(b.HeadManagerContext.Provider,{value:u},y.default.createElement(I.ImageConfigContext.Provider,{value:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/mono/version/v0.0.54/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}},r)))))))}let J=e=>t=>{let r={...t,Component:h,err:a.err,router:n};return y.default.createElement(K,null,Y(e,r))};function Q(e){let{App:t,err:l}=e;return console.error(l),console.error("A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred"),i.loadPage("/_error").then(n=>{let{page:a,styleSheets:o}=n;return(null==s?void 0:s.Component)===a?Promise.resolve().then(()=>m._(r(61360))).then(n=>Promise.resolve().then(()=>m._(r(96751))).then(r=>(t=r.default,e.App=t,n))).then(e=>({ErrorComponent:e.default,styleSheets:[]})):{ErrorComponent:a,styleSheets:o}}).then(r=>{var i;let{ErrorComponent:u,styleSheets:s}=r,c=J(t),f={Component:u,AppTree:c,router:n,ctx:{err:l,pathname:a.page,query:a.query,asPath:o,AppTree:c}};return Promise.resolve((null==(i=e.props)?void 0:i.err)?e.props:(0,E.loadGetInitialProps)(t,f)).then(t=>ei({...e,err:l,Component:u,styleSheets:s,props:t}))})}function Z(e){let{callback:t}=e;return y.default.useLayoutEffect(()=>t(),[t]),null}let ee=null,et=!0;function er(){["beforeRender","afterHydrate","afterRender","routeChange"].forEach(e=>performance.clearMarks(e))}function en(){if(!E.ST)return;performance.mark("afterHydrate");let e=performance.measure("Next.js-before-hydration","navigationStart","beforeRender"),t=performance.measure("Next.js-hydration","beforeRender","afterHydrate");F.default.startSpan("navigation-to-hydration",{startTime:performance.timeOrigin+e.startTime,attributes:{pathname:location.pathname,query:location.search}}).end(performance.timeOrigin+t.startTime+t.duration),d&&performance.getEntriesByName("Next.js-hydration").forEach(d),er()}function ea(){if(!E.ST)return;performance.mark("afterRender");let e=performance.getEntriesByName("routeChange","mark");e.length&&(performance.measure("Next.js-route-change-to-render",e[0].name,"beforeRender"),performance.measure("Next.js-render","beforeRender","afterRender"),d&&(performance.getEntriesByName("Next.js-render").forEach(d),performance.getEntriesByName("Next.js-route-change-to-render").forEach(d)),er(),["Next.js-route-change-to-render","Next.js-render"].forEach(e=>performance.clearMeasures(e)))}function eo(e){let{callbacks:t,children:r}=e;return y.default.useLayoutEffect(()=>t.forEach(e=>e()),[t]),y.default.useEffect(()=>{(0,C.default)(d)},[]),r}function ei(e){let t,{App:r,Component:a,props:o,err:i}=e,u="initial"in e?void 0:e.styleSheets;a=a||s.Component,o=o||s.props;let f={...o,Component:a,err:i,router:n};s=f;let d=!1,h=new Promise((e,r)=>{c&&c(),t=()=>{c=null,e()},c=()=>{d=!0,c=null;let e=Error("Cancel rendering route");e.cancelled=!0,r(e)}});function p(){t()}!function(){if(!u)return;let e=G(document.querySelectorAll("style[data-n-href]")),t=new Set(e.map(e=>e.getAttribute("data-n-href"))),r=document.querySelector("noscript[data-n-css]"),n=null==r?void 0:r.getAttribute("data-n-css");u.forEach(e=>{let{href:r,text:a}=e;if(!t.has(r)){let e=document.createElement("style");e.setAttribute("data-n-href",r),e.setAttribute("media","x"),n&&e.setAttribute("nonce",n),document.head.appendChild(e),e.appendChild(document.createTextNode(a))}})}();let m=y.default.createElement(y.default.Fragment,null,y.default.createElement(Z,{callback:function(){if(u&&!d){let e=new Set(u.map(e=>e.href)),t=G(document.querySelectorAll("style[data-n-href]")),r=t.map(e=>e.getAttribute("data-n-href"));for(let n=0;n{let{href:t}=e,r=document.querySelector('style[data-n-href="'+t+'"]');r&&(n.parentNode.insertBefore(r,n.nextSibling),n=r)}),G(document.querySelectorAll("link[data-n-p]")).forEach(e=>{e.parentNode.removeChild(e)})}if(e.scroll){let{x:t,y:r}=e.scroll;(0,w.handleSmoothScroll)(()=>{window.scrollTo(t,r)})}}}),y.default.createElement(K,null,Y(r,f),y.default.createElement(x.Portal,{type:"next-route-announcer"},y.default.createElement(A.RouteAnnouncer,null))));return!function(e,t){E.ST&&performance.mark("beforeRender");let r=t(et?en:ea);if(ee){let e=y.default.startTransition;e(()=>{ee.render(r)})}else ee=_.default.hydrateRoot(e,r,{onRecoverableError:U.default}),et=!1}(l,e=>y.default.createElement(eo,{callbacks:[e,p]},m)),h}async function el(e){if(e.err){await Q(e);return}try{await ei(e)}catch(r){let t=(0,L.getProperError)(r);if(t.cancelled)throw t;await Q({...e,err:t})}}async function eu(e){let t=a.err;try{let e=await i.routeLoader.whenEntrypoint("/_app");if("error"in e)throw e.error;let{component:t,exports:r}=e;f=t,r&&r.reportWebVitals&&(d=e=>{let t,{id:n,name:a,startTime:o,value:i,duration:l,entryType:u,entries:s,attribution:c}=e,f=Date.now()+"-"+(Math.floor(Math.random()*(9e12-1))+1e12);s&&s.length&&(t=s[0].startTime);let d={id:n||f,name:a,startTime:o||t,value:null==i?l:i,label:"mark"===u||"measure"===u?"custom":"web-vital"};c&&(d.attribution=c),r.reportWebVitals(d)});let n=await i.routeLoader.whenEntrypoint(a.page);if("error"in n)throw n.error;h=n.component}catch(e){t=(0,L.getProperError)(e)}window.__NEXT_PRELOADREADY&&await window.__NEXT_PRELOADREADY(a.dynamicIds),n=(0,T.createRouter)(a.page,a.query,o,{initialProps:a.props,pageLoader:i,App:f,Component:h,wrapApp:J,err:t,isFallback:!!a.isFallback,subscription:(e,t,r)=>el(Object.assign({},e,{App:t,scroll:r})),locale:a.locale,locales:a.locales,defaultLocale:p,domainLocales:a.domainLocales,isPreview:a.isPreview}),V=await n._initialMatchesMiddlewarePromise;let r={App:f,initial:!0,Component:h,props:a.props,err:t};(null==e?void 0:e.beforeRender)&&await e.beforeRender(),el(r)}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},59520:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),r(71690);let n=r(74536);window.next={version:n.version,get router(){return n.router},emitter:n.emitter},(0,n.initialize)({}).then(()=>(0,n.hydrate)()).catch(console.error),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},8314:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizePathTrailingSlash",{enumerable:!0,get:function(){return o}});let n=r(12929),a=r(67297),o=e=>{if(!e.startsWith("/"))return e;let{pathname:t,query:r,hash:o}=(0,a.parsePath)(e);return""+(0,n.removeTrailingSlash)(t)+r+o};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},53863:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});let n=r(83795);function a(e){let t="function"==typeof reportError?reportError:e=>{window.console.error(e)};e.digest!==n.NEXT_DYNAMIC_NO_SSR_CODE&&t(e)}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},87971:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return d}});let n=r(43219),a=r(33890),o=r(57030),i=n._(r(61370)),l=r(92265),u=r(87163),s=r(35964),c=r(12929),f=r(15224);class d{getPageList(){return(0,f.getClientBuildManifest)().then(e=>e.sortedPages)}getMiddleware(){return window.__MIDDLEWARE_MATCHERS=[],window.__MIDDLEWARE_MATCHERS}getDataHref(e){let{asPath:t,href:r,locale:n}=e,{pathname:f,query:d,search:h}=(0,s.parseRelativeUrl)(r),{pathname:p}=(0,s.parseRelativeUrl)(t),m=(0,c.removeTrailingSlash)(f);if("/"!==m[0])throw Error('Route name should start with a "/", got "'+m+'"');return(e=>{let t=(0,i.default)((0,c.removeTrailingSlash)((0,l.addLocale)(e,n)),".json");return(0,a.addBasePath)("/_next/data/"+this.buildId+t+h,!0)})(e.skipInterpolation?p:(0,u.isDynamicRoute)(m)?(0,o.interpolateAs)(f,p,d).result:m)}_isSsg(e){return this.promisedSsgManifest.then(t=>t.has(e))}loadPage(e){return this.routeLoader.loadRoute(e).then(e=>{if("component"in e)return{page:e.component,mod:e.exports,styleSheets:e.styles.map(e=>({href:e.href,text:e.content}))};throw e.error})}prefetch(e){return this.routeLoader.prefetch(e)}constructor(e,t){this.routeLoader=(0,f.createRouteLoader)(t),this.buildId=e,this.assetPrefix=t,this.promisedSsgManifest=new Promise(e=>{window.__SSG_MANIFEST?e(window.__SSG_MANIFEST):window.__SSG_MANIFEST_CB=()=>{e(window.__SSG_MANIFEST)}})}}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},28123:function(e,t,r){"use strict";let n;Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l}});let a=["CLS","FCP","FID","INP","LCP","TTFB"];location.href;let o=!1;function i(e){n&&n(e)}let l=e=>{if(n=e,!o)for(let e of(o=!0,a))try{let t;t||(t=r(86590)),t["on"+e](i)}catch(t){console.warn("Failed to track "+e+" web-vital",t)}};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},96273:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return o}});let n=r(2784),a=r(28316),o=e=>{let{children:t,type:r}=e,[o,i]=(0,n.useState)(null);return(0,n.useEffect)(()=>{let e=document.createElement(r);return document.body.appendChild(e),i(e),()=>{document.body.removeChild(e)}},[r]),o?(0,a.createPortal)(t,o):null};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},75083:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removeBasePath",{enumerable:!0,get:function(){return a}}),r(69915);let n="/mono/version/v0.0.54";function a(e){return 0===n.length||(e=e.slice(n.length)).startsWith("/")||(e="/"+e),e}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},2410:function(e,t,r){"use strict";function n(e,t){return e}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removeLocale",{enumerable:!0,get:function(){return n}}),r(67297),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},29282:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{requestIdleCallback:function(){return r},cancelIdleCallback:function(){return n}});let r="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(window)||function(e){let t=Date.now();return self.setTimeout(function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})},1)},n="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(window)||function(e){return clearTimeout(e)};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},56248:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{RouteAnnouncer:function(){return l},default:function(){return u}});let n=r(43219),a=n._(r(2784)),o=r(16244),i={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",top:0,width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},l=()=>{let{asPath:e}=(0,o.useRouter)(),[t,r]=a.default.useState(""),n=a.default.useRef(e);return a.default.useEffect(()=>{if(n.current!==e){if(n.current=e,document.title)r(document.title);else{var t;let n=document.querySelector("h1"),a=null!=(t=null==n?void 0:n.innerText)?t:null==n?void 0:n.textContent;r(a||e)}}},[e]),a.default.createElement("p",{"aria-live":"assertive",id:"__next-route-announcer__",role:"alert",style:i},t)},u=l;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},15224:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{markAssetError:function(){return l},isAssetError:function(){return u},getClientBuildManifest:function(){return d},createRouteLoader:function(){return p}}),r(43219),r(61370);let n=r(74588),a=r(29282);function o(e,t,r){let n,a=t.get(e);if(a)return"future"in a?a.future:Promise.resolve(a);let o=new Promise(e=>{n=e});return t.set(e,a={resolve:n,future:o}),r?r().then(e=>(n(e),e)).catch(r=>{throw t.delete(e),r}):o}let i=Symbol("ASSET_LOAD_ERROR");function l(e){return Object.defineProperty(e,i,{})}function u(e){return e&&i in e}let s=function(e){try{return e=document.createElement("link"),!!window.MSInputMethodContext&&!!document.documentMode||e.relList.supports("prefetch")}catch(e){return!1}}(),c=()=>"";function f(e,t,r){return new Promise((n,o)=>{let i=!1;e.then(e=>{i=!0,n(e)}).catch(o),(0,a.requestIdleCallback)(()=>setTimeout(()=>{i||o(r)},t))})}function d(){if(self.__BUILD_MANIFEST)return Promise.resolve(self.__BUILD_MANIFEST);let e=new Promise(e=>{let t=self.__BUILD_MANIFEST_CB;self.__BUILD_MANIFEST_CB=()=>{e(self.__BUILD_MANIFEST),t&&t()}});return f(e,3800,l(Error("Failed to load client build manifest")))}function h(e,t){return d().then(r=>{if(!(t in r))throw l(Error("Failed to lookup route: "+t));let a=r[t].map(t=>e+"/_next/"+encodeURI(t));return{scripts:a.filter(e=>e.endsWith(".js")).map(e=>(0,n.__unsafeCreateTrustedScriptURL)(e)+c()),css:a.filter(e=>e.endsWith(".css")).map(e=>e+c())}})}function p(e){let t=new Map,r=new Map,n=new Map,i=new Map;function u(e){{var t;let n=r.get(e.toString());return n||(document.querySelector('script[src^="'+e+'"]')?Promise.resolve():(r.set(e.toString(),n=new Promise((r,n)=>{(t=document.createElement("script")).onload=r,t.onerror=()=>n(l(Error("Failed to load script: "+e))),t.crossOrigin=void 0,t.src=e,document.body.appendChild(t)})),n))}}function c(e){let t=n.get(e);return t||n.set(e,t=fetch(e).then(t=>{if(!t.ok)throw Error("Failed to load stylesheet: "+e);return t.text().then(t=>({href:e,content:t}))}).catch(e=>{throw l(e)})),t}return{whenEntrypoint:e=>o(e,t),onEntrypoint(e,r){(r?Promise.resolve().then(()=>r()).then(e=>({component:e&&e.default||e,exports:e}),e=>({error:e})):Promise.resolve(void 0)).then(r=>{let n=t.get(e);n&&"resolve"in n?r&&(t.set(e,r),n.resolve(r)):(r?t.set(e,r):t.delete(e),i.delete(e))})},loadRoute(r,n){return o(r,i,()=>{let a;return f(h(e,r).then(e=>{let{scripts:n,css:a}=e;return Promise.all([t.has(r)?[]:Promise.all(n.map(u)),Promise.all(a.map(c))])}).then(e=>this.whenEntrypoint(r).then(t=>({entrypoint:t,styles:e[1]}))),3800,l(Error("Route did not complete loading: "+r))).then(e=>{let{entrypoint:t,styles:r}=e,n=Object.assign({styles:r},t);return"error"in t?t:n}).catch(e=>{if(n)throw e;return{error:e}}).finally(()=>null==a?void 0:a())})},prefetch(t){let r;return(r=navigator.connection)&&(r.saveData||/2g/.test(r.effectiveType))?Promise.resolve():h(e,t).then(e=>Promise.all(s?e.scripts.map(e=>{var t,r,n;return t=e.toString(),r="script",new Promise((e,a)=>{let o='\n link[rel="prefetch"][href^="'+t+'"],\n link[rel="preload"][href^="'+t+'"],\n script[src^="'+t+'"]';if(document.querySelector(o))return e();n=document.createElement("link"),r&&(n.as=r),n.rel="prefetch",n.crossOrigin=void 0,n.onload=e,n.onerror=()=>a(l(Error("Failed to prefetch: "+t))),n.href=t,document.head.appendChild(n)})}):[])).then(()=>{(0,a.requestIdleCallback)(()=>this.loadRoute(t,!0).catch(()=>{}))}).catch(()=>{})}}}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},16244:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{Router:function(){return o.default},default:function(){return h},withRouter:function(){return u.default},useRouter:function(){return p},createRouter:function(){return m},makePublicRouterInstance:function(){return g}});let n=r(43219),a=n._(r(2784)),o=n._(r(50822)),i=r(63981),l=n._(r(10274)),u=n._(r(42157)),s={router:null,readyCallbacks:[],ready(e){if(this.router)return e();this.readyCallbacks.push(e)}},c=["pathname","route","query","asPath","components","isFallback","basePath","locale","locales","defaultLocale","isReady","isPreview","isLocaleDomain","domainLocales"],f=["push","replace","reload","back","prefetch","beforePopState"];function d(){if(!s.router)throw Error('No router instance found.\nYou should only use "next/router" on the client side of your app.\n');return s.router}Object.defineProperty(s,"events",{get:()=>o.default.events}),c.forEach(e=>{Object.defineProperty(s,e,{get(){let t=d();return t[e]}})}),f.forEach(e=>{s[e]=function(){for(var t=arguments.length,r=Array(t),n=0;n{s.ready(()=>{o.default.events.on(e,function(){for(var t=arguments.length,r=Array(t),n=0;ne()),s.readyCallbacks=[],s.router}function g(e){let t={};for(let r of c){if("object"==typeof e[r]){t[r]=Object.assign(Array.isArray(e[r])?[]:{},e[r]);continue}t[r]=e[r]}return t.events=o.default.events,f.forEach(r=>{t[r]=function(){for(var t=arguments.length,n=Array(t),a=0;a{if(o.default.preinit){e.forEach(e=>{o.default.preinit(e,{as:"style"})});return}{let t=document.head;e.forEach(e=>{let r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=e,t.appendChild(r)})}},p=e=>{let{src:t,id:r,onLoad:n=()=>{},onReady:a=null,dangerouslySetInnerHTML:o,children:i="",strategy:l="afterInteractive",onError:s,stylesheets:p}=e,m=r||t;if(m&&f.has(m))return;if(c.has(t)){f.add(m),c.get(t).then(n,s);return}let g=()=>{a&&a(),f.add(m)},y=document.createElement("script"),_=new Promise((e,t)=>{y.addEventListener("load",function(t){e(),n&&n.call(this,t),g()}),y.addEventListener("error",function(e){t(e)})}).catch(function(e){s&&s(e)});for(let[r,n]of(o?(y.innerHTML=o.__html||"",g()):i?(y.textContent="string"==typeof i?i:Array.isArray(i)?i.join(""):"",g()):t&&(y.src=t,c.set(t,_)),Object.entries(e))){if(void 0===n||d.includes(r))continue;let e=u.DOMAttributeNames[r]||r.toLowerCase();y.setAttribute(e,n)}"worker"===l&&y.setAttribute("type","text/partytown"),y.setAttribute("data-nscript",l),p&&h(p),document.body.appendChild(y)};function m(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,s.requestIdleCallback)(()=>p(e))}):p(e)}function g(e){e.forEach(m),function(){let e=[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')];e.forEach(e=>{let t=e.id||e.getAttribute("src");f.add(t)})}()}function y(e){let{id:t,src:r="",onLoad:n=()=>{},onReady:a=null,strategy:u="afterInteractive",onError:c,stylesheets:d,...h}=e,{updateScripts:m,scripts:g,getIsSsr:y,appDir:_,nonce:b}=(0,i.useContext)(l.HeadManagerContext),v=(0,i.useRef)(!1);(0,i.useEffect)(()=>{let e=t||r;v.current||(a&&e&&f.has(e)&&a(),v.current=!0)},[a,t,r]);let P=(0,i.useRef)(!1);if((0,i.useEffect)(()=>{!P.current&&("afterInteractive"===u?p(e):"lazyOnload"===u&&("complete"===document.readyState?(0,s.requestIdleCallback)(()=>p(e)):window.addEventListener("load",()=>{(0,s.requestIdleCallback)(()=>p(e))})),P.current=!0)},[e,u]),("beforeInteractive"===u||"worker"===u)&&(m?(g[u]=(g[u]||[]).concat([{id:t,src:r,onLoad:n,onReady:a,onError:c,...h}]),m(g)):y&&y()?f.add(t||r):y&&!y()&&p(e)),_){if(d&&d.forEach(e=>{o.default.preinit(e,{as:"style"})}),"beforeInteractive"===u)return r?(o.default.preload(r,h.integrity?{as:"script",integrity:h.integrity}:{as:"script"}),i.default.createElement("script",{nonce:b,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([r])+")"}})):(h.dangerouslySetInnerHTML&&(h.children=h.dangerouslySetInnerHTML.__html,delete h.dangerouslySetInnerHTML),i.default.createElement("script",{nonce:b,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([0,{...h}])+")"}}));"afterInteractive"===u&&r&&o.default.preload(r,h.integrity?{as:"script",integrity:h.integrity}:{as:"script"})}return null}Object.defineProperty(y,"__nextScript",{value:!0});let _=y;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},66289:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});let n=r(97591);function a(e){if("ended"!==e.state.state)throw Error("Expected span to be ended");(0,n.sendMessage)(JSON.stringify({event:"span-end",startTime:e.startTime,endTime:e.state.endTime,spanName:e.name,attributes:e.attributes}))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},71263:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i}});let n=r(43219),a=n._(r(69491));class o{end(e){if("ended"===this.state.state)throw Error("Span has already ended");this.state={state:"ended",endTime:null!=e?e:Date.now()},this.onSpanEnd(this)}constructor(e,t,r){var n,a;this.name=e,this.attributes=null!=(n=t.attributes)?n:{},this.startTime=null!=(a=t.startTime)?a:Date.now(),this.onSpanEnd=r,this.state={state:"inprogress"}}}let i=new class{startSpan(e,t){return new o(e,t,this.handleSpanEnd)}onSpanEnd(e){return this._emitter.on("spanend",e),()=>{this._emitter.off("spanend",e)}}constructor(){this._emitter=(0,a.default)(),this.handleSpanEnd=e=>{this._emitter.emit("spanend",e)}}};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},74588:function(e,t){"use strict";let r;function n(e){var t;return(null==(t=function(){if(void 0===r){var e;r=(null==(e=window.trustedTypes)?void 0:e.createPolicy("nextjs",{createHTML:e=>e,createScript:e=>e,createScriptURL:e=>e}))||null}return r}())?void 0:t.createScriptURL(e))||e}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"__unsafeCreateTrustedScriptURL",{enumerable:!0,get:function(){return n}}),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},71690:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});let n=e=>t=>e(t)+"",a=r.u;r.u=n(a);let o=r.k;r.k=n(o);let i=r.miniCssF;r.miniCssF=n(i),self.__next_require__=r,self.__next_set_public_path__=e=>{r.p=e},("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},42157:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return i}});let n=r(43219),a=n._(r(2784)),o=r(16244);function i(e){function t(t){return a.default.createElement(e,{router:(0,o.useRouter)(),...t})}return t.getInitialProps=e.getInitialProps,t.origGetInitialProps=e.origGetInitialProps,t}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},96751:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l}});let n=r(43219),a=n._(r(2784)),o=r(38119);async function i(e){let{Component:t,ctx:r}=e,n=await (0,o.loadGetInitialProps)(t,r);return{pageProps:n}}class l extends a.default.Component{render(){let{Component:e,pageProps:t}=this.props;return a.default.createElement(e,t)}}l.origGetInitialProps=i,l.getInitialProps=i,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},61360:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return s}});let n=r(43219),a=n._(r(2784)),o=n._(r(30501)),i={400:"Bad Request",404:"This page could not be found",405:"Method Not Allowed",500:"Internal Server Error"};function l(e){let{res:t,err:r}=e,n=t&&t.statusCode?t.statusCode:r?r.statusCode:404;return{statusCode:n}}let u={error:{fontFamily:'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},desc:{lineHeight:"48px"},h1:{display:"inline-block",margin:"0 20px 0 0",paddingRight:23,fontSize:24,fontWeight:500,verticalAlign:"top"},h2:{fontSize:14,fontWeight:400,lineHeight:"28px"},wrap:{display:"inline-block"}};class s extends a.default.Component{render(){let{statusCode:e,withDarkMode:t=!0}=this.props,r=this.props.title||i[e]||"An unexpected error has occurred";return a.default.createElement("div",{style:u.error},a.default.createElement(o.default,null,a.default.createElement("title",null,e?e+": "+r:"Application error: a client-side exception has occurred")),a.default.createElement("div",{style:u.desc},a.default.createElement("style",{dangerouslySetInnerHTML:{__html:"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}"+(t?"@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}":"")}}),e?a.default.createElement("h1",{className:"next-error-h1",style:u.h1},e):null,a.default.createElement("div",{style:u.wrap},a.default.createElement("h2",{style:u.h2},this.props.title||e?r:a.default.createElement(a.default.Fragment,null,"Application error: a client-side exception has occurred (see the browser console for more information)"),"."))))}}s.displayName="ErrorPage",s.getInitialProps=l,s.origGetInitialProps=l,("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},98366:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"AmpStateContext",{enumerable:!0,get:function(){return o}});let n=r(43219),a=n._(r(2784)),o=a.default.createContext({})},52995:function(e,t){"use strict";function r(e){let{ampFirst:t=!1,hybrid:r=!1,hasQuery:n=!1}=void 0===e?{}:e;return t||r&&n}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isInAmpMode",{enumerable:!0,get:function(){return r}})},29950:function(e,t,r){"use strict";var n,a;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{CacheStates:function(){return n},AppRouterContext:function(){return l},LayoutRouterContext:function(){return u},GlobalLayoutRouterContext:function(){return s},TemplateContext:function(){return c}});let o=r(43219),i=o._(r(2784));(a=n||(n={})).LAZY_INITIALIZED="LAZYINITIALIZED",a.DATA_FETCH="DATAFETCH",a.READY="READY";let l=i.default.createContext(null),u=i.default.createContext(null),s=i.default.createContext(null),c=i.default.createContext(null)},87586:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BloomFilter",{enumerable:!0,get:function(){return r}});class r{static from(e,t){void 0===t&&(t=.01);let n=new r(e.length,t);for(let t of e)n.add(t);return n}export(){let e={numItems:this.numItems,errorRate:this.errorRate,numBits:this.numBits,numHashes:this.numHashes,bitArray:this.bitArray};return e}import(e){this.numItems=e.numItems,this.errorRate=e.errorRate,this.numBits=e.numBits,this.numHashes=e.numHashes,this.bitArray=e.bitArray}add(e){let t=this.getHashValues(e);t.forEach(e=>{this.bitArray[e]=1})}contains(e){let t=this.getHashValues(e);return t.every(e=>this.bitArray[e])}getHashValues(e){let t=[];for(let r=1;r<=this.numHashes;r++){let n=function(e){let t=0;for(let r=0;r>>13,t=Math.imul(t,1540483477)}return t>>>0}(""+e+r)%this.numBits;t.push(n)}return t}constructor(e,t){this.numItems=e,this.errorRate=t,this.numBits=Math.ceil(-(e*Math.log(t))/(Math.log(2)*Math.log(2))),this.numHashes=Math.ceil(this.numBits/e*Math.log(2)),this.bitArray=Array(this.numBits).fill(0)}}},81081:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"escapeStringRegexp",{enumerable:!0,get:function(){return a}});let r=/[|\\{}()[\]^$+*?.-]/,n=/[|\\{}()[\]^$+*?.-]/g;function a(e){return r.test(e)?e.replace(n,"\\$&"):e}},85510:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"HeadManagerContext",{enumerable:!0,get:function(){return o}});let n=r(43219),a=n._(r(2784)),o=a.default.createContext({})},30501:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{defaultHead:function(){return c},default:function(){return p}});let n=r(43219),a=r(16794),o=a._(r(2784)),i=n._(r(49857)),l=r(98366),u=r(85510),s=r(52995);function c(e){void 0===e&&(e=!1);let t=[o.default.createElement("meta",{charSet:"utf-8"})];return e||t.push(o.default.createElement("meta",{name:"viewport",content:"width=device-width"})),t}function f(e,t){return"string"==typeof t||"number"==typeof t?e:t.type===o.default.Fragment?e.concat(o.default.Children.toArray(t.props.children).reduce((e,t)=>"string"==typeof t||"number"==typeof t?e:e.concat(t),[])):e.concat(t)}r(70186);let d=["name","httpEquiv","charSet","itemProp"];function h(e,t){let{inAmpMode:r}=t;return e.reduce(f,[]).reverse().concat(c(r).reverse()).filter(function(){let e=new Set,t=new Set,r=new Set,n={};return a=>{let o=!0,i=!1;if(a.key&&"number"!=typeof a.key&&a.key.indexOf("$")>0){i=!0;let t=a.key.slice(a.key.indexOf("$")+1);e.has(t)?o=!1:e.add(t)}switch(a.type){case"title":case"base":t.has(a.type)?o=!1:t.add(a.type);break;case"meta":for(let e=0,t=d.length;e{let n=e.key||t;if(!r&&"link"===e.type&&e.props.href&&["https://fonts.googleapis.com/css","https://use.typekit.net/"].some(t=>e.props.href.startsWith(t))){let t={...e.props||{}};return t["data-href"]=t.href,t.href=void 0,t["data-optimized-fonts"]=!0,o.default.cloneElement(e,t)}return o.default.cloneElement(e,{key:n})})}let p=function(e){let{children:t}=e,r=(0,o.useContext)(l.AmpStateContext),n=(0,o.useContext)(u.HeadManagerContext);return o.default.createElement(i.default,{reduceComponentsToState:h,headManager:n,inAmpMode:(0,s.isInAmpMode)(r)},t)};("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},61452:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{SearchParamsContext:function(){return a},PathnameContext:function(){return o}});let n=r(2784),a=(0,n.createContext)(null),o=(0,n.createContext)(null)},10245:function(e,t){"use strict";function r(e,t){let r;let n=e.split("/");return(t||[]).some(t=>!!n[1]&&n[1].toLowerCase()===t.toLowerCase()&&(r=t,n.splice(1,1),e=n.join("/")||"/",!0)),{pathname:e,detectedLocale:r}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizeLocalePath",{enumerable:!0,get:function(){return r}})},49910:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ImageConfigContext",{enumerable:!0,get:function(){return i}});let n=r(43219),a=n._(r(2784)),o=r(72422),i=a.default.createContext(o.imageConfigDefault)},72422:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{VALID_LOADERS:function(){return r},imageConfigDefault:function(){return n}});let r=["default","imgix","cloudinary","akamai","custom"],n={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:60,formats:["image/webp"],dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"inline",remotePatterns:[],unoptimized:!1}},10590:function(e,t){"use strict";function r(e){return Object.prototype.toString.call(e)}function n(e){if("[object Object]"!==r(e))return!1;let t=Object.getPrototypeOf(e);return null===t||t.hasOwnProperty("isPrototypeOf")}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getObjectClassLabel:function(){return r},isPlainObject:function(){return n}})},83795:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"NEXT_DYNAMIC_NO_SSR_CODE",{enumerable:!0,get:function(){return r}});let r="NEXT_DYNAMIC_NO_SSR_CODE"},69491:function(e,t){"use strict";function r(){let e=Object.create(null);return{on(t,r){(e[t]||(e[t]=[])).push(r)},off(t,r){e[t]&&e[t].splice(e[t].indexOf(r)>>>0,1)},emit(t){for(var r=arguments.length,n=Array(r>1?r-1:0),a=1;a{e(...n)})}}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r}})},72364:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"denormalizePagePath",{enumerable:!0,get:function(){return o}});let n=r(94917),a=r(86062);function o(e){let t=(0,a.normalizePathSep)(e);return t.startsWith("/index/")&&!(0,n.isDynamicRoute)(t)?t.slice(6):"/index"!==t?t:"/"}},36199:function(e,t){"use strict";function r(e){return e.startsWith("/")?e:"/"+e}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ensureLeadingSlash",{enumerable:!0,get:function(){return r}})},86062:function(e,t){"use strict";function r(e){return e.replace(/\\/g,"/")}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizePathSep",{enumerable:!0,get:function(){return r}})},63981:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return o}});let n=r(43219),a=n._(r(2784)),o=a.default.createContext(null)},58157:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{adaptForAppRouterInstance:function(){return l},adaptForSearchParams:function(){return u},PathnameContextProviderAdapter:function(){return s}});let n=r(16794),a=n._(r(2784)),o=r(61452),i=r(94917);function l(e){return{back(){e.back()},forward(){e.forward()},refresh(){e.reload()},push(t,r){let{scroll:n}=void 0===r?{}:r;e.push(t,void 0,{scroll:n})},replace(t,r){let{scroll:n}=void 0===r?{}:r;e.replace(t,void 0,{scroll:n})},prefetch(t){e.prefetch(t)}}}function u(e){return e.isReady&&e.query?function(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))if(Array.isArray(n))for(let e of n)t.append(r,e);else void 0!==n&&t.append(r,n);return t}(e.query):new URLSearchParams}function s(e){let{children:t,router:r,...n}=e,l=(0,a.useRef)(n.isAutoExport),u=(0,a.useMemo)(()=>{let e;let t=l.current;if(t&&(l.current=!1),(0,i.isDynamicRoute)(r.pathname)&&(r.isFallback||t&&!r.isReady))return null;try{e=new URL(r.asPath,"http://f")}catch(e){return"/"}return e.pathname},[r.asPath,r.isFallback,r.isReady,r.pathname]);return a.default.createElement(o.PathnameContext.Provider,{value:u},t)}},50822:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return V},matchesMiddleware:function(){return N},createKey:function(){return q}});let n=r(43219),a=r(16794),o=r(12929),i=r(15224),l=r(72568),u=a._(r(10274)),s=r(72364),c=r(10245),f=n._(r(69491)),d=r(38119),h=r(87163),p=r(35964);r(72094);let m=r(29784),g=r(80939),y=r(42612);r(3570);let _=r(67297),b=r(92265),v=r(2410),P=r(75083),w=r(33890),j=r(69915),S=r(74219),O=r(32573),E=r(94529),x=r(19610),R=r(68944),M=r(72240),C=r(72248),A=r(96436),T=r(57030),L=r(61418);function I(){return Object.assign(Error("Route Cancelled"),{cancelled:!0})}async function N(e){let t=await Promise.resolve(e.router.pageLoader.getMiddleware());if(!t)return!1;let{pathname:r}=(0,_.parsePath)(e.asPath),n=(0,j.hasBasePath)(r)?(0,P.removeBasePath)(r):r,a=(0,w.addBasePath)((0,b.addLocale)(n,e.locale));return t.some(e=>new RegExp(e.regexp).test(a))}function k(e){let t=(0,d.getLocationOrigin)();return e.startsWith(t)?e.substring(t.length):e}function D(e,t,r){let[n,a]=(0,A.resolveHref)(e,t,!0),o=(0,d.getLocationOrigin)(),i=n.startsWith(o),l=a&&a.startsWith(o);n=k(n),a=a?k(a):a;let u=i?n:(0,w.addBasePath)(n),s=r?k((0,A.resolveHref)(e,r)):a||n;return{url:u,as:l?s:(0,w.addBasePath)(s)}}function B(e,t){let r=(0,o.removeTrailingSlash)((0,s.denormalizePagePath)(e));return"/404"===r||"/_error"===r?e:(t.includes(r)||t.some(t=>{if((0,h.isDynamicRoute)(t)&&(0,g.getRouteRegex)(t).re.test(r))return e=t,!0}),(0,o.removeTrailingSlash)(e))}async function H(e){let t=await N(e);if(!t||!e.fetchData)return null;try{let t=await e.fetchData(),r=await function(e,t,r){let n={basePath:r.router.basePath,i18n:{locales:r.router.locales},trailingSlash:!1},a=t.headers.get("x-nextjs-rewrite"),l=a||t.headers.get("x-nextjs-matched-path"),u=t.headers.get("x-matched-path");if(!u||l||u.includes("__next_data_catchall")||u.includes("/_error")||u.includes("/404")||(l=u),l){if(l.startsWith("/")){let t=(0,p.parseRelativeUrl)(l),u=(0,O.getNextPathnameInfo)(t.pathname,{nextConfig:n,parseData:!0}),s=(0,o.removeTrailingSlash)(u.pathname);return Promise.all([r.router.pageLoader.getPageList(),(0,i.getClientBuildManifest)()]).then(o=>{let[i,{__rewrites:l}]=o,f=(0,b.addLocale)(u.pathname,u.locale);if((0,h.isDynamicRoute)(f)||!a&&i.includes((0,c.normalizeLocalePath)((0,P.removeBasePath)(f),r.router.locales).pathname)){let r=(0,O.getNextPathnameInfo)((0,p.parseRelativeUrl)(e).pathname,{nextConfig:n,parseData:!0});f=(0,w.addBasePath)(r.pathname),t.pathname=f}if(!i.includes(s)){let e=B(s,i);e!==s&&(s=e)}let d=i.includes(s)?s:B((0,c.normalizeLocalePath)((0,P.removeBasePath)(t.pathname),r.router.locales).pathname,i);if((0,h.isDynamicRoute)(d)){let e=(0,m.getRouteMatcher)((0,g.getRouteRegex)(d))(f);Object.assign(t.query,e||{})}return{type:"rewrite",parsedAs:t,resolvedHref:d}})}let t=(0,_.parsePath)(e),u=(0,E.formatNextPathnameInfo)({...(0,O.getNextPathnameInfo)(t.pathname,{nextConfig:n,parseData:!0}),defaultLocale:r.router.defaultLocale,buildId:""});return Promise.resolve({type:"redirect-external",destination:""+u+t.query+t.hash})}let s=t.headers.get("x-nextjs-redirect");if(s){if(s.startsWith("/")){let e=(0,_.parsePath)(s),t=(0,E.formatNextPathnameInfo)({...(0,O.getNextPathnameInfo)(e.pathname,{nextConfig:n,parseData:!0}),defaultLocale:r.router.defaultLocale,buildId:""});return Promise.resolve({type:"redirect-internal",newAs:""+t+e.query+e.hash,newUrl:""+t+e.query+e.hash})}return Promise.resolve({type:"redirect-external",destination:s})}return Promise.resolve({type:"next"})}(t.dataHref,t.response,e);return{dataHref:t.dataHref,json:t.json,response:t.response,text:t.text,cacheKey:t.cacheKey,effect:r}}catch(e){return null}}let U=Symbol("SSG_DATA_NOT_FOUND");function F(e){try{return JSON.parse(e)}catch(e){return null}}function W(e){var t;let{dataHref:r,inflightCache:n,isPrefetch:a,hasMiddleware:o,isServerRender:l,parseJSON:u,persistCache:s,isBackground:c,unstable_skipClientCache:f}=e,{href:d}=new URL(r,window.location.href),h=e=>(function e(t,r,n){return fetch(t,{credentials:"same-origin",method:n.method||"GET",headers:Object.assign({},n.headers,{"x-nextjs-data":"1"})}).then(a=>!a.ok&&r>1&&a.status>=500?e(t,r-1,n):a)})(r,l?3:1,{headers:Object.assign({},a?{purpose:"prefetch"}:{},a&&o?{"x-middleware-prefetch":"1"}:{}),method:null!=(t=null==e?void 0:e.method)?t:"GET"}).then(t=>t.ok&&(null==e?void 0:e.method)==="HEAD"?{dataHref:r,response:t,text:"",json:{},cacheKey:d}:t.text().then(e=>{if(!t.ok){if(o&&[301,302,307,308].includes(t.status))return{dataHref:r,response:t,text:e,json:{},cacheKey:d};if(404===t.status){var n;if(null==(n=F(e))?void 0:n.notFound)return{dataHref:r,json:{notFound:U},response:t,text:e,cacheKey:d}}let a=Error("Failed to load static props");throw l||(0,i.markAssetError)(a),a}return{dataHref:r,json:u?F(e):null,response:t,text:e,cacheKey:d}})).then(e=>(s&&"no-cache"!==e.response.headers.get("x-middleware-cache")||delete n[d],e)).catch(e=>{throw f||delete n[d],("Failed to fetch"===e.message||"NetworkError when attempting to fetch resource."===e.message||"Load failed"===e.message)&&(0,i.markAssetError)(e),e});return f&&s?h({}).then(e=>(n[d]=Promise.resolve(e),e)):void 0!==n[d]?n[d]:n[d]=h(c?{method:"HEAD"}:{})}function q(){return Math.random().toString(36).slice(2,10)}function z(e){let{url:t,router:r}=e;if(t===(0,w.addBasePath)((0,b.addLocale)(r.asPath,r.locale)))throw Error("Invariant: attempted to hard navigate to the same URL "+t+" "+location.href);window.location.href=t}let G=e=>{let{route:t,router:r}=e,n=!1,a=r.clc=()=>{n=!0};return()=>{if(n){let e=Error('Abort fetching component for route: "'+t+'"');throw e.cancelled=!0,e}a===r.clc&&(r.clc=null)}};class V{reload(){window.location.reload()}back(){window.history.back()}forward(){window.history.forward()}push(e,t,r){return void 0===r&&(r={}),{url:e,as:t}=D(this,e,t),this.change("pushState",e,t,r)}replace(e,t,r){return void 0===r&&(r={}),{url:e,as:t}=D(this,e,t),this.change("replaceState",e,t,r)}async _bfl(e,t,r,n){{let u=!1,s=!1;for(let c of[e,t])if(c){let t=(0,o.removeTrailingSlash)(new URL(c,"http://n").pathname),f=(0,w.addBasePath)((0,b.addLocale)(t,r||this.locale));if(t!==(0,o.removeTrailingSlash)(new URL(this.asPath,"http://n").pathname)){var a,i,l;for(let e of(u=u||!!(null==(a=this._bfl_s)?void 0:a.contains(t))||!!(null==(i=this._bfl_s)?void 0:i.contains(f)),[t,f])){let t=e.split("/");for(let e=0;!s&&e{})}}}}return!1}async change(e,t,r,n,a){var s,c,f,S,O,E,M,A,L;let k,H;if(!(0,R.isLocalURL)(t))return z({url:t,router:this}),!1;let F=1===n._h;F||n.shallow||await this._bfl(r,void 0,n.locale);let W=F||n._shouldResolveHref||(0,_.parsePath)(t).pathname===(0,_.parsePath)(r).pathname,q={...this.state},G=!0!==this.isReady;this.isReady=!0;let X=this.isSsr;if(F||(this.isSsr=!1),F&&this.clc)return!1;let $=q.locale;d.ST&&performance.mark("routeChange");let{shallow:Y=!1,scroll:K=!0}=n,J={shallow:Y};this._inFlightRoute&&this.clc&&(X||V.events.emit("routeChangeError",I(),this._inFlightRoute,J),this.clc(),this.clc=null),r=(0,w.addBasePath)((0,b.addLocale)((0,j.hasBasePath)(r)?(0,P.removeBasePath)(r):r,n.locale,this.defaultLocale));let Q=(0,v.removeLocale)((0,j.hasBasePath)(r)?(0,P.removeBasePath)(r):r,q.locale);this._inFlightRoute=r;let Z=$!==q.locale;if(!F&&this.onlyAHashChange(Q)&&!Z){q.asPath=Q,V.events.emit("hashChangeStart",r,J),this.changeState(e,t,r,{...n,scroll:!1}),K&&this.scrollToHash(Q);try{await this.set(q,this.components[q.route],null)}catch(e){throw(0,u.default)(e)&&e.cancelled&&V.events.emit("routeChangeError",e,Q,J),e}return V.events.emit("hashChangeComplete",r,J),!0}let ee=(0,p.parseRelativeUrl)(t),{pathname:et,query:er}=ee;if(null==(s=this.components[et])?void 0:s.__appRouter)return z({url:r,router:this}),new Promise(()=>{});try{[k,{__rewrites:H}]=await Promise.all([this.pageLoader.getPageList(),(0,i.getClientBuildManifest)(),this.pageLoader.getMiddleware()])}catch(e){return z({url:r,router:this}),!1}this.urlIsNew(Q)||Z||(e="replaceState");let en=r;et=et?(0,o.removeTrailingSlash)((0,P.removeBasePath)(et)):et;let ea=(0,o.removeTrailingSlash)(et),eo=r.startsWith("/")&&(0,p.parseRelativeUrl)(r).pathname,ei=!!(eo&&ea!==eo&&(!(0,h.isDynamicRoute)(ea)||!(0,m.getRouteMatcher)((0,g.getRouteRegex)(ea))(eo))),el=!n.shallow&&await N({asPath:r,locale:q.locale,router:this});if(F&&el&&(W=!1),W&&"/_error"!==et&&(n._shouldResolveHref=!0,ee.pathname=B(et,k),ee.pathname===et||(et=ee.pathname,ee.pathname=(0,w.addBasePath)(et),el||(t=(0,y.formatWithValidation)(ee)))),!(0,R.isLocalURL)(r))return z({url:r,router:this}),!1;en=(0,v.removeLocale)((0,P.removeBasePath)(en),q.locale),ea=(0,o.removeTrailingSlash)(et);let eu=!1;if((0,h.isDynamicRoute)(ea)){let e=(0,p.parseRelativeUrl)(en),n=e.pathname,a=(0,g.getRouteRegex)(ea);eu=(0,m.getRouteMatcher)(a)(n);let o=ea===n,i=o?(0,T.interpolateAs)(ea,n,er):{};if(eu&&(!o||i.result))o?r=(0,y.formatWithValidation)(Object.assign({},e,{pathname:i.result,query:(0,C.omit)(er,i.params)})):Object.assign(er,eu);else{let e=Object.keys(a.groups).filter(e=>!er[e]&&!a.groups[e].optional);if(e.length>0&&!el)throw Error((o?"The provided `href` ("+t+") value is missing query values ("+e.join(", ")+") to be interpolated properly. ":"The provided `as` value ("+n+") is incompatible with the `href` value ("+ea+"). ")+"Read more: https://nextjs.org/docs/messages/"+(o?"href-interpolation-failed":"incompatible-href-as"))}}F||V.events.emit("routeChangeStart",r,J);let es="/404"===this.pathname||"/_error"===this.pathname;try{let o=await this.getRouteInfo({route:ea,pathname:et,query:er,as:r,resolvedAs:en,routeProps:J,locale:q.locale,isPreview:q.isPreview,hasMiddleware:el,unstable_skipClientCache:n.unstable_skipClientCache,isQueryUpdating:F&&!this.isFallback,isMiddlewareRewrite:ei});if(F||n.shallow||await this._bfl(r,"resolvedAs"in o?o.resolvedAs:void 0,q.locale),"route"in o&&el){ea=et=o.route||ea,J.shallow||(er=Object.assign({},o.query||{},er));let e=(0,j.hasBasePath)(ee.pathname)?(0,P.removeBasePath)(ee.pathname):ee.pathname;if(eu&&et!==e&&Object.keys(eu).forEach(e=>{eu&&er[e]===eu[e]&&delete er[e]}),(0,h.isDynamicRoute)(et)){let e=!J.shallow&&o.resolvedAs?o.resolvedAs:(0,w.addBasePath)((0,b.addLocale)(new URL(r,location.href).pathname,q.locale),!0),t=e;(0,j.hasBasePath)(t)&&(t=(0,P.removeBasePath)(t));let n=(0,g.getRouteRegex)(et),a=(0,m.getRouteMatcher)(n)(new URL(t,location.href).pathname);a&&Object.assign(er,a)}}if("type"in o){if("redirect-internal"===o.type)return this.change(e,o.newUrl,o.newAs,n);return z({url:o.destination,router:this}),new Promise(()=>{})}let i=o.Component;if(i&&i.unstable_scriptLoader){let e=[].concat(i.unstable_scriptLoader());e.forEach(e=>{(0,l.handleClientScriptLoad)(e.props)})}if((o.__N_SSG||o.__N_SSP)&&o.props){if(o.props.pageProps&&o.props.pageProps.__N_REDIRECT){n.locale=!1;let t=o.props.pageProps.__N_REDIRECT;if(t.startsWith("/")&&!1!==o.props.pageProps.__N_REDIRECT_BASE_PATH){let r=(0,p.parseRelativeUrl)(t);r.pathname=B(r.pathname,k);let{url:a,as:o}=D(this,t,t);return this.change(e,a,o,n)}return z({url:t,router:this}),new Promise(()=>{})}if(q.isPreview=!!o.props.__N_PREVIEW,o.props.notFound===U){let e;try{await this.fetchComponent("/404"),e="/404"}catch(t){e="/_error"}if(o=await this.getRouteInfo({route:e,pathname:e,query:er,as:r,resolvedAs:en,routeProps:{shallow:!1},locale:q.locale,isPreview:q.isPreview,isNotFound:!0}),"type"in o)throw Error("Unexpected middleware effect on /404")}}F&&"/_error"===this.pathname&&(null==(c=self.__NEXT_DATA__.props)?void 0:null==(f=c.pageProps)?void 0:f.statusCode)===500&&(null==(S=o.props)?void 0:S.pageProps)&&(o.props.pageProps.statusCode=500);let s=n.shallow&&q.route===(null!=(O=o.route)?O:ea),d=null!=(E=n.scroll)?E:!F&&!s,y=null!=a?a:d?{x:0,y:0}:null,_={...q,route:ea,pathname:et,query:er,asPath:Q,isFallback:!1};if(F&&es){if(o=await this.getRouteInfo({route:this.pathname,pathname:this.pathname,query:er,as:r,resolvedAs:en,routeProps:{shallow:!1},locale:q.locale,isPreview:q.isPreview,isQueryUpdating:F&&!this.isFallback}),"type"in o)throw Error("Unexpected middleware effect on "+this.pathname);"/_error"===this.pathname&&(null==(M=self.__NEXT_DATA__.props)?void 0:null==(A=M.pageProps)?void 0:A.statusCode)===500&&(null==(L=o.props)?void 0:L.pageProps)&&(o.props.pageProps.statusCode=500);try{await this.set(_,o,y)}catch(e){throw(0,u.default)(e)&&e.cancelled&&V.events.emit("routeChangeError",e,Q,J),e}return!0}V.events.emit("beforeHistoryChange",r,J),this.changeState(e,t,r,n);let v=F&&!y&&!G&&!Z&&(0,x.compareRouterStates)(_,this.state);if(!v){try{await this.set(_,o,y)}catch(e){if(e.cancelled)o.error=o.error||e;else throw e}if(o.error)throw F||V.events.emit("routeChangeError",o.error,Q,J),o.error;F||V.events.emit("routeChangeComplete",r,J),d&&/#.+$/.test(r)&&this.scrollToHash(r)}return!0}catch(e){if((0,u.default)(e)&&e.cancelled)return!1;throw e}}changeState(e,t,r,n){void 0===n&&(n={}),("pushState"!==e||(0,d.getURL)()!==r)&&(this._shallow=n.shallow,window.history[e]({url:t,as:r,options:n,__N:!0,key:this._key="pushState"!==e?this._key:q()},"",r))}async handleRouteInfoError(e,t,r,n,a,o){if(console.error(e),e.cancelled)throw e;if((0,i.isAssetError)(e)||o)throw V.events.emit("routeChangeError",e,n,a),z({url:n,router:this}),I();try{let n;let{page:a,styleSheets:o}=await this.fetchComponent("/_error"),i={props:n,Component:a,styleSheets:o,err:e,error:e};if(!i.props)try{i.props=await this.getInitialProps(a,{err:e,pathname:t,query:r})}catch(e){console.error("Error in error page `getInitialProps`: ",e),i.props={}}return i}catch(e){return this.handleRouteInfoError((0,u.default)(e)?e:Error(e+""),t,r,n,a,!0)}}async getRouteInfo(e){let{route:t,pathname:r,query:n,as:a,resolvedAs:i,routeProps:l,locale:s,hasMiddleware:f,isPreview:d,unstable_skipClientCache:h,isQueryUpdating:p,isMiddlewareRewrite:m,isNotFound:g}=e,_=t;try{var b,v,w,j;let e=G({route:_,router:this}),t=this.components[_];if(l.shallow&&t&&this.route===_)return t;f&&(t=void 0);let u=!t||"initial"in t?void 0:t,O={dataHref:this.pageLoader.getDataHref({href:(0,y.formatWithValidation)({pathname:r,query:n}),skipInterpolation:!0,asPath:g?"/404":i,locale:s}),hasMiddleware:!0,isServerRender:this.isSsr,parseJSON:!0,inflightCache:p?this.sbc:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:h,isBackground:p},E=p&&!m?null:await H({fetchData:()=>W(O),asPath:g?"/404":i,locale:s,router:this}).catch(e=>{if(p)return null;throw e});if(E&&("/_error"===r||"/404"===r)&&(E.effect=void 0),p&&(E?E.json=self.__NEXT_DATA__.props:E={json:self.__NEXT_DATA__.props}),e(),(null==E?void 0:null==(b=E.effect)?void 0:b.type)==="redirect-internal"||(null==E?void 0:null==(v=E.effect)?void 0:v.type)==="redirect-external")return E.effect;if((null==E?void 0:null==(w=E.effect)?void 0:w.type)==="rewrite"){let e=(0,o.removeTrailingSlash)(E.effect.resolvedHref),a=await this.pageLoader.getPageList();if((!p||a.includes(e))&&(_=e,r=E.effect.resolvedHref,n={...n,...E.effect.parsedAs.query},i=(0,P.removeBasePath)((0,c.normalizeLocalePath)(E.effect.parsedAs.pathname,this.locales).pathname),t=this.components[_],l.shallow&&t&&this.route===_&&!f))return{...t,route:_}}if((0,S.isAPIRoute)(_))return z({url:a,router:this}),new Promise(()=>{});let x=u||await this.fetchComponent(_).then(e=>({Component:e.page,styleSheets:e.styleSheets,__N_SSG:e.mod.__N_SSG,__N_SSP:e.mod.__N_SSP})),R=null==E?void 0:null==(j=E.response)?void 0:j.headers.get("x-middleware-skip"),M=x.__N_SSG||x.__N_SSP;R&&(null==E?void 0:E.dataHref)&&delete this.sdc[E.dataHref];let{props:C,cacheKey:A}=await this._getData(async()=>{if(M){if((null==E?void 0:E.json)&&!R)return{cacheKey:E.cacheKey,props:E.json};let e=(null==E?void 0:E.dataHref)?E.dataHref:this.pageLoader.getDataHref({href:(0,y.formatWithValidation)({pathname:r,query:n}),asPath:i,locale:s}),t=await W({dataHref:e,isServerRender:this.isSsr,parseJSON:!0,inflightCache:R?{}:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:h});return{cacheKey:t.cacheKey,props:t.json||{}}}return{headers:{},props:await this.getInitialProps(x.Component,{pathname:r,query:n,asPath:a,locale:s,locales:this.locales,defaultLocale:this.defaultLocale})}});return x.__N_SSP&&O.dataHref&&A&&delete this.sdc[A],this.isPreview||!x.__N_SSG||p||W(Object.assign({},O,{isBackground:!0,persistCache:!1,inflightCache:this.sbc})).catch(()=>{}),C.pageProps=Object.assign({},C.pageProps),x.props=C,x.route=_,x.query=n,x.resolvedAs=i,this.components[_]=x,x}catch(e){return this.handleRouteInfoError((0,u.getProperError)(e),r,n,a,l)}}set(e,t,r){return this.state=e,this.sub(t,this.components["/_app"].Component,r)}beforePopState(e){this._bps=e}onlyAHashChange(e){if(!this.asPath)return!1;let[t,r]=this.asPath.split("#"),[n,a]=e.split("#");return!!a&&t===n&&r===a||t===n&&r!==a}scrollToHash(e){let[,t=""]=e.split("#");(0,L.handleSmoothScroll)(()=>{if(""===t||"top"===t){window.scrollTo(0,0);return}let e=decodeURIComponent(t),r=document.getElementById(e);if(r){r.scrollIntoView();return}let n=document.getElementsByName(e)[0];n&&n.scrollIntoView()},{onlyHashChange:this.onlyAHashChange(e)})}urlIsNew(e){return this.asPath!==e}async prefetch(e,t,r){if(void 0===t&&(t=e),void 0===r&&(r={}),(0,M.isBot)(window.navigator.userAgent))return;let n=(0,p.parseRelativeUrl)(e),a=n.pathname,{pathname:i,query:l}=n,u=i,s=await this.pageLoader.getPageList(),c=t,f=void 0!==r.locale?r.locale||void 0:this.locale,d=await N({asPath:t,locale:f,router:this});n.pathname=B(n.pathname,s),(0,h.isDynamicRoute)(n.pathname)&&(i=n.pathname,n.pathname=i,Object.assign(l,(0,m.getRouteMatcher)((0,g.getRouteRegex)(n.pathname))((0,_.parsePath)(t).pathname)||{}),d||(e=(0,y.formatWithValidation)(n)));let b=await H({fetchData:()=>W({dataHref:this.pageLoader.getDataHref({href:(0,y.formatWithValidation)({pathname:u,query:l}),skipInterpolation:!0,asPath:c,locale:f}),hasMiddleware:!0,isServerRender:this.isSsr,parseJSON:!0,inflightCache:this.sdc,persistCache:!this.isPreview,isPrefetch:!0}),asPath:t,locale:f,router:this});if((null==b?void 0:b.effect.type)==="rewrite"&&(n.pathname=b.effect.resolvedHref,i=b.effect.resolvedHref,l={...l,...b.effect.parsedAs.query},c=b.effect.parsedAs.pathname,e=(0,y.formatWithValidation)(n)),(null==b?void 0:b.effect.type)==="redirect-external")return;let v=(0,o.removeTrailingSlash)(i);await this._bfl(t,c,r.locale,!0)&&(this.components[a]={__appRouter:!0}),await Promise.all([this.pageLoader._isSsg(v).then(t=>!!t&&W({dataHref:(null==b?void 0:b.json)?null==b?void 0:b.dataHref:this.pageLoader.getDataHref({href:e,asPath:c,locale:f}),isServerRender:!1,parseJSON:!0,inflightCache:this.sdc,persistCache:!this.isPreview,isPrefetch:!0,unstable_skipClientCache:r.unstable_skipClientCache||r.priority&&!0}).then(()=>!1).catch(()=>!1)),this.pageLoader[r.priority?"loadPage":"prefetch"](v)])}async fetchComponent(e){let t=G({route:e,router:this});try{let r=await this.pageLoader.loadPage(e);return t(),r}catch(e){throw t(),e}}_getData(e){let t=!1,r=()=>{t=!0};return this.clc=r,e().then(e=>{if(r===this.clc&&(this.clc=null),t){let e=Error("Loading initial props cancelled");throw e.cancelled=!0,e}return e})}_getFlightData(e){return W({dataHref:e,isServerRender:!0,parseJSON:!1,inflightCache:this.sdc,persistCache:!1,isPrefetch:!1}).then(e=>{let{text:t}=e;return{data:t}})}getInitialProps(e,t){let{Component:r}=this.components["/_app"],n=this._wrapApp(r);return t.AppTree=n,(0,d.loadGetInitialProps)(r,{AppTree:n,Component:e,router:this,ctx:t})}get route(){return this.state.route}get pathname(){return this.state.pathname}get query(){return this.state.query}get asPath(){return this.state.asPath}get locale(){return this.state.locale}get isFallback(){return this.state.isFallback}get isPreview(){return this.state.isPreview}constructor(e,t,n,{initialProps:a,pageLoader:i,App:l,wrapApp:u,Component:s,err:c,subscription:f,isFallback:m,locale:g,locales:_,defaultLocale:b,domainLocales:v,isPreview:P}){this.sdc={},this.sbc={},this.isFirstPopStateEvent=!0,this._key=q(),this.onPopState=e=>{let t;let{isFirstPopStateEvent:r}=this;this.isFirstPopStateEvent=!1;let n=e.state;if(!n){let{pathname:e,query:t}=this;this.changeState("replaceState",(0,y.formatWithValidation)({pathname:(0,w.addBasePath)(e),query:t}),(0,d.getURL)());return}if(n.__NA){window.location.reload();return}if(!n.__N||r&&this.locale===n.options.locale&&n.as===this.asPath)return;let{url:a,as:o,options:i,key:l}=n;this._key=l;let{pathname:u}=(0,p.parseRelativeUrl)(a);(!this.isSsr||o!==(0,w.addBasePath)(this.asPath)||u!==(0,w.addBasePath)(this.pathname))&&(!this._bps||this._bps(n))&&this.change("replaceState",a,o,Object.assign({},i,{shallow:i.shallow&&this._shallow,locale:i.locale||this.defaultLocale,_h:0}),t)};let j=(0,o.removeTrailingSlash)(e);this.components={},"/_error"!==e&&(this.components[j]={Component:s,initial:!0,props:a,err:c,__N_SSG:a&&a.__N_SSG,__N_SSP:a&&a.__N_SSP}),this.components["/_app"]={Component:l,styleSheets:[]};{let{BloomFilter:e}=r(87586),t={numItems:0,errorRate:.01,numBits:0,numHashes:null,bitArray:[]},n={numItems:0,errorRate:.01,numBits:0,numHashes:null,bitArray:[]};(null==t?void 0:t.numHashes)&&(this._bfl_s=new e(t.numItems,t.errorRate),this._bfl_s.import(t)),(null==n?void 0:n.numHashes)&&(this._bfl_d=new e(n.numItems,n.errorRate),this._bfl_d.import(n))}this.events=V.events,this.pageLoader=i;let S=(0,h.isDynamicRoute)(e)&&self.__NEXT_DATA__.autoExport;if(this.basePath="/mono/version/v0.0.54",this.sub=f,this.clc=null,this._wrapApp=u,this.isSsr=!0,this.isLocaleDomain=!1,this.isReady=!!(self.__NEXT_DATA__.gssp||self.__NEXT_DATA__.gip||self.__NEXT_DATA__.appGip&&!self.__NEXT_DATA__.gsp||!S&&!self.location.search),this.state={route:j,pathname:e,query:t,asPath:S?e:n,isPreview:!!P,locale:void 0,isFallback:m},this._initialMatchesMiddlewarePromise=Promise.resolve(!1),!n.startsWith("//")){let r={locale:g},a=(0,d.getURL)();this._initialMatchesMiddlewarePromise=N({router:this,locale:g,asPath:a}).then(o=>(r._shouldResolveHref=n!==e,this.changeState("replaceState",o?a:(0,y.formatWithValidation)({pathname:(0,w.addBasePath)(e),query:t}),a,r),o))}window.addEventListener("popstate",this.onPopState)}}V.events=(0,f.default)()},59278:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return o}});let n=r(40582),a=r(95971);function o(e,t,r,o){if(!t||t===r)return e;let i=e.toLowerCase();return!o&&((0,a.pathHasPrefix)(i,"/api")||(0,a.pathHasPrefix)(i,"/"+t.toLowerCase()))?e:(0,n.addPathPrefix)(e,"/"+t)}},40582:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addPathPrefix",{enumerable:!0,get:function(){return a}});let n=r(67297);function a(e,t){if(!e.startsWith("/")||!t)return e;let{pathname:r,query:a,hash:o}=(0,n.parsePath)(e);return""+t+r+a+o}},16090:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addPathSuffix",{enumerable:!0,get:function(){return a}});let n=r(67297);function a(e,t){if(!e.startsWith("/")||!t)return e;let{pathname:r,query:a,hash:o}=(0,n.parsePath)(e);return""+r+t+a+o}},40754:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{normalizeAppPath:function(){return a},normalizeRscPath:function(){return o}});let n=r(36199);function a(e){return(0,n.ensureLeadingSlash)(e.split("/").reduce((e,t,r,n)=>!t||"("===t[0]&&t.endsWith(")")||"@"===t[0]||("page"===t||"route"===t)&&r===n.length-1?e:e+"/"+t,""))}function o(e,t){return t?e.replace(/\.rsc($|\?)/,"$1"):e}},19610:function(e,t){"use strict";function r(e,t){let r=Object.keys(e);if(r.length!==Object.keys(t).length)return!1;for(let n=r.length;n--;){let a=r[n];if("query"===a){let r=Object.keys(e.query);if(r.length!==Object.keys(t.query).length)return!1;for(let n=r.length;n--;){let a=r[n];if(!t.query.hasOwnProperty(a)||e.query[a]!==t.query[a])return!1}}else if(!t.hasOwnProperty(a)||e[a]!==t[a])return!1}return!0}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"compareRouterStates",{enumerable:!0,get:function(){return r}})},94529:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"formatNextPathnameInfo",{enumerable:!0,get:function(){return l}});let n=r(12929),a=r(40582),o=r(16090),i=r(59278);function l(e){let t=(0,i.addLocale)(e.pathname,e.locale,e.buildId?void 0:e.defaultLocale,e.ignorePrefix);return(e.buildId||!e.trailingSlash)&&(t=(0,n.removeTrailingSlash)(t)),e.buildId&&(t=(0,o.addPathSuffix)((0,a.addPathPrefix)(t,"/_next/data/"+e.buildId),"/"===e.pathname?"index.json":".json")),t=(0,a.addPathPrefix)(t,e.basePath),!e.buildId&&e.trailingSlash?t.endsWith("/")?t:(0,o.addPathSuffix)(t,"/"):(0,n.removeTrailingSlash)(t)}},42612:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{formatUrl:function(){return i},urlObjectKeys:function(){return l},formatWithValidation:function(){return u}});let n=r(16794),a=n._(r(68730)),o=/https?|ftp|gopher|file/;function i(e){let{auth:t,hostname:r}=e,n=e.protocol||"",i=e.pathname||"",l=e.hash||"",u=e.query||"",s=!1;t=t?encodeURIComponent(t).replace(/%3A/i,":")+"@":"",e.host?s=t+e.host:r&&(s=t+(~r.indexOf(":")?"["+r+"]":r),e.port&&(s+=":"+e.port)),u&&"object"==typeof u&&(u=String(a.urlQueryToSearchParams(u)));let c=e.search||u&&"?"+u||"";return n&&!n.endsWith(":")&&(n+=":"),e.slashes||(!n||o.test(n))&&!1!==s?(s="//"+(s||""),i&&"/"!==i[0]&&(i="/"+i)):s||(s=""),l&&"#"!==l[0]&&(l="#"+l),c&&"?"!==c[0]&&(c="?"+c),""+n+s+(i=i.replace(/[?#]/g,encodeURIComponent))+(c=c.replace("#","%23"))+l}let l=["auth","hash","host","hostname","href","path","pathname","port","protocol","query","search","slashes"];function u(e){return i(e)}},61370:function(e,t){"use strict";function r(e,t){void 0===t&&(t="");let r="/"===e?"/index":/^\/index(\/|$)/.test(e)?"/index"+e:""+e;return r+t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r}})},32573:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getNextPathnameInfo",{enumerable:!0,get:function(){return i}});let n=r(10245),a=r(22245),o=r(95971);function i(e,t){var r,i,l;let{basePath:u,i18n:s,trailingSlash:c}=null!=(r=t.nextConfig)?r:{},f={pathname:e,trailingSlash:"/"!==e?e.endsWith("/"):c};if(u&&(0,o.pathHasPrefix)(f.pathname,u)&&(f.pathname=(0,a.removePathPrefix)(f.pathname,u),f.basePath=u),!0===t.parseData&&f.pathname.startsWith("/_next/data/")&&f.pathname.endsWith(".json")){let e=f.pathname.replace(/^\/_next\/data\//,"").replace(/\.json$/,"").split("/"),t=e[0];f.pathname="index"!==e[1]?"/"+e.slice(1).join("/"):"/",f.buildId=t}if(t.i18nProvider){let e=t.i18nProvider.analyze(f.pathname);f.locale=e.detectedLocale,f.pathname=null!=(i=e.pathname)?i:f.pathname}else if(s){let e=(0,n.normalizeLocalePath)(f.pathname,s.locales);f.locale=e.detectedLocale,f.pathname=null!=(l=e.pathname)?l:f.pathname}return f}},61418:function(e,t){"use strict";function r(e,t){if(void 0===t&&(t={}),t.onlyHashChange){e();return}let r=document.documentElement,n=r.style.scrollBehavior;r.style.scrollBehavior="auto",t.dontForceLayout||r.getClientRects(),e(),r.style.scrollBehavior=n}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"handleSmoothScroll",{enumerable:!0,get:function(){return r}})},94917:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getSortedRoutes:function(){return n.getSortedRoutes},isDynamicRoute:function(){return a.isDynamicRoute}});let n=r(97358),a=r(87163)},57030:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"interpolateAs",{enumerable:!0,get:function(){return o}});let n=r(29784),a=r(80939);function o(e,t,r){let o="",i=(0,a.getRouteRegex)(e),l=i.groups,u=(t!==e?(0,n.getRouteMatcher)(i)(t):"")||r;o=e;let s=Object.keys(l);return s.every(e=>{let t=u[e]||"",{repeat:r,optional:n}=l[e],a="["+(r?"...":"")+e+"]";return n&&(a=(t?"":"/")+"["+a+"]"),r&&!Array.isArray(t)&&(t=[t]),(n||e in u)&&(o=o.replace(a,r?t.map(e=>encodeURIComponent(e)).join("/"):encodeURIComponent(t))||"/")})||(o=""),{params:s,result:o}}},72240:function(e,t){"use strict";function r(e){return/Googlebot|Mediapartners-Google|AdsBot-Google|googleweblight|Storebot-Google|Google-PageRenderer|Bingbot|BingPreview|Slurp|DuckDuckBot|baiduspider|yandex|sogou|LinkedInBot|bitlybot|tumblr|vkShare|quora link preview|facebookexternalhit|facebookcatalog|Twitterbot|applebot|redditbot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|ia_archiver/i.test(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isBot",{enumerable:!0,get:function(){return r}})},87163:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isDynamicRoute",{enumerable:!0,get:function(){return n}});let r=/\/\[[^/]+?\](?=\/|$)/;function n(e){return r.test(e)}},68944:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isLocalURL",{enumerable:!0,get:function(){return o}});let n=r(38119),a=r(69915);function o(e){if(!(0,n.isAbsoluteUrl)(e))return!0;try{let t=(0,n.getLocationOrigin)(),r=new URL(e,t);return r.origin===t&&(0,a.hasBasePath)(r.pathname)}catch(e){return!1}}},72248:function(e,t){"use strict";function r(e,t){let r={};return Object.keys(e).forEach(n=>{t.includes(n)||(r[n]=e[n])}),r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"omit",{enumerable:!0,get:function(){return r}})},67297:function(e,t){"use strict";function r(e){let t=e.indexOf("#"),r=e.indexOf("?"),n=r>-1&&(t<0||r-1?{pathname:e.substring(0,n?r:t),query:n?e.substring(r,t>-1?t:void 0):"",hash:t>-1?e.slice(t):""}:{pathname:e,query:"",hash:""}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parsePath",{enumerable:!0,get:function(){return r}})},35964:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parseRelativeUrl",{enumerable:!0,get:function(){return o}});let n=r(38119),a=r(68730);function o(e,t){let r=new URL((0,n.getLocationOrigin)()),o=t?new URL(t,r):e.startsWith(".")?new URL(window.location.href):r,{pathname:i,searchParams:l,search:u,hash:s,href:c,origin:f}=new URL(e,o);if(f!==r.origin)throw Error("invariant: invalid relative URL, router received "+e);return{pathname:i,query:(0,a.searchParamsToUrlQuery)(l),search:u,hash:s,href:c.slice(r.origin.length)}}},95971:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"pathHasPrefix",{enumerable:!0,get:function(){return a}});let n=r(67297);function a(e,t){if("string"!=typeof e)return!1;let{pathname:r}=(0,n.parsePath)(e);return r===t||r.startsWith(t+"/")}},68730:function(e,t){"use strict";function r(e){let t={};return e.forEach((e,r)=>{void 0===t[r]?t[r]=e:Array.isArray(t[r])?t[r].push(e):t[r]=[t[r],e]}),t}function n(e){return"string"!=typeof e&&("number"!=typeof e||isNaN(e))&&"boolean"!=typeof e?"":String(e)}function a(e){let t=new URLSearchParams;return Object.entries(e).forEach(e=>{let[r,a]=e;Array.isArray(a)?a.forEach(e=>t.append(r,n(e))):t.set(r,n(a))}),t}function o(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n{Array.from(t.keys()).forEach(t=>e.delete(t)),t.forEach((t,r)=>e.append(r,t))}),e}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{searchParamsToUrlQuery:function(){return r},urlQueryToSearchParams:function(){return a},assign:function(){return o}})},22245:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removePathPrefix",{enumerable:!0,get:function(){return a}});let n=r(95971);function a(e,t){if(!(0,n.pathHasPrefix)(e,t))return e;let r=e.slice(t.length);return r.startsWith("/")?r:"/"+r}},12929:function(e,t){"use strict";function r(e){return e.replace(/\/$/,"")||"/"}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"removeTrailingSlash",{enumerable:!0,get:function(){return r}})},96436:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"resolveHref",{enumerable:!0,get:function(){return f}});let n=r(68730),a=r(42612),o=r(72248),i=r(38119),l=r(8314),u=r(68944),s=r(87163),c=r(57030);function f(e,t,r){let f;let d="string"==typeof t?t:(0,a.formatWithValidation)(t),h=d.match(/^[a-zA-Z]{1,}:\/\//),p=h?d.slice(h[0].length):d;if((p.split("?")[0]||"").match(/(\/\/|\\)/)){console.error("Invalid href '"+d+"' passed to next/router in page: '"+e.pathname+"'. Repeated forward-slashes (//) or backslashes \\ are not valid in the href.");let t=(0,i.normalizeRepeatedSlashes)(p);d=(h?h[0]:"")+t}if(!(0,u.isLocalURL)(d))return r?[d]:d;try{f=new URL(d.startsWith("#")?e.asPath:e.pathname,"http://n")}catch(e){f=new URL("/","http://n")}try{let e=new URL(d,f);e.pathname=(0,l.normalizePathTrailingSlash)(e.pathname);let t="";if((0,s.isDynamicRoute)(e.pathname)&&e.searchParams&&r){let r=(0,n.searchParamsToUrlQuery)(e.searchParams),{result:i,params:l}=(0,c.interpolateAs)(e.pathname,e.pathname,r);i&&(t=(0,a.formatWithValidation)({pathname:i,hash:e.hash,query:(0,o.omit)(r,l)}))}let i=e.origin===f.origin?e.href.slice(e.origin.length):e.href;return r?[i,t||i]:i}catch(e){return r?[d]:d}}},29784:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getRouteMatcher",{enumerable:!0,get:function(){return a}});let n=r(38119);function a(e){let{re:t,groups:r}=e;return e=>{let a=t.exec(e);if(!a)return!1;let o=e=>{try{return decodeURIComponent(e)}catch(e){throw new n.DecodeError("failed to decode param")}},i={};return Object.keys(r).forEach(e=>{let t=r[e],n=a[t.pos];void 0!==n&&(i[e]=~n.indexOf("/")?n.split("/").map(e=>o(e)):t.repeat?[o(n)]:o(n))}),i}}},80939:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getRouteRegex:function(){return u},getNamedRouteRegex:function(){return f},getNamedMiddlewareRegex:function(){return d}});let n=r(16520),a=r(81081),o=r(12929);function i(e){let t=e.startsWith("[")&&e.endsWith("]");t&&(e=e.slice(1,-1));let r=e.startsWith("...");return r&&(e=e.slice(3)),{key:e,repeat:r,optional:t}}function l(e){let t=(0,o.removeTrailingSlash)(e).slice(1).split("/"),r={},l=1;return{parameterizedRoute:t.map(e=>{let t=n.INTERCEPTION_ROUTE_MARKERS.find(t=>e.startsWith(t)),o=e.match(/\[((?:\[.*\])|.+)\]/);if(t&&o){let{key:e,optional:n,repeat:u}=i(o[1]);return r[e]={pos:l++,repeat:u,optional:n},"/"+(0,a.escapeStringRegexp)(t)+"([^/]+?)"}if(!o)return"/"+(0,a.escapeStringRegexp)(e);{let{key:e,repeat:t,optional:n}=i(o[1]);return r[e]={pos:l++,repeat:t,optional:n},t?n?"(?:/(.+?))?":"/(.+?)":"/([^/]+?)"}}).join(""),groups:r}}function u(e){let{parameterizedRoute:t,groups:r}=l(e);return{re:RegExp("^"+t+"(?:/)?$"),groups:r}}function s(e){let{getSafeRouteKey:t,segment:r,routeKeys:n,keyPrefix:a}=e,{key:o,optional:l,repeat:u}=i(r),s=o.replace(/\W/g,"");a&&(s=""+a+s);let c=!1;return(0===s.length||s.length>30)&&(c=!0),isNaN(parseInt(s.slice(0,1)))||(c=!0),c&&(s=t()),a?n[s]=""+a+o:n[s]=""+o,u?l?"(?:/(?<"+s+">.+?))?":"/(?<"+s+">.+?)":"/(?<"+s+">[^/]+?)"}function c(e,t){let r;let i=(0,o.removeTrailingSlash)(e).slice(1).split("/"),l=(r=0,()=>{let e="",t=++r;for(;t>0;)e+=String.fromCharCode(97+(t-1)%26),t=Math.floor((t-1)/26);return e}),u={};return{namedParameterizedRoute:i.map(e=>{let r=n.INTERCEPTION_ROUTE_MARKERS.some(t=>e.startsWith(t)),o=e.match(/\[((?:\[.*\])|.+)\]/);return r&&o?s({getSafeRouteKey:l,segment:o[1],routeKeys:u,keyPrefix:t?"nxtI":void 0}):o?s({getSafeRouteKey:l,segment:o[1],routeKeys:u,keyPrefix:t?"nxtP":void 0}):"/"+(0,a.escapeStringRegexp)(e)}).join(""),routeKeys:u}}function f(e,t){let r=c(e,t);return{...u(e),namedRegex:"^"+r.namedParameterizedRoute+"(?:/)?$",routeKeys:r.routeKeys}}function d(e,t){let{parameterizedRoute:r}=l(e),{catchAll:n=!0}=t;if("/"===r)return{namedRegex:"^/"+(n?".*":"")+"$"};let{namedParameterizedRoute:a}=c(e,!1);return{namedRegex:"^"+a+(n?"(?:(/.*)?)":"")+"$"}}},97358:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getSortedRoutes",{enumerable:!0,get:function(){return n}});class r{insert(e){this._insert(e.split("/").filter(Boolean),[],!1)}smoosh(){return this._smoosh()}_smoosh(e){void 0===e&&(e="/");let t=[...this.children.keys()].sort();null!==this.slugName&&t.splice(t.indexOf("[]"),1),null!==this.restSlugName&&t.splice(t.indexOf("[...]"),1),null!==this.optionalRestSlugName&&t.splice(t.indexOf("[[...]]"),1);let r=t.map(t=>this.children.get(t)._smoosh(""+e+t+"/")).reduce((e,t)=>[...e,...t],[]);if(null!==this.slugName&&r.push(...this.children.get("[]")._smoosh(e+"["+this.slugName+"]/")),!this.placeholder){let t="/"===e?"/":e.slice(0,-1);if(null!=this.optionalRestSlugName)throw Error('You cannot define a route with the same specificity as a optional catch-all route ("'+t+'" and "'+t+"[[..."+this.optionalRestSlugName+']]").');r.unshift(t)}return null!==this.restSlugName&&r.push(...this.children.get("[...]")._smoosh(e+"[..."+this.restSlugName+"]/")),null!==this.optionalRestSlugName&&r.push(...this.children.get("[[...]]")._smoosh(e+"[[..."+this.optionalRestSlugName+"]]/")),r}_insert(e,t,n){if(0===e.length){this.placeholder=!1;return}if(n)throw Error("Catch-all must be the last part of the URL.");let a=e[0];if(a.startsWith("[")&&a.endsWith("]")){let r=a.slice(1,-1),i=!1;if(r.startsWith("[")&&r.endsWith("]")&&(r=r.slice(1,-1),i=!0),r.startsWith("...")&&(r=r.substring(3),n=!0),r.startsWith("[")||r.endsWith("]"))throw Error("Segment names may not start or end with extra brackets ('"+r+"').");if(r.startsWith("."))throw Error("Segment names may not start with erroneous periods ('"+r+"').");function o(e,r){if(null!==e&&e!==r)throw Error("You cannot use different slug names for the same dynamic path ('"+e+"' !== '"+r+"').");t.forEach(e=>{if(e===r)throw Error('You cannot have the same slug name "'+r+'" repeat within a single dynamic path');if(e.replace(/\W/g,"")===a.replace(/\W/g,""))throw Error('You cannot have the slug names "'+e+'" and "'+r+'" differ only by non-word symbols within a single dynamic path')}),t.push(r)}if(n){if(i){if(null!=this.restSlugName)throw Error('You cannot use both an required and optional catch-all route at the same level ("[...'+this.restSlugName+']" and "'+e[0]+'" ).');o(this.optionalRestSlugName,r),this.optionalRestSlugName=r,a="[[...]]"}else{if(null!=this.optionalRestSlugName)throw Error('You cannot use both an optional and required catch-all route at the same level ("[[...'+this.optionalRestSlugName+']]" and "'+e[0]+'").');o(this.restSlugName,r),this.restSlugName=r,a="[...]"}}else{if(i)throw Error('Optional route parameters are not yet supported ("'+e[0]+'").');o(this.slugName,r),this.slugName=r,a="[]"}}this.children.has(a)||this.children.set(a,new r),this.children.get(a)._insert(e.slice(1),t,n)}constructor(){this.placeholder=!0,this.children=new Map,this.slugName=null,this.restSlugName=null,this.optionalRestSlugName=null}}function n(e){let t=new r;return e.forEach(e=>t.insert(e)),t.smoosh()}},83342:function(e,t){"use strict";let r;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return n},setConfig:function(){return a}});let n=()=>r;function a(e){r=e}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},49857:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l}});let n=r(16794),a=n._(r(2784)),o=a.useLayoutEffect,i=a.useEffect;function l(e){let{headManager:t,reduceComponentsToState:r}=e;function n(){if(t&&t.mountedInstances){let n=a.Children.toArray(Array.from(t.mountedInstances).filter(Boolean));t.updateHead(r(n,e))}}return o(()=>{var r;return null==t||null==(r=t.mountedInstances)||r.add(e.children),()=>{var r;null==t||null==(r=t.mountedInstances)||r.delete(e.children)}}),o(()=>(t&&(t._pendingUpdate=n),()=>{t&&(t._pendingUpdate=n)})),i(()=>(t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null),()=>{t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null)})),null}},38119:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{WEB_VITALS:function(){return r},execOnce:function(){return n},isAbsoluteUrl:function(){return o},getLocationOrigin:function(){return i},getURL:function(){return l},getDisplayName:function(){return u},isResSent:function(){return s},normalizeRepeatedSlashes:function(){return c},loadGetInitialProps:function(){return f},SP:function(){return d},ST:function(){return h},DecodeError:function(){return p},NormalizeError:function(){return m},PageNotFoundError:function(){return g},MissingStaticPage:function(){return y},MiddlewareNotFoundError:function(){return _},stringifyError:function(){return b}});let r=["CLS","FCP","FID","INP","LCP","TTFB"];function n(e){let t,r=!1;return function(){for(var n=arguments.length,a=Array(n),o=0;oa.test(e);function i(){let{protocol:e,hostname:t,port:r}=window.location;return e+"//"+t+(r?":"+r:"")}function l(){let{href:e}=window.location,t=i();return e.substring(t.length)}function u(e){return"string"==typeof e?e:e.displayName||e.name||"Unknown"}function s(e){return e.finished||e.headersSent}function c(e){let t=e.split("?"),r=t[0];return r.replace(/\\/g,"/").replace(/\/\/+/g,"/")+(t[1]?"?"+t.slice(1).join("?"):"")}async function f(e,t){let r=t.res||t.ctx&&t.ctx.res;if(!e.getInitialProps)return t.ctx&&t.Component?{pageProps:await f(t.Component,t.ctx)}:{};let n=await e.getInitialProps(t);if(r&&s(r))return n;if(!n){let t='"'+u(e)+'.getInitialProps()" should resolve to an object. But found "'+n+'" instead.';throw Error(t)}return n}let d="undefined"!=typeof performance,h=d&&["mark","measure","getEntriesByName"].every(e=>"function"==typeof performance[e]);class p extends Error{}class m extends Error{}class g extends Error{constructor(e){super(),this.code="ENOENT",this.name="PageNotFoundError",this.message="Cannot find module for page: "+e}}class y extends Error{constructor(e,t){super(),this.message="Failed to load static file for page: "+e+" "+t}}class _ extends Error{constructor(){super(),this.code="ENOENT",this.message="Cannot find the middleware module"}}function b(e){return JSON.stringify({message:e.message,stack:e.stack})}},70186:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"warnOnce",{enumerable:!0,get:function(){return r}});let r=e=>{}},86590:function(e){var t,r,n,a,o,i,l,u,s,c,f,d,h,p,m,g,y,_,b,v,P,w,j,S,O,E,x,R,M,C,A,T,L,I,N,k,D,B,H,U,F,W,q,z,G,V;(t={}).d=function(e,r){for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},void 0!==t&&(t.ab="//"),r={},t.r(r),t.d(r,{getCLS:function(){return j},getFCP:function(){return v},getFID:function(){return C},getINP:function(){return W},getLCP:function(){return z},getTTFB:function(){return V},onCLS:function(){return j},onFCP:function(){return v},onFID:function(){return C},onINP:function(){return W},onLCP:function(){return z},onTTFB:function(){return V}}),u=-1,s=function(e){addEventListener("pageshow",function(t){t.persisted&&(u=t.timeStamp,e(t))},!0)},c=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},f=function(){var e=c();return e&&e.activationStart||0},d=function(e,t){var r=c(),n="navigate";return u>=0?n="back-forward-cache":r&&(n=document.prerendering||f()>0?"prerender":r.type.replace(/_/g,"-")),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:n}},h=function(e,t,r){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver(function(e){t(e.getEntries())});return n.observe(Object.assign({type:e,buffered:!0},r||{})),n}}catch(e){}},p=function(e,t){var r=function r(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||(e(n),t&&(removeEventListener("visibilitychange",r,!0),removeEventListener("pagehide",r,!0)))};addEventListener("visibilitychange",r,!0),addEventListener("pagehide",r,!0)},m=function(e,t,r,n){var a,o;return function(i){var l;t.value>=0&&(i||n)&&((o=t.value-(a||0))||void 0===a)&&(a=t.value,t.delta=o,t.rating=(l=t.value)>r[1]?"poor":l>r[0]?"needs-improvement":"good",e(t))}},g=-1,y=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},_=function(){p(function(e){g=e.timeStamp},!0)},b=function(){return g<0&&(g=y(),_(),s(function(){setTimeout(function(){g=y(),_()},0)})),{get firstHiddenTime(){return g}}},v=function(e,t){t=t||{};var r,n=[1800,3e3],a=b(),o=d("FCP"),i=function(e){e.forEach(function(e){"first-contentful-paint"===e.name&&(u&&u.disconnect(),e.startTime-1&&e(t)},o=d("CLS",0),i=0,l=[],u=function(e){e.forEach(function(e){if(!e.hadRecentInput){var t=l[0],r=l[l.length-1];i&&e.startTime-r.startTime<1e3&&e.startTime-t.startTime<5e3?(i+=e.value,l.push(e)):(i=e.value,l=[e]),i>o.value&&(o.value=i,o.entries=l,n())}})},c=h("layout-shift",u);c&&(n=m(a,o,r,t.reportAllChanges),p(function(){u(c.takeRecords()),n(!0)}),s(function(){i=0,w=-1,n=m(a,o=d("CLS",0),r,t.reportAllChanges)}))},S={passive:!0,capture:!0},O=new Date,E=function(e,t){n||(n=t,a=e,o=new Date,M(removeEventListener),x())},x=function(){if(a>=0&&a1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?(t=function(){E(a,e),n()},r=function(){n()},n=function(){removeEventListener("pointerup",t,S),removeEventListener("pointercancel",r,S)},addEventListener("pointerup",t,S),addEventListener("pointercancel",r,S)):E(a,e)}},M=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach(function(t){return e(t,R,S)})},C=function(e,t){t=t||{};var r,o=[100,300],l=b(),u=d("FID"),c=function(e){e.startTimet.latency){if(r)r.entries.push(e),r.latency=Math.max(r.latency,e.duration);else{var n={id:e.interactionId,latency:e.duration,entries:[e]};U[n.id]=n,H.push(n)}H.sort(function(e,t){return t.latency-e.latency}),H.splice(10).forEach(function(e){delete U[e.id]})}},W=function(e,t){t=t||{};var r=[200,500];k();var n,a=d("INP"),o=function(e){e.forEach(function(e){e.interactionId&&F(e),"first-input"!==e.entryType||H.some(function(t){return t.entries.some(function(t){return e.duration===t.duration&&e.startTime===t.startTime})})||F(e)});var t,r=(t=Math.min(H.length-1,Math.floor(B()/50)),H[t]);r&&r.latency!==a.value&&(a.value=r.latency,a.entries=r.entries,n())},i=h("event",o,{durationThreshold:t.durationThreshold||40});n=m(e,a,r,t.reportAllChanges),i&&(i.observe({type:"first-input",buffered:!0}),p(function(){o(i.takeRecords()),a.value<0&&B()>0&&(a.value=0,a.entries=[]),n(!0)}),s(function(){H=[],D=N(),n=m(e,a=d("INP"),r,t.reportAllChanges)}))},q={},z=function(e,t){t=t||{};var r,n=[2500,4e3],a=b(),o=d("LCP"),i=function(e){var t=e[e.length-1];if(t){var n=t.startTime-f();nperformance.now())return;n.entries=[o],a(!0),s(function(){(a=m(e,n=d("TTFB",0),r,t.reportAllChanges))(!0)})}})},e.exports=r},74219:function(e,t){"use strict";function r(e){return"/api"===e||!!(null==e?void 0:e.startsWith("/api/"))}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isAPIRoute",{enumerable:!0,get:function(){return r}})},10274:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return a},getProperError:function(){return o}});let n=r(10590);function a(e){return"object"==typeof e&&null!==e&&"name"in e&&"message"in e}function o(e){return a(e)?e:Error((0,n.isPlainObject)(e)?JSON.stringify(e):e+"")}},16520:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{INTERCEPTION_ROUTE_MARKERS:function(){return a},isInterceptionRouteAppPath:function(){return o},extractInterceptionRouteInformation:function(){return i}});let n=r(40754),a=["(..)(..)","(.)","(..)","(...)"];function o(e){return void 0!==e.split("/").find(e=>a.find(t=>e.startsWith(t)))}function i(e){let t,r,o;for(let n of e.split("/"))if(r=a.find(e=>n.startsWith(e))){[t,o]=e.split(r,2);break}if(!t||!r||!o)throw Error(`Invalid interception route: ${e}. Must be in the format //(..|...|..)(..)/`);switch(t=(0,n.normalizeAppPath)(t),r){case"(.)":o="/"===t?`/${o}`:t+"/"+o;break;case"(..)":if("/"===t)throw Error(`Invalid interception route: ${e}. Cannot use (..) marker at the root level, use (.) instead.`);o=t.split("/").slice(0,-1).concat(o).join("/");break;case"(...)":o="/"+o;break;case"(..)(..)":let i=t.split("/");if(i.length<=2)throw Error(`Invalid interception route: ${e}. Cannot use (..)(..) marker at the root level or one level up.`);o=i.slice(0,-2).concat(o).join("/");break;default:throw Error("Invariant: unexpected marker")}return{interceptingRoute:t,interceptedRoute:o}}},72094:function(){},43219:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.r(t),r.d(t,{_:function(){return n},_interop_require_default:function(){return n}})},16794:function(e,t,r){"use strict";function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=n(t);if(r&&r.has(e))return r.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,r&&r.set(e,a),a}r.r(t),r.d(t,{_:function(){return a},_interop_require_wildcard:function(){return a}})}},function(e){e.O(0,[9774],function(){return e(e.s=59520)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/404-dd7840055616c47a.js b/version/v0.0.54/_next/static/chunks/pages/404-dd7840055616c47a.js
deleted file mode 100644
index 654a783b245..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/404-dd7840055616c47a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2197],{99133:function(n,e,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/404",function(){return u(46829)}])},46829:function(n,e,u){"use strict";u.r(e);var t=u(5632),o=u(2784);e.default=()=>{let{push:n,asPath:e}=(0,t.useRouter)();return(0,o.useEffect)(()=>{n(e.endsWith("/overview")?"/":"".concat(e,"/overview"))},[]),null}},5632:function(n,e,u){n.exports=u(16244)}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=99133)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/_app-683f17a2aa04932e.js b/version/v0.0.54/_next/static/chunks/pages/_app-683f17a2aa04932e.js
deleted file mode 100644
index 90259fdfbc2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/_app-683f17a2aa04932e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2888],{86570:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return e(14123)}])},14123:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),o=e(45392),u=e(45847),i=e.n(u);function c(n){let{Component:t,pageProps:e}=n;return(0,r.jsxs)(o.Zo,{components:{a:n=>(0,r.jsx)("a",{target:"_blank",referrerPolicy:"no-referrer",...n}),img:n=>{var t;return(0,r.jsx)("img",{...n,src:(null===(t=n.src)||void 0===t?void 0:t.startsWith("http"))?n.src:"".concat("/mono/version/v0.0.54").concat(n.src)})}},children:[(0,r.jsx)(i(),{src:"/mono/version/v0.0.54/iframe-resizer/iframeResizer.contentWindow.min.js"}),(0,r.jsx)(t,{...e})]})}e(80440),e(83671),e(38811)},80440:function(){},38811:function(){},83671:function(){},45847:function(n,t,e){n.exports=e(72568)},45392:function(n,t,e){"use strict";e.d(t,{Zo:function(){return c},ah:function(){return u}});var r=e(2784);let o=r.createContext({});function u(n){let t=r.useContext(o);return r.useMemo(()=>"function"==typeof n?n(t):{...t,...n},[t,n])}let i={};function c({components:n,children:t,disableParentContext:e}){let c;return c=e?"function"==typeof n?n({}):n||i:u(n),r.createElement(o.Provider,{value:c},t)}}},function(n){var t=function(t){return n(n.s=t)};n.O(0,[9774,179],function(){return t(86570),t(16244)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/_error-10174e80ad0c0cf2.js b/version/v0.0.54/_next/static/chunks/pages/_error-10174e80ad0c0cf2.js
deleted file mode 100644
index c8802d7128b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/_error-10174e80ad0c0cf2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4820],{50341:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(61360)}])}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=50341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/base64-381792863bc98eb7.js b/version/v0.0.54/_next/static/chunks/pages/base64-381792863bc98eb7.js
deleted file mode 100644
index cfcd68f38e5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/base64-381792863bc98eb7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3962],{42798:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/base64",function(){return e(98015)}])},87224:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(7070);let l=(0,a.forwardRef)(function(n,t){let[e,l]=(0,a.useState)(()=>null);return(0,a.useEffect)(()=>{n.stylePath&&l(n.stylePath)},[]),(0,r.jsxs)("a",{ref:t,id:n.id,className:(0,i.yI)("db-link",n.className),href:n.href,title:n.title,target:n.target,rel:n.rel,role:n.role,"aria-disabled":n.disabled,tabIndex:n.disabled?-1:0,"aria-selected":n.selected,"aria-label":n.label,hrefLang:n.hreflang,"aria-current":n.current,"data-size":n.size,"data-variant":n.variant,"data-content":n.content||"internal",onClick:t=>{n.onClick&&n.onClick(t)},children:[e?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:e})}):null,n.text?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("span",{children:n.text})}):null,n.children]})});t.Z=l},8490:function(n,t,e){"use strict";var r,a,i,l,o,c,s;e.d(t,{$f:function(){return N},DM:function(){return E},IY:function(){return u},Kn:function(){return R},SU:function(){return f},YP:function(){return d},ce:function(){return A},iw:function(){return r},r$:function(){return i}});let u="OVERWRITE_DEFAULT_ID",f="LABEL SHOULD BE SET",R="-message",d="Back",A="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive";let N=Object.entries(r).map(n=>{let[,t]=n;return t});(a||(a={})).PRIMARY="primary",(c=i||(i={})).NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.PRIMARY="primary",c.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",c.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.WARNING="warning",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let E=Object.entries(i).map(n=>{let[,t]=n;return t});Object.entries(a).map(n=>{let[,t]=n;return t}),(s=l||(l={})).CRITICAL="critical",s.INFORMATIONAL="informational",s.WARNING="warning",s.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,t]=n;return t})},7070:function(n,t,e){"use strict";e.d(t,{Vj:function(){return r},mT:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{let e=n.children;Object.values(e).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},l=(n,t)=>t||(n&&"adaptive"!==n?void 0:"none")},98015:function(n,t,e){"use strict";e.r(t);var r=e(52322),a=e(48834),i=e(2784),l=e(87224),o=e(8490);t.default=()=>{let[n,t]=(0,i.useState)(""),[e,c]=(0,i.useState)(""),[s,u]=(0,i.useState)(o.iw.REGULAR),[f,R]=(0,i.useState)(o.r$.NEUTRAL);return(0,i.useEffect)(()=>{c(new URL("iframe?color=".concat(f,"&tonality=").concat(s,"&components=").concat(n),window.location.href).toString())},[s,f,n]),(0,r.jsxs)("div",{className:"base-64-container",children:[(0,r.jsx)("textarea",{onChange:n=>{t(a.lW.from(n.target.value).toString("base64"))}}),(0,r.jsxs)("div",{children:[(0,r.jsx)("select",{value:s,onChange:n=>{var t;u(null==n?void 0:null===(t=n.target)||void 0===t?void 0:t.value)},children:o.$f.map(n=>(0,r.jsx)("option",{value:n,children:n},"tonality-option-".concat(n)))}),(0,r.jsx)("select",{value:f,onChange:n=>{var t;R(null==n?void 0:null===(t=n.target)||void 0===t?void 0:t.value)},children:o.DM.map(n=>(0,r.jsx)("option",{value:n,children:n},"tonality-option-".concat(n)))})]}),(0,r.jsx)(l.Z,{href:e,target:"_blank",variant:"primary",content:"external",children:"Open IFrame"})]})}}},function(n){n.O(0,[8834,9774,2888,179],function(){return n(n.s=42798)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-efd8b7beb52a70ca.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-efd8b7beb52a70ca.js
deleted file mode 100644
index 7c9f17b6168..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-efd8b7beb52a70ca.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9861],{85938:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return e(25873)}])},75549:function(t,n,e){"use strict";e.d(n,{P:function(){return o}});let o=(t,n,e)=>{var o,c,i;return t.map((t,r)=>({...t,slotCode:null!==(o=null==e?void 0:e.at(r))&&void 0!==o?o:"No code available",examples:t.examples.map(t=>({...t,example:n({...t.props,id:null!==(c=t.props.id)&&void 0!==c?c:t.name,children:null!==(i=t.props.children)&&void 0!==i?i:t.name})}))}))}},68623:function(t,n,e){"use strict";var o=e(52322),c=e(5632),i=e(2784),r=e(18338),d=e(51963);let a=t=>{let{examples:n,slotCode:e}=t;return(0,o.jsx)(d.wq,{className:"variants-card",slotCode:e,children:(0,o.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))})})};n.Z=t=>{let{title:n,variants:e}=t,[m,l]=(0,i.useState)(),s=(0,c.useRouter)();(0,i.useEffect)(()=>{if(s.query){var t;let n=null===(t=s.query.page)||void 0===t?void 0:t.toString();if(n){let t=e.find(t=>t.name.toLowerCase()===n);l(t)}}},[s]);let I=t=>{var n,e;return window.location.origin?"".concat(null===(e=window)||void 0===e?void 0:null===(n=e.location)||void 0===n?void 0:n.href,"?page=").concat(t.name.toLowerCase()):""};return(0,o.jsxs)(o.Fragment,{children:[m&&(0,o.jsx)("div",{children:(0,o.jsx)(a,{...m})}),!m&&(0,o.jsx)(r.Z,{children:(0,o.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,o.jsx)("h1",{children:n}),null==e?void 0:e.map((t,n)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(d.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(d.vB,{content:"external",target:"_blank",href:I(t),children:t.name})}),(0,o.jsx)(a,{...t})]},"".concat(t.name,"-").concat(n)))]})})]})}},25873:function(t,n,e){"use strict";e.r(n);var o=e(52322),c=e(92136),i=e(8979),r=e(51963),d=e(68623),a=e(7716),m=e(75549);let l=t=>{let{behaviour:n,children:e}=t;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,o.jsxs)(r.aw,{behaviour:n,children:[(0,o.jsx)(r.kC,{title:"Item 1",content:"Content 1"}),(0,o.jsx)(r.kC,{title:"Item 2",content:"Content 2"}),(0,o.jsx)(r.kC,{title:"Item 3",content:"Content 3"})]})]})};n.default=()=>(0,o.jsx)(d.Z,{title:"DBAccordion",variants:(0,m.P)(a,l,[(0,o.jsx)(c.default,{}),(0,o.jsx)(i.default,{})])})},7716:function(t){"use strict";t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"regular (Default)","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}}]},{"name":"Behaviour","examples":[{"name":"Multiple (Default)","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}}]}]')}},function(t){t.O(0,[4996,4375,8338,1963,2136,8979,9774,2888,179],function(){return t(t.s=85938)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item-e9dbd2b687e83c01.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item-e9dbd2b687e83c01.js
deleted file mode 100644
index 51addeeec9d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item-e9dbd2b687e83c01.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1108],{74497:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return t(2877)}])},75549:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>{var a,l,s;return e.map((e,i)=>({...e,slotCode:null!==(a=null==t?void 0:t.at(i))&&void 0!==a?a:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(l=e.props.id)&&void 0!==l?l:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,n,t){"use strict";var a=t(52322),l=t(5632),s=t(2784),i=t(18338),r=t(51963);let o=e=>{let{examples:n,slotCode:t}=e;return(0,a.jsx)(r.wq,{className:"variants-card",slotCode:t,children:(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:t}=e,[c,d]=(0,s.useState)(),u=(0,l.useRouter)();(0,s.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(n){let e=t.find(e=>e.name.toLowerCase()===n);d(e)}}},[u]);let p=e=>{var n,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(n=t.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...c})}),!c&&(0,a.jsx)(i.Z,{children:(0,a.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,a.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(r.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},2877:function(e,n,t){"use strict";t.r(n);var a=t(52322),l=t(58855),s=t(68965),i=t(2784),r=t(51963),o=t(68623),c=t(19371),d=t(75549);let u=e=>{let{children:n,disabled:t,open:l,title:s}=e,[o,c]=(0,i.useState)(null!=l&&l);return(0,a.jsx)(r.kC,{title:s,disabled:t,open:o,onToggle:c,children:n})};n.default=()=>(0,a.jsx)(o.Z,{title:"DBAccordionItem",variants:(0,d.P)(c,u,[(0,a.jsx)(l.default,{}),(0,a.jsx)(s.default,{})])})},19371:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"title":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"title":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"title":"expressive"}}]},{"name":"States","examples":[{"name":"Enabled (Default)","props":{"title":"Enabled (Default)"}},{"name":"Disabled","props":{"title":"Disabled","disabled":true}},{"name":"Open","props":{"title":"Open","open":true}},{"name":"Open Disabled","props":{"title":"Open Disabled","open":true,"disabled":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8965,8855,9774,2888,179],function(){return e(e.s=74497)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/States-ff2ce09c661b7778.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/States-ff2ce09c661b7778.js
deleted file mode 100644
index 191b4f21101..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/States-ff2ce09c661b7778.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7756],{56519:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/code/States",function(){return o(68965)}])}},function(n){n.O(0,[4996,8965,9774,2888,179],function(){return n(n.s=56519)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/Tonality-5b4b2d6c0bc8c493.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/Tonality-5b4b2d6c0bc8c493.js
deleted file mode 100644
index ded03c3e4f1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/code/Tonality-5b4b2d6c0bc8c493.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9608],{30853:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/code/Tonality",function(){return _(58855)}])}},function(n){n.O(0,[4996,8855,9774,2888,179],function(){return n(n.s=30853)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Angular-2e95f906c5967641.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Angular-2e95f906c5967641.js
deleted file mode 100644
index 226ac373715..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Angular-2e95f906c5967641.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5981],{28233:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Angular",function(){return o(63862)}])}},function(n){n.O(0,[4996,3862,9774,2888,179],function(){return n(n.s=28233)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/HTML-7e33b90840fb6e00.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/HTML-7e33b90840fb6e00.js
deleted file mode 100644
index 04107462da4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/HTML-7e33b90840fb6e00.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5533],{27457:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/HTML",function(){return e(36e3)}])},36e3:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Content",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=27457)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Migration-b30adc8a831d0073.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Migration-b30adc8a831d0073.js
deleted file mode 100644
index 5dd068352a1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Migration-b30adc8a831d0073.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1927],{97655:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Migration",function(){return t(64998)}])},64998:function(e,n,t){"use strict";t.r(n);var s=t(52322),c=t(45392);function i(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,c.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"cmp-accordion"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-accordion-item"})}),(0,s.jsx)(n.td,{children:"The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)"})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"props"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"summary"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"title"})}),(0,s.jsx)(n.td,{children:"The title/summary of the details element."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"emphasis"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{children:"❌"}),(0,s.jsx)(n.td,{children:"There is no emphasis anymore."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"size"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{children:"❌"}),(0,s.jsx)(n.td,{children:"Controlled by the tonality."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"disabled"})}),(0,s.jsx)(n.td,{children:"Disable the component."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"content"})}),(0,s.jsx)(n.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"slotTitle"})}),(0,s.jsx)(n.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,c.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(i,e)})):i(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=97655)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/React-b986910c9bb882c9.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/React-b986910c9bb882c9.js
deleted file mode 100644
index b450634bcff..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/React-b986910c9bb882c9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7286],{91473:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/React",function(){return c(6299)}])}},function(n){n.O(0,[4996,6299,9774,2888,179],function(){return n(n.s=91473)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Vue-796173a8706761bf.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Vue-796173a8706761bf.js
deleted file mode 100644
index ee815b52039..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/docs/Vue-796173a8706761bf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3261],{33221:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/docs/Vue",function(){return o(12987)}])}},function(n){n.O(0,[4996,8841,9774,2888,179],function(){return n(n.s=33221)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/examples-ef8dc77e80946a21.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/examples-ef8dc77e80946a21.js
deleted file mode 100644
index 2cf418bd05a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/examples-ef8dc77e80946a21.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1432],{10463:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/examples",function(){return t(10910)}])},13524:function(e,n,t){"use strict";var r=t(52322),i=t(2784),l=t(7070),s=t(8490);let c=(0,i.forwardRef)(function(e,n){let[t,c]=(0,i.useState)(()=>s.IY),[d,o]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{c(e.id||"accordion-item-"+(0,l.Vj)()),e.stylePath&&o(e.stylePath)},[]),(0,r.jsxs)("details",{ref:n,id:t,className:(0,l.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:e.open,children:[d?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:d})}):null,(0,r.jsxs)("summary",{onClick:n=>{null==n||n.preventDefault(),e.onToggle&&e.onToggle(!e.open)},children:[e.title?(0,r.jsx)(r.Fragment,{children:e.title}):null,e.title?null:(0,r.jsx)(r.Fragment,{children:e.slotTitle})]}),(0,r.jsxs)("div",{children:[e.content?(0,r.jsx)(r.Fragment,{children:e.content}):null,e.content?null:(0,r.jsx)(r.Fragment,{children:e.children})]})]})});n.Z=c},8490:function(e,n,t){"use strict";var r,i,l,s,c,d,o;t.d(n,{$f:function(){return j},DM:function(){return g},IY:function(){return a},Kn:function(){return T},SU:function(){return u},YP:function(){return x},ce:function(){return h},iw:function(){return r},r$:function(){return l}});let a="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",T="-message",x="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive";let j=Object.entries(r).map(e=>{let[,n]=e;return n});(i||(i={})).PRIMARY="primary",(d=l||(l={})).NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.PRIMARY="primary",d.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",d.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.WARNING="warning",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let g=Object.entries(l).map(e=>{let[,n]=e;return n});Object.entries(i).map(e=>{let[,n]=e;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return r},mT:function(){return s},yI:function(){return l},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},l=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},10910:function(e,n,t){"use strict";t.r(n);var r=t(52322),i=t(18338),l=t(13524);n.default=()=>(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:" DBAccordionItem Examples "}),(0,r.jsxs)("dl",{className:"example-list",children:[(0,r.jsx)("dt",{children:"content:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{content:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, onToggle, slotTitle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),slotTitle:(0,r.jsx)("div",{children:"slotTitle"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, onToggle, tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"id, key, onToggle, tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{id:"account",onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"key, onToggle, tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{onToggle:e=>console.log(e),tabIndex:100,children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"onToggle, tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{onToggle:e=>console.log(e),tabIndex:100,children:"Test"})]}),(0,r.jsx)("dt",{children:"onToggle:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{onToggle:e=>console.log(e),children:"Test"})]}),(0,r.jsx)("dt",{children:"disabled:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{disabled:!0,children:"Test"})]}),(0,r.jsx)("dt",{children:"slotTitle:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{slotTitle:(0,r.jsx)("div",{children:"slotTitle"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{describedbyid:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"id:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{id:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"key:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(l.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=10463)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/how-to-use-df9272296f7ebcd9.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/how-to-use-df9272296f7ebcd9.js
deleted file mode 100644
index 6f1d1d125a2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/how-to-use-df9272296f7ebcd9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7377],{74557:function(t,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/how-to-use",function(){return o(19701)}])},36e3:function(t,e,o){"use strict";o.r(e),o.d(e,{CH:function(){return s},chCodeConfig:function(){return d}});var n=o(52322),r=o(45392),c=o(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(t){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),t.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"HTML"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Content",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(t,e){throw Error("Expected "+(e?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),t.components);return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(i,t)})):i(t)}},19701:function(t,e,o){"use strict";o.r(e);var n=o(52322),r=o(45392),c=o(18338),s=o(36e3),d=o(63862),i=o(6299),l=o(12987);let a=t=>{let{children:e}=t;return(0,n.jsx)(c.Z,{children:e})};function h(t){let e=Object.assign({h1:"h1"},(0,r.ah)(),t.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:"How to use DBAccordionItem"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}e.default=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},t,{children:(0,n.jsx)(h,t)}))}}},function(t){t.O(0,[4996,4375,8338,8841,6299,3862,9774,2888,179],function(){return t(t.s=74557)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/migration-34aa524f88044bd2.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/migration-34aa524f88044bd2.js
deleted file mode 100644
index 22445434377..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/migration-34aa524f88044bd2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7378],{56626:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/migration",function(){return t(7012)}])},64998:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392);function i(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"cmp-accordion"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-accordion-item"})}),(0,s.jsx)(n.td,{children:"The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)"})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"props"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"summary"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"title"})}),(0,s.jsx)(n.td,{children:"The title/summary of the details element."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"emphasis"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{children:"❌"}),(0,s.jsx)(n.td,{children:"There is no emphasis anymore."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"size"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{children:"❌"}),(0,s.jsx)(n.td,{children:"Controlled by the tonality."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"disabled"})}),(0,s.jsx)(n.td,{children:"Disable the component."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"content"})}),(0,s.jsx)(n.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"slotTitle"})}),(0,s.jsx)(n.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,r.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(i,e)})):i(e)}},7012:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392),i=t(18338),c=t(64998);let d=e=>{let{children:n}=e;return(0,s.jsx)(i.Z,{children:n})};function l(e){let n=Object.assign({h1:"h1"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h1,{children:"DBAccordionItem Migration"}),"\n",(0,s.jsx)(c.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(d,Object.assign({},e,{children:(0,s.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=56626)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/overview-03ae6b9de201279f.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/overview-03ae6b9de201279f.js
deleted file mode 100644
index 0bffca864f8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/overview-03ae6b9de201279f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[484],{86740:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(70149)}])},75549:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>{var a,l,s;return e.map((e,i)=>({...e,slotCode:null!==(a=null==t?void 0:t.at(i))&&void 0!==a?a:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(l=e.props.id)&&void 0!==l?l:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,n,t){"use strict";var a=t(52322),l=t(5632),s=t(2784),i=t(18338),r=t(51963);let o=e=>{let{examples:n,slotCode:t}=e;return(0,a.jsx)(r.wq,{className:"variants-card",slotCode:t,children:(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:t}=e,[c,d]=(0,s.useState)(),u=(0,l.useRouter)();(0,s.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(n){let e=t.find(e=>e.name.toLowerCase()===n);d(e)}}},[u]);let p=e=>{var n,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(n=t.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...c})}),!c&&(0,a.jsx)(i.Z,{children:(0,a.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,a.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(r.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},70149:function(e,n,t){"use strict";t.r(n);var a=t(52322),l=t(58855),s=t(68965),i=t(2784),r=t(51963),o=t(68623),c=t(19371),d=t(75549);let u=e=>{let{children:n,disabled:t,open:l,title:s}=e,[o,c]=(0,i.useState)(null!=l&&l);return(0,a.jsx)(r.kC,{title:s,disabled:t,open:o,onToggle:c,children:n})};n.default=()=>(0,a.jsx)(o.Z,{title:"DBAccordionItem",variants:(0,d.P)(c,u,[(0,a.jsx)(l.default,{}),(0,a.jsx)(s.default,{})])})},19371:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"title":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"title":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"title":"expressive"}}]},{"name":"States","examples":[{"name":"Enabled (Default)","props":{"title":"Enabled (Default)"}},{"name":"Disabled","props":{"title":"Disabled","disabled":true}},{"name":"Open","props":{"title":"Open","open":true}},{"name":"Open Disabled","props":{"title":"Open Disabled","open":true,"disabled":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8965,8855,9774,2888,179],function(){return e(e.s=86740)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/properties-cf39e3ad579f5a7b.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/properties-cf39e3ad579f5a7b.js
deleted file mode 100644
index df8e08a3f22..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion-item/properties-cf39e3ad579f5a7b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3341],{73536:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return s(55694)}])},55694:function(e,t,s){"use strict";s.r(t);var d=s(52322),n=s(45392),i=s(18338);let r=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,n.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBAccordionItem"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"content"}),(0,d.jsx)(t.td,{children:"Alternative for passing only a string instead of children"}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"disabled"}),(0,d.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the element."}),(0,d.jsx)(t.td,{children:"boolean"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"open"}),(0,d.jsx)(t.td,{children:"Initial state for the accordion item"}),(0,d.jsx)(t.td,{children:"boolean"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"slotTitle"}),(0,d.jsx)(t.td,{children:"For react only to pass any title element to the specific slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsx)(t.td,{children:"Alternative for passing only a string instead of a slot"}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"onToggle"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"function"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(r,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=73536)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Behaviour-b3b4a00680c181ae.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Behaviour-b3b4a00680c181ae.js
deleted file mode 100644
index 91e91222e3e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Behaviour-b3b4a00680c181ae.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[793],{4817:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/code/Behaviour",function(){return _(8979)}])}},function(n){n.O(0,[4996,8979,9774,2888,179],function(){return n(n.s=4817)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Tonality-770fd1bae546c49e.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Tonality-770fd1bae546c49e.js
deleted file mode 100644
index e7060ff356f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/code/Tonality-770fd1bae546c49e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1413],{47967:function(n,o,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/code/Tonality",function(){return _(92136)}])}},function(n){n.O(0,[4996,2136,9774,2888,179],function(){return n(n.s=47967)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Angular-f7bc9330411f17fb.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Angular-f7bc9330411f17fb.js
deleted file mode 100644
index bf479a9f80b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Angular-f7bc9330411f17fb.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8394],{44129:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Angular",function(){return o(72236)}])}},function(n){n.O(0,[4996,2236,9774,2888,179],function(){return n(n.s=44129)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/HTML-33795fda06576885.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/HTML-33795fda06576885.js
deleted file mode 100644
index 8a6162bef99..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/HTML-33795fda06576885.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6382],{98988:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/HTML",function(){return o(73544)}])}},function(n){n.O(0,[4996,3544,9774,2888,179],function(){return n(n.s=98988)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Migration-6138f88f25961499.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Migration-6138f88f25961499.js
deleted file mode 100644
index 7c0d8a70b8d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Migration-6138f88f25961499.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69],{70633:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Migration",function(){return o(2645)}])},2645:function(n,e,o){"use strict";o.r(e);var t=o(52322),s=o(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"General"}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=70633)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/React-82d0ccbd821ff76c.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/React-82d0ccbd821ff76c.js
deleted file mode 100644
index 76e0ec5ebf4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/React-82d0ccbd821ff76c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1799],{26170:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/React",function(){return c(66717)}])}},function(n){n.O(0,[4996,6717,9774,2888,179],function(){return n(n.s=26170)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Vue-d32ff21bf5e033ef.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Vue-d32ff21bf5e033ef.js
deleted file mode 100644
index b767c541645..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/docs/Vue-d32ff21bf5e033ef.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4560],{24691:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/docs/Vue",function(){return o(37977)}])}},function(n){n.O(0,[4996,7977,9774,2888,179],function(){return n(n.s=24691)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/examples-479fd64e12a8c51e.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/examples-479fd64e12a8c51e.js
deleted file mode 100644
index 0a04f420443..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/examples-479fd64e12a8c51e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6530],{97886:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/examples",function(){return t(58527)}])},13524:function(e,n,t){"use strict";var i=t(52322),r=t(2784),c=t(7070),s=t(8490);let l=(0,r.forwardRef)(function(e,n){let[t,l]=(0,r.useState)(()=>s.IY),[d,a]=(0,r.useState)(()=>null);return(0,r.useEffect)(()=>{l(e.id||"accordion-item-"+(0,c.Vj)()),e.stylePath&&a(e.stylePath)},[]),(0,i.jsxs)("details",{ref:n,id:t,className:(0,c.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:e.open,children:[d?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("link",{rel:"stylesheet",href:d})}):null,(0,i.jsxs)("summary",{onClick:n=>{null==n||n.preventDefault(),e.onToggle&&e.onToggle(!e.open)},children:[e.title?(0,i.jsx)(i.Fragment,{children:e.title}):null,e.title?null:(0,i.jsx)(i.Fragment,{children:e.slotTitle})]}),(0,i.jsxs)("div",{children:[e.content?(0,i.jsx)(i.Fragment,{children:e.content}):null,e.content?null:(0,i.jsx)(i.Fragment,{children:e.children})]})]})});n.Z=l},578:function(e,n,t){"use strict";t.d(n,{k:function(){return i.Z}});var i=t(13524)},46938:function(e,n,t){"use strict";var i=t(52322),r=t(2784),c=t(7070),s=t(578);let l=(0,r.forwardRef)(function(e,n){var t;let l=(0,r.useRef)(n),[d,a]=(0,r.useState)(()=>[]),[o,u]=(0,r.useState)(()=>""),[h,f]=(0,r.useState)(()=>!1),[x,j]=(0,r.useState)(()=>null);return(0,r.useEffect)(()=>{e.stylePath&&j(e.stylePath),f(!0)},[]),(0,r.useEffect)(()=>{if(l.current&&h){let n=l.current.getElementsByTagName("details");if(n){let t=[];Array.from(n).forEach(e=>{let n=e.id;e.open&&t.push(n);let i=e.getElementsByTagName("summary");(null==i?void 0:i.length)>0&&i[0].addEventListener("click",()=>{u(n)})}),"single"===e.behaviour&&t.length>1&&(t=[t[0]]),a(t)}f(!1)}},[l.current,h]),(0,r.useEffect)(()=>{(null==o?void 0:o.length)>0&&(d.includes(o)?"single"===e.behaviour?a([]):a(d.filter(e=>e!==o)):"single"===e.behaviour?a([o]):a([...d,o]),e.onChange&&e.onChange(d),u(""))},[o]),(0,r.useEffect)(()=>{if(null==l?void 0:l.current){let e=l.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=d.includes(e.id)})}},[d]),(0,i.jsxs)("div",{ref:l,id:e.id,className:(0,c.yI)("db-accordion",e.className),children:[x?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("link",{rel:"stylesheet",href:x})}):null,e.items?null:(0,i.jsx)(i.Fragment,{children:e.children}),e.items?(0,i.jsx)(i.Fragment,{children:null===(t=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===t?void 0:t.map((e,n)=>(0,i.jsx)(s.k,{title:e.title,disabled:e.disabled,content:e.content},"accordion-item-".concat(e.title,"-").concat(n)))}):null]})});n.Z=l},8490:function(e,n,t){"use strict";var i,r,c,s,l,d,a;t.d(n,{$f:function(){return j},DM:function(){return m},IY:function(){return o},Kn:function(){return h},SU:function(){return u},YP:function(){return f},ce:function(){return x},iw:function(){return i},r$:function(){return c}});let o="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",f="Back",x="Close Button";(l=i||(i={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive";let j=Object.entries(i).map(e=>{let[,n]=e;return n});(r||(r={})).PRIMARY="primary",(d=c||(c={})).NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.PRIMARY="primary",d.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",d.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.WARNING="warning",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let m=Object.entries(c).map(e=>{let[,n]=e;return n});Object.entries(r).map(e=>{let[,n]=e;return n}),(a=s||(s={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return i},mT:function(){return s},yI:function(){return c},yn:function(){return r}});let i=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},c=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let n in e)e[n]&&(i+="".concat(n," "))}}),i.trim()},s=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},58527:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(18338),c=t(46938);n.default=()=>(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("h1",{children:" DBAccordion Examples "}),(0,i.jsxs)("dl",{className:"example-list",children:[(0,i.jsx)("dt",{children:"behaviour:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{behaviour:"single",children:"Test"})]}),(0,i.jsx)("dt",{children:"behaviour, describedbyid, id, items, key, onChange, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{behaviour:"single",describedbyid:"account",id:"account",items:"undefined",onChange:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, id, items, key, onChange, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{describedbyid:"account",id:"account",items:"undefined",onChange:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, id, key, onChange, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{describedbyid:"account",id:"account",onChange:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex, title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"items:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{items:"undefined",children:"Test"})]}),(0,i.jsx)("dt",{children:"onChange:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"id:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"key:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(c.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=97886)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/how-to-use-731b0bf80be9aa84.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/how-to-use-731b0bf80be9aa84.js
deleted file mode 100644
index 03ebdbe30a0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/how-to-use-731b0bf80be9aa84.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6719],{1701:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return t(8721)}])},8721:function(n,e,t){"use strict";t.r(e);var s=t(52322),u=t(45392),c=t(18338),o=t(73544),r=t(72236),i=t(66717),l=t(37977);let d=n=>{let{children:e}=n;return(0,s.jsx)(c.Z,{children:e})};function f(n){let e=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBAccordion"}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(r.default,{}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(l.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(d,Object.assign({},n,{children:(0,s.jsx)(f,n)}))}}},function(n){n.O(0,[4996,4375,8338,3544,6717,2236,7977,9774,2888,179],function(){return n(n.s=1701)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/migration-f1b1fc9f85fc7762.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/migration-f1b1fc9f85fc7762.js
deleted file mode 100644
index 98e820c7b11..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/migration-f1b1fc9f85fc7762.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1783],{3408:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/migration",function(){return t(16247)}])},2645:function(n,e,t){"use strict";t.r(e);var o=t(52322),s=t(45392);function r(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{children:"General"}),"\n",(0,o.jsxs)(e.blockquote,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(r,n)})):r(n)}},16247:function(n,e,t){"use strict";t.r(e);var o=t(52322),s=t(45392),r=t(18338),c=t(2645);let i=n=>{let{children:e}=n;return(0,o.jsx)(r.Z,{children:e})};function u(n){let e=Object.assign({h1:"h1"},(0,s.ah)(),n.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h1,{children:"DBAccordion Migration"}),"\n",(0,o.jsx)(c.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(i,Object.assign({},n,{children:(0,o.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=3408)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/overview-8db8ad9b39c64b5c.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/overview-8db8ad9b39c64b5c.js
deleted file mode 100644
index c571c430313..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/overview-8db8ad9b39c64b5c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8164],{61523:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return e(54528)}])},75549:function(t,n,e){"use strict";e.d(n,{P:function(){return o}});let o=(t,n,e)=>{var o,c,i;return t.map((t,r)=>({...t,slotCode:null!==(o=null==e?void 0:e.at(r))&&void 0!==o?o:"No code available",examples:t.examples.map(t=>({...t,example:n({...t.props,id:null!==(c=t.props.id)&&void 0!==c?c:t.name,children:null!==(i=t.props.children)&&void 0!==i?i:t.name})}))}))}},68623:function(t,n,e){"use strict";var o=e(52322),c=e(5632),i=e(2784),r=e(18338),d=e(51963);let a=t=>{let{examples:n,slotCode:e}=t;return(0,o.jsx)(d.wq,{className:"variants-card",slotCode:e,children:(0,o.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))})})};n.Z=t=>{let{title:n,variants:e}=t,[m,l]=(0,i.useState)(),s=(0,c.useRouter)();(0,i.useEffect)(()=>{if(s.query){var t;let n=null===(t=s.query.page)||void 0===t?void 0:t.toString();if(n){let t=e.find(t=>t.name.toLowerCase()===n);l(t)}}},[s]);let I=t=>{var n,e;return window.location.origin?"".concat(null===(e=window)||void 0===e?void 0:null===(n=e.location)||void 0===n?void 0:n.href,"?page=").concat(t.name.toLowerCase()):""};return(0,o.jsxs)(o.Fragment,{children:[m&&(0,o.jsx)("div",{children:(0,o.jsx)(a,{...m})}),!m&&(0,o.jsx)(r.Z,{children:(0,o.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,o.jsx)("h1",{children:n}),null==e?void 0:e.map((t,n)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(d.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(d.vB,{content:"external",target:"_blank",href:I(t),children:t.name})}),(0,o.jsx)(a,{...t})]},"".concat(t.name,"-").concat(n)))]})})]})}},54528:function(t,n,e){"use strict";e.r(n);var o=e(52322),c=e(92136),i=e(8979),r=e(51963),d=e(68623),a=e(7716),m=e(75549);let l=t=>{let{behaviour:n,children:e}=t;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.EZ,{size:"small",variant:"informational",icon:"none",children:e}),(0,o.jsxs)(r.aw,{behaviour:n,children:[(0,o.jsx)(r.kC,{title:"Item 1",content:"Content 1"}),(0,o.jsx)(r.kC,{title:"Item 2",content:"Content 2"}),(0,o.jsx)(r.kC,{title:"Item 3",content:"Content 3"})]})]})};n.default=()=>(0,o.jsx)(d.Z,{title:"DBAccordion",variants:(0,m.P)(a,l,[(0,o.jsx)(c.default,{}),(0,o.jsx)(i.default,{})])})},7716:function(t){"use strict";t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"regular (Default)","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}}]},{"name":"Behaviour","examples":[{"name":"Multiple (Default)","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t ","react":"\\n\\t\\t\\t ","vue":"\\n\\t\\t\\t\\t "}}]}]')}},function(t){t.O(0,[4996,4375,8338,1963,2136,8979,9774,2888,179],function(){return t(t.s=61523)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/accordion/properties-adf866048abd25ab.js b/version/v0.0.54/_next/static/chunks/pages/components/accordion/properties-adf866048abd25ab.js
deleted file mode 100644
index 64a9385864e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/accordion/properties-adf866048abd25ab.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3664],{90444:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return s(87093)}])},87093:function(e,t,s){"use strict";s.r(t);var d=s(52322),i=s(45392),r=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(r.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,i.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBAccordion"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"behaviour"}),(0,d.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"'multiple' | 'single'"})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"items"}),(0,d.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:" | | "})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"onChange"}),(0,d.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(0,d.jsx)(t.td,{children:"function"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"(openAccordionItemIds: string[]) => void"})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=90444)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert-0e834a4f0b12fcb8.js b/version/v0.0.54/_next/static/chunks/pages/components/alert-0e834a4f0b12fcb8.js
deleted file mode 100644
index 2817f988d79..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert-0e834a4f0b12fcb8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9688],{44365:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert",function(){return t(82163)}])},75549:function(e,n,t){"use strict";t.d(n,{P:function(){return a}});let a=(e,n,t)=>{var a,i,l;return e.map((e,r)=>({...e,slotCode:null!==(a=null==t?void 0:t.at(r))&&void 0!==a?a:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(i=e.props.id)&&void 0!==i?i:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,n,t){"use strict";var a=t(52322),i=t(5632),l=t(2784),r=t(18338),s=t(51963);let d=e=>{let{examples:n,slotCode:t}=e;return(0,a.jsx)(s.wq,{className:"variants-card",slotCode:t,children:(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:t}=e,[o,p]=(0,l.useState)(),c=(0,i.useRouter)();(0,l.useEffect)(()=>{if(c.query){var e;let n=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(n){let e=t.find(e=>e.name.toLowerCase()===n);p(e)}}},[c]);let h=e=>{var n,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(n=t.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,a.jsxs)(a.Fragment,{children:[o&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...o})}),!o&&(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,a.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(s.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(s.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,a.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},82163:function(e,n,t){"use strict";t.r(n);var a=t(52322),i=t(92511),l=t(14653),r=t(3144),s=t(58937),d=t(7990),o=t(51963),p=t(68623),c=t(86600),h=t(75549);let x=e=>{let{variant:n,icon:t,headline:i,link:l,type:r,children:s,behaviour:d}=e;return(0,a.jsx)(o.H3,{variant:n,icon:t,headline:i,link:l,type:r,behaviour:d,onClick:()=>{alert(s.toString())},children:s})};n.default=()=>(0,a.jsx)(p.Z,{title:"DBAlert",variants:(0,h.P)(c,x,[(0,a.jsx)(i.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(r.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(d.default,{})])})},86600:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3144,8937,2511,7990,4653,9774,2888,179],function(){return e(e.s=44365)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Behaviour-e4136b61f944920a.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Behaviour-e4136b61f944920a.js
deleted file mode 100644
index 51d3a58e1be..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Behaviour-e4136b61f944920a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9373],{98841:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Behaviour",function(){return u(7990)}])}},function(n){n.O(0,[4996,7990,9774,2888,179],function(){return n(n.s=98841)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Content-8b6334360c1d16e1.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Content-8b6334360c1d16e1.js
deleted file mode 100644
index 25c2522967e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Content-8b6334360c1d16e1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7744],{62489:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Content",function(){return e(58937)}])}},function(n){n.O(0,[4996,8937,9774,2888,179],function(){return n(n.s=62489)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Tonality-46b8b0fe7935c934.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Tonality-46b8b0fe7935c934.js
deleted file mode 100644
index 78106c2dfcd..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Tonality-46b8b0fe7935c934.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3053],{21383:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Tonality",function(){return o(92511)}])}},function(n){n.O(0,[4996,2511,9774,2888,179],function(){return n(n.s=21383)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Type-c27492c945135a2a.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Type-c27492c945135a2a.js
deleted file mode 100644
index b6efe968d0c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Type-c27492c945135a2a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8753],{55719:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Type",function(){return e(14653)}])}},function(n){n.O(0,[4996,4653,9774,2888,179],function(){return n(n.s=55719)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Variant-0ef65e28c8eda096.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Variant-0ef65e28c8eda096.js
deleted file mode 100644
index 0742bb49f89..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/code/Variant-0ef65e28c8eda096.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[139],{90279:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/code/Variant",function(){return u(3144)}])}},function(n){n.O(0,[4996,3144,9774,2888,179],function(){return n(n.s=90279)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Angular-943d1e7fc3fba1d9.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Angular-943d1e7fc3fba1d9.js
deleted file mode 100644
index a7fced60618..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Angular-943d1e7fc3fba1d9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6744],{26313:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Angular",function(){return u(77047)}])}},function(n){n.O(0,[4996,7047,9774,2888,179],function(){return n(n.s=26313)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/HTML-3b40423da8ea662c.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/HTML-3b40423da8ea662c.js
deleted file mode 100644
index 9067b260ece..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/HTML-3b40423da8ea662c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4280],{53445:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/HTML",function(){return u(10203)}])}},function(n){n.O(0,[4996,203,9774,2888,179],function(){return n(n.s=53445)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Migration-3a8c8252d3595f0b.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Migration-3a8c8252d3595f0b.js
deleted file mode 100644
index 4305ac674e0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Migration-3a8c8252d3595f0b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9001],{73302:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Migration",function(){return t(78221)}])},78221:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392);function d(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"elm-notification"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-alert"})}),(0,r.jsxs)(n.td,{children:["The old notification component has been split into 2 different components ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/alert",children:"Alert"})," for more information (when and how to use it)."]})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"variant ➡ type"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"alert"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"alert"})}),(0,r.jsx)(n.td,{children:"Default alert with different look"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"status"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["Status can be changed by ",(0,r.jsx)(n.code,{children:"variants"})]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"inline"})}),(0,r.jsx)(n.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"type ➡ variants"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"adaptive"})}),(0,r.jsx)(n.td,{children:"Default: change colors based on background"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"error"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"critical"})}),(0,r.jsx)(n.td,{children:"'Red' colored alert to show error messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informative"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informational"})}),(0,r.jsx)(n.td,{children:"'Blue' colored alert to show information messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"warning"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"warning"})}),(0,r.jsx)(n.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"success"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"successful"})}),(0,r.jsx)(n.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,s.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(d,e)})):d(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=73302)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/React-92f324b72773f630.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/React-92f324b72773f630.js
deleted file mode 100644
index 5b76e156ddb..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/React-92f324b72773f630.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5768],{85027:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/React",function(){return e(72063)}])},72063:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlert ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=85027)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Vue-7db775bc36c990d3.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Vue-7db775bc36c990d3.js
deleted file mode 100644
index bfb58cde957..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/docs/Vue-7db775bc36c990d3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8636],{20806:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/docs/Vue",function(){return t(33741)}])},33741:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return l}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"Vue"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#D8DEE9"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=20806)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/examples-7bbc0d7d81934fe8.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/examples-7bbc0d7d81934fe8.js
deleted file mode 100644
index ec2a8643ccd..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/examples-7bbc0d7d81934fe8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5454],{68346:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/examples",function(){return t(21786)}])},4312:function(e,n,t){"use strict";var c=t(52322),i=t(2784),l=t(94938),a=t(9076),r=t(8490),o=t(7070);let d=(0,i.forwardRef)(function(e,n){var t;let[d,s]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,c.jsxs)("div",{ref:n,id:e.id,className:(0,o.yI)("db-alert",e.className),"aria-live":e.ariaLive,"data-variant":e.variant,"data-type":e.type,"data-icon":e.icon,"data-elevation":e.elevation,children:[d?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:d})}):null,e.headline?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("strong",{className:"db-alert-headline",children:e.headline})}):null,(0,c.jsx)("p",{className:"db-alert-content",children:e.children}),e.link?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(a.v,{variant:"inline",className:"db-alert-link",href:e.link.href,target:e.link.target,rel:e.link.rel,role:e.link.role,disabled:e.link.disabled,selected:e.link.selected,label:e.link.label,hreflang:e.link.hreflang,current:e.link.current,text:e.link.text})}):null,"permanent"!==e.behaviour?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(l.Y,{icon:"close",variant:"text",size:"small",className:"db-alert-close",id:e.closeButtonId,noText:!0,onClick:n=>{e.onClick&&e.onClick(n)},children:null!==(t=e.closeButtonText)&&void 0!==t?t:r.ce})}):null]})});n.Z=d},96889:function(e,n,t){"use strict";var c=t(52322),i=t(2784),l=t(7070);let a=(0,i.forwardRef)(function(e,n){let[t,a]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&a(e.stylePath)},[]),(0,c.jsxs)("button",{id:e.id,ref:n,className:(0,l.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[t?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:t})}):null,e.children]})});n.Z=a},94938:function(e,n,t){"use strict";t.d(n,{Y:function(){return c.Z}});var c=t(96889)},9076:function(e,n,t){"use strict";t.d(n,{v:function(){return c.Z}});var c=t(87224)},87224:function(e,n,t){"use strict";var c=t(52322),i=t(2784),l=t(7070);let a=(0,i.forwardRef)(function(e,n){let[t,a]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&a(e.stylePath)},[]),(0,c.jsxs)("a",{ref:n,id:e.id,className:(0,l.yI)("db-link",e.className),href:e.href,title:e.title,target:e.target,rel:e.rel,role:e.role,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,hrefLang:e.hreflang,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:n=>{e.onClick&&e.onClick(n)},children:[t?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:t})}):null,e.text?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{children:e.text})}):null,e.children]})});n.Z=a},8490:function(e,n,t){"use strict";var c,i,l,a,r,o,d;t.d(n,{$f:function(){return b},DM:function(){return v},IY:function(){return s},Kn:function(){return h},SU:function(){return u},YP:function(){return x},ce:function(){return j},iw:function(){return c},r$:function(){return l}});let s="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",x="Back",j="Close Button";(r=c||(c={})).FUNCTIONAL="functional",r.REGULAR="regular",r.EXPRESSIVE="expressive";let b=Object.entries(c).map(e=>{let[,n]=e;return n});(i||(i={})).PRIMARY="primary",(o=l||(l={})).NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.PRIMARY="primary",o.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",o.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.WARNING="warning",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let v=Object.entries(l).map(e=>{let[,n]=e;return n});Object.entries(i).map(e=>{let[,n]=e;return n}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return c},mT:function(){return a},yI:function(){return l},yn:function(){return i}});let c=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},l=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)c+="".concat(e," ");else for(let n in e)e[n]&&(c+="".concat(n," "))}}),c.trim()},a=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},21786:function(e,n,t){"use strict";t.r(n);var c=t(52322),i=t(18338),l=t(4312);n.default=()=>(0,c.jsxs)(i.Z,{children:[(0,c.jsx)("h1",{children:" DBAlert Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"ariaLive:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{ariaLive:"polite",children:"Test"})]}),(0,c.jsx)("dt",{children:"ariaLive, behaviour, closeButtonId, closeButtonText, describedbyid, elevation, headline, icon, id, key, link, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{ariaLive:"polite",behaviour:"permanent",closeButtonId:"account",closeButtonText:"account",describedbyid:"account",elevation:"none",headline:"account",icon:"account",id:"account",link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"behaviour, closeButtonId, closeButtonText, describedbyid, elevation, headline, icon, id, key, link, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{behaviour:"permanent",closeButtonId:"account",closeButtonText:"account",describedbyid:"account",elevation:"none",headline:"account",icon:"account",id:"account",link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, closeButtonText, describedbyid, elevation, headline, icon, id, key, link, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",closeButtonText:"account",describedbyid:"account",elevation:"none",headline:"account",icon:"account",id:"account",link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, describedbyid, elevation, headline, icon, id, key, link, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",describedbyid:"account",elevation:"none",headline:"account",icon:"account",id:"account",link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, describedbyid, elevation, icon, id, key, link, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",describedbyid:"account",elevation:"none",icon:"account",id:"account",link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, describedbyid, elevation, icon, id, key, onClick, tabIndex, title, type, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",describedbyid:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",type:"inline",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, describedbyid, elevation, icon, id, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",describedbyid:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, id, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, key, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, onClick, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, onClick, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),title:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, onClick, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",onClick:e=>console.log(e),variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, icon, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",icon:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, elevation, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",elevation:"none",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonId:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonId:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"behaviour:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{behaviour:"permanent",children:"Test"})]}),(0,c.jsx)("dt",{children:"closeButtonText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{closeButtonText:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"headline:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{headline:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"link:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{link:{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",target:"_blank",rel:"account",role:"account",referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account"},children:"Test"})]}),(0,c.jsx)("dt",{children:"type:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{type:"inline",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"onClick:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onClick:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"elevation:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{elevation:"none",children:"Test"})]}),(0,c.jsx)("dt",{children:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{variant:"critical",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=68346)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/how-to-use-fd8b448a2bc9f8df.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/how-to-use-fd8b448a2bc9f8df.js
deleted file mode 100644
index 2c91cb63565..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/how-to-use-fd8b448a2bc9f8df.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5895],{7083:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/how-to-use",function(){return e(98318)}])},72063:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlert ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}},33741:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#D8DEE9"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}},98318:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(10203),l=e(77047),p=e(72063),d=e(33741);let i=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBAlert"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(p.default,{}),"\n",(0,n.jsx)(d.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(i,Object.assign({},o,{children:(0,n.jsx)(a,o)}))}}},function(o){o.O(0,[4996,4375,8338,203,7047,9774,2888,179],function(){return o(o.s=7083)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/migration-fb9d99fb762f9ca2.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/migration-fb9d99fb762f9ca2.js
deleted file mode 100644
index 91836127c95..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/migration-fb9d99fb762f9ca2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3301],{28054:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/migration",function(){return t(70541)}])},78221:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392);function d(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"elm-notification"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-alert"})}),(0,r.jsxs)(n.td,{children:["The old notification component has been split into 2 different components ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/alert",children:"Alert"})," for more information (when and how to use it)."]})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"variant ➡ type"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"alert"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"alert"})}),(0,r.jsx)(n.td,{children:"Default alert with different look"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"status"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["Status can be changed by ",(0,r.jsx)(n.code,{children:"variants"})]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"inline"})}),(0,r.jsx)(n.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"type ➡ variants"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"adaptive"})}),(0,r.jsx)(n.td,{children:"Default: change colors based on background"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"error"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"critical"})}),(0,r.jsx)(n.td,{children:"'Red' colored alert to show error messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informative"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informational"})}),(0,r.jsx)(n.td,{children:"'Blue' colored alert to show information messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"warning"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"warning"})}),(0,r.jsx)(n.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"success"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"successful"})}),(0,r.jsx)(n.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,s.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(d,e)})):d(e)}},70541:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392),d=t(18338),c=t(78221);let i=e=>{let{children:n}=e;return(0,r.jsx)(d.Z,{children:n})};function l(e){let n=Object.assign({h1:"h1"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{children:"DBAlert Migration"}),"\n",(0,r.jsx)(c.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,Object.assign({},e,{children:(0,r.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=28054)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/overview-87f9f82d7d547022.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/overview-87f9f82d7d547022.js
deleted file mode 100644
index 5db7c4bfa7b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/overview-87f9f82d7d547022.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9251],{4111:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/overview",function(){return t(78065)}])},75549:function(e,n,t){"use strict";t.d(n,{P:function(){return i}});let i=(e,n,t)=>{var i,a,l;return e.map((e,r)=>({...e,slotCode:null!==(i=null==t?void 0:t.at(r))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(a=e.props.id)&&void 0!==a?a:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,n,t){"use strict";var i=t(52322),a=t(5632),l=t(2784),r=t(18338),s=t(51963);let d=e=>{let{examples:n,slotCode:t}=e;return(0,i.jsx)(s.wq,{className:"variants-card",slotCode:t,children:(0,i.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:t}=e,[o,p]=(0,l.useState)(),c=(0,a.useRouter)();(0,l.useEffect)(()=>{if(c.query){var e;let n=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(n){let e=t.find(e=>e.name.toLowerCase()===n);p(e)}}},[c]);let h=e=>{var n,t;return window.location.origin?"".concat(null===(t=window)||void 0===t?void 0:null===(n=t.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)("div",{children:(0,i.jsx)(d,{...o})}),!o&&(0,i.jsx)(r.Z,{children:(0,i.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,i.jsx)("h1",{children:n}),null==t?void 0:t.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,i.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},78065:function(e,n,t){"use strict";t.r(n);var i=t(52322),a=t(92511),l=t(14653),r=t(3144),s=t(58937),d=t(7990),o=t(51963),p=t(68623),c=t(86600),h=t(75549);let x=e=>{let{variant:n,icon:t,headline:a,link:l,type:r,children:s,behaviour:d}=e;return(0,i.jsx)(o.H3,{variant:n,icon:t,headline:a,link:l,type:r,behaviour:d,onClick:()=>{alert(s.toString())},children:s})};n.default=()=>(0,i.jsx)(p.Z,{title:"DBAlert",variants:(0,h.P)(c,x,[(0,i.jsx)(a.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(d.default,{})])})},86600:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"regular (Default)","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3144,8937,2511,7990,4653,9774,2888,179],function(){return e(e.s=4111)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/alert/properties-3cf9d7310ce1490b.js b/version/v0.0.54/_next/static/chunks/pages/components/alert/properties-3cf9d7310ce1490b.js
deleted file mode 100644
index 02c3de3c7ca..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/alert/properties-3cf9d7310ce1490b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(54911)}])},54911:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),s=r(18338);let d=e=>{let{children:t}=e;return(0,i.jsx)(s.Z,{children:t})};function a(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBAlert"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"ariaLive"}),(0,i.jsxs)(t.td,{children:["The arialive attribute will lead to that the screenreader interrupts immediately",(0,i.jsx)("br",{}),'and reads out the notification if set to "assertive", while it will wait for the',(0,i.jsx)("br",{}),'user\'s idleness when set to "polite", compare to ',(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live",children:"aria-live"})]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'assertive' | 'polite' | 'off' | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"behaviour"}),(0,i.jsx)(t.td,{children:"The behaviour attribute shows/hides the close button on the top right."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'closable' | 'permanent'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"closeButtonText"}),(0,i.jsx)(t.td,{children:'The closeButtonText attribute changes the text inside the close button (only visible with behaviour="closeable").'}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"headline"}),(0,i.jsx)(t.td,{children:"The headline attribute changes the text of the bold headline."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"link"}),(0,i.jsx)(t.td,{children:"The link attribute changes the props of the link (only available when using slotLink)."}),(0,i.jsx)(t.td,{children:"object"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{className:"code-pre-wrap",children:["{",(0,i.jsx)("br",{})," current?: boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined;",(0,i.jsx)("br",{})," disabled?: boolean;",(0,i.jsx)("br",{})," href?: string;",(0,i.jsx)("br",{})," hreflang?: string;",(0,i.jsx)("br",{})," label?: string;",(0,i.jsx)("br",{})," target?: '_self' | '_blank' | '_parent' | '_top';",(0,i.jsx)("br",{})," rel?: string;",(0,i.jsx)("br",{})," role?: string;",(0,i.jsx)("br",{})," referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';",(0,i.jsx)("br",{})," selected?: boolean;",(0,i.jsx)("br",{})," text?: string;",(0,i.jsx)("br",{}),"}"]})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"type"}),(0,i.jsxs)(t.td,{children:["The type attribute changes the styling of the alert.",(0,i.jsx)("br",{}),"The inline alert has a box-shadow and rounded corners (similar to card)."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'alert' | 'inline'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onClick"}),(0,i.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"elevation"}),(0,i.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"closeButtonId"}),(0,i.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,Object.assign({},e,{children:(0,i.jsx)(a,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=99644)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge-afc553afb329d863.js b/version/v0.0.54/_next/static/chunks/pages/components/badge-afc553afb329d863.js
deleted file mode 100644
index 7c563fb43bd..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge-afc553afb329d863.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3899],{9653:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge",function(){return a(14765)}])},75549:function(e,n,a){"use strict";a.d(n,{P:function(){return s}});let s=(e,n,a)=>{var s,r,i;return e.map((e,t)=>({...e,slotCode:null!==(s=null==a?void 0:a.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,n,a){"use strict";var s=a(52322),r=a(5632),i=a(2784),t=a(18338),l=a(51963);let o=e=>{let{examples:n,slotCode:a}=e;return(0,s.jsx)(l.wq,{className:"variants-card",slotCode:a,children:(0,s.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:a}=e,[c,m]=(0,i.useState)(),p=(0,r.useRouter)();(0,i.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(n){let e=a.find(e=>e.name.toLowerCase()===n);m(e)}}},[p]);let u=e=>{var n,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(n=a.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...c})}),!c&&(0,s.jsx)(t.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(l.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(l.vB,{content:"external",target:"_blank",href:u(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},14765:function(e,n,a){"use strict";a.r(n);var s=a(52322),r=a(97159),i=a(71075),t=a(20228),l=a(70211),o=a(91542),c=a(43516),m=a(71342),p=a(51963),u=a(68623),d=a(9394),x=a(75549);let h=e=>{let{children:n,variant:a,emphasis:r,noContent:i,size:t,placement:l,example:o}=e;return(0,s.jsxs)(s.Fragment,{children:[!l&&!o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:a,emphasis:r,size:t,children:i?"":n}),i&&(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(p.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",placement:l}),n]}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(p.Pg,{icon:"account"}),(0,s.jsx)("span",{children:n}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(p.Pg,{icon:"error"})]})}),"icon"===o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:"critical",emphasis:"strong",size:t,children:(0,s.jsx)(p.Pg,{icon:"account",children:n})}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"number"===o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:"successful",children:"9"}),(0,s.jsx)(p.aE,{variant:"informational",children:"12"}),(0,s.jsx)(p.aE,{variant:"warning",children:"123"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]})]})};n.default=()=>(0,s.jsx)(u.Z,{title:"DBBadge",variants:(0,x.P)(d,h,[(0,s.jsx)(r.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(m.default,{})])})},9394:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"Neutral (Default)","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Neutral Strong","props":{"emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"Medium (Default)","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"Dot (Default)","props":{"noContent":true}},{"name":"Dot - Small","props":{"noContent":true,"size":"small"}},{"name":"Text","props":{}},{"name":"Icon","props":{"example":"icon"}},{"name":"Icon - Small","props":{"example":"icon","size":"small"}}]},{"name":"Placement","examples":[{"name":"Inline (Default)","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,228,3516,7358,7159,1075,211,1342,9774,2888,179],function(){return e(e.s=9653)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Content-8f81998c343e9934.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Content-8f81998c343e9934.js
deleted file mode 100644
index 034c6cf57dd..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Content-8f81998c343e9934.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4900],{75625:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Content",function(){return e(91542)}])}},function(n){n.O(0,[4996,7358,9774,2888,179],function(){return n(n.s=75625)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Emphasis-fe113e1e6fdb8fec.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Emphasis-fe113e1e6fdb8fec.js
deleted file mode 100644
index 3092d5f2e04..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Emphasis-fe113e1e6fdb8fec.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6579],{74197:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Emphasis",function(){return u(71075)}])}},function(n){n.O(0,[4996,1075,9774,2888,179],function(){return n(n.s=74197)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Examples-af68bc80f8c36550.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Examples-af68bc80f8c36550.js
deleted file mode 100644
index 428df97dbc1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Examples-af68bc80f8c36550.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2548],{8767:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Examples",function(){return e(71342)}])}},function(n){n.O(0,[4996,1342,9774,2888,179],function(){return n(n.s=8767)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Placement-abf7642dc64d5220.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Placement-abf7642dc64d5220.js
deleted file mode 100644
index 24ed1120ad1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Placement-abf7642dc64d5220.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6490],{94005:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Placement",function(){return e(43516)}])}},function(n){n.O(0,[4996,3516,9774,2888,179],function(){return n(n.s=94005)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Size-c67aad2d3ee5a974.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Size-c67aad2d3ee5a974.js
deleted file mode 100644
index db2e3a8a25a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Size-c67aad2d3ee5a974.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6511],{40540:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Size",function(){return e(70211)}])}},function(n){n.O(0,[4996,211,9774,2888,179],function(){return n(n.s=40540)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Tonality-f26c730a2d0471d7.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Tonality-f26c730a2d0471d7.js
deleted file mode 100644
index 7c86fb620e8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Tonality-f26c730a2d0471d7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2908],{58151:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Tonality",function(){return o(97159)}])}},function(n){n.O(0,[4996,7159,9774,2888,179],function(){return n(n.s=58151)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Variant-ad8e224d3afa5a22.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Variant-ad8e224d3afa5a22.js
deleted file mode 100644
index c194558c01d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/code/Variant-ad8e224d3afa5a22.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6417],{57394:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/code/Variant",function(){return u(20228)}])}},function(n){n.O(0,[4996,228,9774,2888,179],function(){return n(n.s=57394)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Angular-5070d1c9618849cf.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Angular-5070d1c9618849cf.js
deleted file mode 100644
index 22d0388dc42..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Angular-5070d1c9618849cf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9128],{39210:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Angular",function(){return e(46704)}])},46704:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadgeModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadgeModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=39210)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/HTML-39262535316ab5bb.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/HTML-39262535316ab5bb.js
deleted file mode 100644
index a290469dd2a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/HTML-39262535316ab5bb.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[862],{39106:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/HTML",function(){return t(56921)}])},56921:function(e,o,t){"use strict";t.r(o),t.d(o,{CH:function(){return d},chCodeConfig:function(){return i}});var n=t(52322),r=t(45392),c=t(65854);let d={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function s(e){let o=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),e.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(o.h2,{children:"HTML"}),"\n",(0,n.jsxs)(o.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(o.h3,{children:"Use component"}),"\n",(0,n.jsx)(d.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}=Object.assign({},(0,r.ah)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[4996,9774,2888,179],function(){return e(e.s=39106)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Migration-bb16af5abef34cf3.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Migration-bb16af5abef34cf3.js
deleted file mode 100644
index e2474edf15a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Migration-bb16af5abef34cf3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7942],{43144:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Migration",function(){return o(6070)}])},6070:function(n,e,o){"use strict";o.r(e);var t=o(52322),s=o(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"General"}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=43144)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/React-c35d1d4f9832f1f9.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/React-c35d1d4f9832f1f9.js
deleted file mode 100644
index 8a6191d3dd1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/React-c35d1d4f9832f1f9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5371],{84856:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/React",function(){return e(97896)}])},97896:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadge ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=84856)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Vue-cd705baf34b06c56.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Vue-cd705baf34b06c56.js
deleted file mode 100644
index 2fc6db791f5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/docs/Vue-cd705baf34b06c56.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[444],{19626:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/docs/Vue",function(){return t(84001)}])},84001:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return d}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"Vue"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=19626)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/examples-c35f6aa046967c14.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/examples-c35f6aa046967c14.js
deleted file mode 100644
index fead3dbe16f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/examples-c35f6aa046967c14.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5613],{74001:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/examples",function(){return t(21500)}])},53213:function(e,s,t){"use strict";var i=t(52322),n=t(2784),d=t(7070);let a=(0,n.forwardRef)(function(e,s){let[t,a]=(0,n.useState)(()=>null);return(0,n.useEffect)(()=>{e.stylePath&&a(e.stylePath)},[]),(0,i.jsxs)("span",{ref:s,id:e.id,className:(0,d.yI)("db-badge",e.className),"data-variant":e.variant,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,children:[t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("link",{rel:"stylesheet",href:t})}):null,e.children]})});s.Z=a},7070:function(e,s,t){"use strict";t.d(s,{Vj:function(){return i},mT:function(){return a},yI:function(){return d},yn:function(){return n}});let i=()=>{var e,s;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(s=window.crypto)||void 0===s?void 0:s.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},n=(e,s)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(s.key,s.value),e.children.length>0&&n(e,s)})},d=function(){for(var e=arguments.length,s=Array(e),t=0;t{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let s in e)e[s]&&(i+="".concat(s," "))}}),i.trim()},a=(e,s)=>s||(e&&"adaptive"!==e?void 0:"none")},21500:function(e,s,t){"use strict";t.r(s);var i=t(52322),n=t(18338),d=t(53213);s.default=()=>(0,i.jsxs)(n.Z,{children:[(0,i.jsx)("h1",{children:" DBBadge Examples "}),(0,i.jsxs)("dl",{className:"example-list",children:[(0,i.jsx)("dt",{children:"placement:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{placement:"corner-top-left",children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, placement, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{describedbyid:"account",emphasis:"strong",id:"account",placement:"corner-top-left",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"describedbyid, emphasis, id, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{describedbyid:"account",emphasis:"strong",id:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, id, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",id:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, key, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"emphasis, size, tabIndex, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size, title, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",size:"small",title:"account",variant:"critical",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size, variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",size:"small",variant:"critical",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis, size:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",size:"small",children:"Test"})]}),(0,i.jsx)("dt",{children:"emphasis:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{emphasis:"strong",children:"Test"})]}),(0,i.jsx)("dt",{children:"describedbyid:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{describedbyid:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"id:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{id:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"key:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{children:"Test"},"account")]}),(0,i.jsx)("dt",{children:"tabIndex:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{tabIndex:100,children:"Test"})]}),(0,i.jsx)("dt",{children:"title:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{title:"account",children:"Test"})]}),(0,i.jsx)("dt",{children:"variant:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{variant:"critical",children:"Test"})]}),(0,i.jsx)("dt",{children:"size:"})," ",(0,i.jsxs)("dd",{children:[" ",(0,i.jsx)(d.Z,{size:"small",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=74001)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/how-to-use-32a19398d81b0cdc.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/how-to-use-32a19398d81b0cdc.js
deleted file mode 100644
index ff39db624d4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/how-to-use-32a19398d81b0cdc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6702],{57114:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/how-to-use",function(){return e(75598)}])},46704:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadgeModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadgeModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},56921:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},97896:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadge ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},84001:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},75598:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(56921),d=e(46704),l=e(97896),i=e(84001);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBBadge"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=57114)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/migration-7b369ce53184e1b0.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/migration-7b369ce53184e1b0.js
deleted file mode 100644
index 160b1586ca1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/migration-7b369ce53184e1b0.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5595],{84018:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/migration",function(){return t(56401)}])},6070:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392);function r(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"General"}),"\n",(0,s.jsxs)(e.blockquote,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,o.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}},56401:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392),r=t(18338),c=t(6070);let i=n=>{let{children:e}=n;return(0,s.jsx)(r.Z,{children:e})};function a(n){let e=Object.assign({h1:"h1"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"DBBadge Migration"}),"\n",(0,s.jsx)(c.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},n,{children:(0,s.jsx)(a,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=84018)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/overview-a4936529bed8cbce.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/overview-a4936529bed8cbce.js
deleted file mode 100644
index 8074fee7714..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/overview-a4936529bed8cbce.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9719],{74940:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/overview",function(){return a(7671)}])},75549:function(e,n,a){"use strict";a.d(n,{P:function(){return s}});let s=(e,n,a)=>{var s,r,i;return e.map((e,t)=>({...e,slotCode:null!==(s=null==a?void 0:a.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,n,a){"use strict";var s=a(52322),r=a(5632),i=a(2784),t=a(18338),l=a(51963);let o=e=>{let{examples:n,slotCode:a}=e;return(0,s.jsx)(l.wq,{className:"variants-card",slotCode:a,children:(0,s.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:a}=e,[c,m]=(0,i.useState)(),p=(0,r.useRouter)();(0,i.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(n){let e=a.find(e=>e.name.toLowerCase()===n);m(e)}}},[p]);let u=e=>{var n,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(n=a.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...c})}),!c&&(0,s.jsx)(t.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(l.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(l.vB,{content:"external",target:"_blank",href:u(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},7671:function(e,n,a){"use strict";a.r(n);var s=a(52322),r=a(97159),i=a(71075),t=a(20228),l=a(70211),o=a(91542),c=a(43516),m=a(71342),p=a(51963),u=a(68623),d=a(9394),x=a(75549);let h=e=>{let{children:n,variant:a,emphasis:r,noContent:i,size:t,placement:l,example:o}=e;return(0,s.jsxs)(s.Fragment,{children:[!l&&!o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:a,emphasis:r,size:t,children:i?"":n}),i&&(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),l&&"inline"!==l&&!o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(p.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",placement:l}),n]}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"inline"===l&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(p.Pg,{icon:"account"}),(0,s.jsx)("span",{children:n}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(p.Pg,{icon:"error"})]})}),"icon"===o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:"critical",emphasis:"strong",size:t,children:(0,s.jsx)(p.Pg,{icon:"account",children:n})}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]}),"number"===o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p.aE,{variant:"successful",children:"9"}),(0,s.jsx)(p.aE,{variant:"informational",children:"12"}),(0,s.jsx)(p.aE,{variant:"warning",children:"123"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(p.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(p.EZ,{variant:"informational",size:"small",icon:"none",children:n})]})]})};n.default=()=>(0,s.jsx)(u.Z,{title:"DBBadge",variants:(0,x.P)(d,h,[(0,s.jsx)(r.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(m.default,{})])})},9394:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"Neutral (Default)","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Neutral Strong","props":{"emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"Medium (Default)","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"Dot (Default)","props":{"noContent":true}},{"name":"Dot - Small","props":{"noContent":true,"size":"small"}},{"name":"Text","props":{}},{"name":"Icon","props":{"example":"icon"}},{"name":"Icon - Small","props":{"example":"icon","size":"small"}}]},{"name":"Placement","examples":[{"name":"Inline (Default)","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,228,3516,7358,7159,1075,211,1342,9774,2888,179],function(){return e(e.s=74940)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/badge/properties-89129a8545c95c19.js b/version/v0.0.54/_next/static/chunks/pages/components/badge/properties-89129a8545c95c19.js
deleted file mode 100644
index 5d95b23af0e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/badge/properties-89129a8545c95c19.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1502],{74105:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return s(95798)}])},95798:function(e,t,s){"use strict";s.r(t);var r=s(52322),d=s(45392),n=s(18338);let i=e=>{let{children:t}=e;return(0,r.jsx)(n.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code",a:"a"},(0,d.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBBadge"}),"\n",(0,r.jsx)(t.h2,{children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes ",(0,r.jsx)(t.code,{children:"corner-*"})," values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'inline' | 'corner-top-left' | 'corner-top-right' | 'corner-center-left' | 'corner-center-right' | 'corner-bottom-left' | 'corner-bottom-right'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"stylePath"}),(0,r.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,Object.assign({},e,{children:(0,r.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=74105)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Angular-6ec5810b03ccf33b.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Angular-6ec5810b03ccf33b.js
deleted file mode 100644
index ee32636e4c8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Angular-6ec5810b03ccf33b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4140],{52450:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Angular",function(){return e(89533)}])},89533:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrandModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrandModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=52450)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/HTML-a284b2679bd7f175.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/HTML-a284b2679bd7f175.js
deleted file mode 100644
index e0148d2e382..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/HTML-a284b2679bd7f175.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6295],{36315:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/HTML",function(){return t(25462)}])},25462:function(e,o,t){"use strict";t.r(o),t.d(o,{CH:function(){return d},chCodeConfig:function(){return i}});var n=t(52322),r=t(45392),c=t(65854);let d={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function s(e){let o=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),e.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(o.h2,{children:"HTML"}),"\n",(0,n.jsxs)(o.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(o.h3,{children:"Use component"}),"\n",(0,n.jsx)(d.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}=Object.assign({},(0,r.ah)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[4996,9774,2888,179],function(){return e(e.s=36315)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/React-7325eafdb72c8417.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/React-7325eafdb72c8417.js
deleted file mode 100644
index 56a53eadf2e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/React-7325eafdb72c8417.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1639],{52092:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/React",function(){return e(9478)}])},9478:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=52092)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Vue-a2daf81ccdfacc3d.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Vue-a2daf81ccdfacc3d.js
deleted file mode 100644
index d815537a9ec..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/docs/Vue-a2daf81ccdfacc3d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7785],{63062:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/docs/Vue",function(){return t(65100)}])},65100:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return d}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"Vue"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=63062)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/examples-3b330ebc0c8a391e.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/examples-3b330ebc0c8a391e.js
deleted file mode 100644
index 965e33302ec..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/examples-3b330ebc0c8a391e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6398],{26259:function(i,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/examples",function(){return e(58227)}])},74938:function(i,t,e){"use strict";var d=e(52322),c=e(2784),n=e(7070);let s=(0,c.forwardRef)(function(i,t){var e,s,h,l,r;let[g,a]=(0,c.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[o,u]=(0,c.useState)(()=>null);return(0,c.useEffect)(()=>{i.stylePath&&u(i.stylePath)},[]),(0,d.jsxs)("div",{ref:t,id:i.id,className:(0,n.yI)("db-brand",i.className),children:[o?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("link",{rel:"stylesheet",href:o})}):null,(0,d.jsxs)("a",{href:null!==(e=i.anchorRef)&&void 0!==e?e:g.anchorRef,title:i.anchorTitle,rel:i.anchorRelation,children:[i.hideDefaultAsset?null:(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("img",{className:"db-logo",src:null!==(s=i.imgSrc)&&void 0!==s?s:g.src,alt:null!==(h=i.imgAlt)&&void 0!==h?h:"",height:null!==(l=i.imgHeight)&&void 0!==l?l:g.height,width:null!==(r=i.imgWidth)&&void 0!==r?r:g.width})}),i.anchorChildren?(0,d.jsx)(d.Fragment,{children:i.children}):null]}),i.anchorChildren?null:(0,d.jsx)(d.Fragment,{children:i.children})]})});t.Z=s},7070:function(i,t,e){"use strict";e.d(t,{Vj:function(){return d},mT:function(){return s},yI:function(){return n},yn:function(){return c}});let d=()=>{var i,t;return(null===(i=window.crypto)||void 0===i?void 0:i.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},c=(i,t)=>{let e=i.children;Object.values(e).forEach(i=>{i.setAttribute(t.key,t.value),i.children.length>0&&c(i,t)})},n=function(){for(var i=arguments.length,t=Array(i),e=0;e{if(i){if("string"==typeof i)d+="".concat(i," ");else for(let t in i)i[t]&&(d+="".concat(t," "))}}),d.trim()},s=(i,t)=>t||(i&&"adaptive"!==i?void 0:"none")},58227:function(i,t,e){"use strict";e.r(t);var d=e(52322),c=e(18338),n=e(74938);t.default=()=>(0,d.jsxs)(c.Z,{children:[(0,d.jsx)("h1",{children:" DBBrand Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"anchorChildren:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorChildren:!0,children:"Test"})]}),(0,d.jsx)("dt",{children:"anchorChildren, anchorRef, anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorChildren:!0,anchorRef:"account",anchorRelation:"account",anchorTitle:"account",describedbyid:"account",hideDefaultAsset:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"anchorRef, anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorRef:"account",anchorRelation:"account",anchorTitle:"account",describedbyid:"account",hideDefaultAsset:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"anchorRelation, anchorTitle, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorRelation:"account",anchorTitle:"account",describedbyid:"account",hideDefaultAsset:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"anchorRelation, describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorRelation:"account",describedbyid:"account",hideDefaultAsset:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, hideDefaultAsset, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{describedbyid:"account",hideDefaultAsset:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{describedbyid:"account",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"id, imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,tabIndex:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgAlt, imgHeight, imgSrc, imgWidth:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"imgHeight, imgSrc, imgWidth:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"imgSrc, imgWidth:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"imgWidth:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgWidth:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"anchorRef:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorRef:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"anchorTitle:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorTitle:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"anchorRelation:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{anchorRelation:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"hideDefaultAsset:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{hideDefaultAsset:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgAlt:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgAlt:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"imgHeight:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgHeight:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"imgSrc:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(n.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"Test"})]})]})]})}},function(i){i.O(0,[4375,8338,9774,2888,179],function(){return i(i.s=26259)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/how-to-use-d127fcca4dbfb3ac.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/how-to-use-d127fcca4dbfb3ac.js
deleted file mode 100644
index 68384a7d220..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/how-to-use-d127fcca4dbfb3ac.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3966],{7714:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/how-to-use",function(){return e(31482)}])},89533:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrandModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrandModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},25462:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},9478:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},65100:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},31482:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(25462),d=e(89533),l=e(9478),i=e(65100);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBBrand"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=7714)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/migration-9e71e4cc9fcc555b.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/migration-9e71e4cc9fcc555b.js
deleted file mode 100644
index 04779c5e526..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/migration-9e71e4cc9fcc555b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9875],{85019:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/migration",function(){return e(20698)}])},20698:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),u=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBBrand Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=85019)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/brand/properties-bc7b345e67211b44.js b/version/v0.0.54/_next/static/chunks/pages/components/brand/properties-bc7b345e67211b44.js
deleted file mode 100644
index ae3b15bd2dc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/brand/properties-bc7b345e67211b44.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6593],{19484:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return s(38648)}])},38648:function(e,t,s){"use strict";s.r(t);var d=s(52322),r=s(45392),i=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function h(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBBrand"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"anchorChildren"}),(0,d.jsx)(t.td,{children:"The anchorChildren attribute can be set to warp children inside the 'a' tag."}),(0,d.jsx)(t.td,{children:"boolean"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"anchorRef"}),(0,d.jsx)(t.td,{children:"The href attribute can be set to reload the current application, in general you would go to the base path of your app."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"anchorTitle"}),(0,d.jsx)(t.td,{children:"The title attribute can be set to show a hint while hovering over the brand."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"anchorRelation"}),(0,d.jsxs)(t.td,{children:["The rel attribute can be set to make a relationship to the current URL (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel",children:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel"}),")."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"hideDefaultAsset"}),(0,d.jsxs)(t.td,{children:["Hides the default image with an asset path to be able to add a custom image inside the children.",(0,d.jsx)("br",{}),"Use this if you know what you do."]}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"imgAlt"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"imgHeight"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"imgSrc"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"imgWidth"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(h,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=19484)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button-dcf7574bd05e7a13.js b/version/v0.0.54/_next/static/chunks/pages/components/button-dcf7574bd05e7a13.js
deleted file mode 100644
index a44f97ecad7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button-dcf7574bd05e7a13.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9091],{57755:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button",function(){return n(87947)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,l;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,u]=(0,l.useState)(),c=(0,s.useRouter)();(0,l.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[c]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...d})}),!d&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},87947:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(88852),l=n(36883),i=n(65544),r=n(57229),o=n(59481),d=n(31676),u=n(51963),c=n(68623),p=n(10689),m=n(75549);let x=e=>{let{variant:a,state:n,size:s,noText:l,icon:i,width:r,disabled:o,children:d}=e;return(0,t.jsx)(u.Y1,{variant:a,state:n,size:s,noText:l,icon:i,disabled:o,width:r,onClick:()=>{alert(d.toString())},children:d})};a.default=()=>(0,t.jsx)(c.Z,{title:"DBButton",variants:(0,m.P)(p,x,[(0,t.jsx)(s.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(r.default,{}),(0,t.jsx)(o.default,{}),(0,t.jsx)(d.default,{})])})},10689:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"Enabled (Default)","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"Medium (Default)","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"Text (Default)","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"Auto Width (Default)","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6883,9481,8852,1676,7229,5544,9774,2888,179],function(){return e(e.s=57755)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Behaviour-249deb6fd53147b6.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/Behaviour-249deb6fd53147b6.js
deleted file mode 100644
index ded27599109..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Behaviour-249deb6fd53147b6.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3170],{77769:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Behaviour",function(){return _(31676)}])}},function(n){n.O(0,[4996,1676,9774,2888,179],function(){return n(n.s=77769)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Content-d1087b5a55452737.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/Content-d1087b5a55452737.js
deleted file mode 100644
index 1f78d8f8a0a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Content-d1087b5a55452737.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6446],{35735:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Content",function(){return o(59481)}])}},function(n){n.O(0,[4996,9481,9774,2888,179],function(){return n(n.s=35735)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Size-717c4bdb9959e840.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/Size-717c4bdb9959e840.js
deleted file mode 100644
index 1d0ca956242..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Size-717c4bdb9959e840.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2885],{34704:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Size",function(){return u(57229)}])}},function(n){n.O(0,[4996,7229,9774,2888,179],function(){return n(n.s=34704)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/State-dc8e53d4ca72621f.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/State-dc8e53d4ca72621f.js
deleted file mode 100644
index fc1230c28ec..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/State-dc8e53d4ca72621f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3448],{91662:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/State",function(){return t(65544)}])}},function(n){n.O(0,[4996,5544,9774,2888,179],function(){return n(n.s=91662)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Tonality-cb7704d36bdc8fca.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/Tonality-cb7704d36bdc8fca.js
deleted file mode 100644
index 3df1c8caf51..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Tonality-cb7704d36bdc8fca.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2443],{30300:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Tonality",function(){return o(88852)}])}},function(n){n.O(0,[4996,8852,9774,2888,179],function(){return n(n.s=30300)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Variant-47bcc6a6d43e451d.js b/version/v0.0.54/_next/static/chunks/pages/components/button/code/Variant-47bcc6a6d43e451d.js
deleted file mode 100644
index 5ecf6fbf95c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/code/Variant-47bcc6a6d43e451d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5270],{2248:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/code/Variant",function(){return u(36883)}])}},function(n){n.O(0,[4996,6883,9774,2888,179],function(){return n(n.s=2248)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Angular-c6395221c77db406.js b/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Angular-c6395221c77db406.js
deleted file mode 100644
index 9a8a0939a31..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Angular-c6395221c77db406.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9232],{25329:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Angular",function(){return _(83314)}])}},function(n){n.O(0,[4996,3314,9774,2888,179],function(){return n(n.s=25329)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/HTML-7aa72e085c8b5a91.js b/version/v0.0.54/_next/static/chunks/pages/components/button/docs/HTML-7aa72e085c8b5a91.js
deleted file mode 100644
index ed98f488a8d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/HTML-7aa72e085c8b5a91.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3146],{57819:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/HTML",function(){return e(94911)}])},94911:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=57819)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Migration-90776948f1f0e528.js b/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Migration-90776948f1f0e528.js
deleted file mode 100644
index e415dde14a5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Migration-90776948f1f0e528.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1087],{53059:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Migration",function(){return t(91628)}])},91628:function(e,n,t){"use strict";t.r(n);var r=t(52322),d=t(45392);function s(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,d.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"elm-button"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-button"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"sizes"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{align:"center",children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"large"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsxs)(n.td,{children:["it became obsolete mainly due to our ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"tonality"})," introduction"]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"regular"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsxs)(n.td,{children:["there is a default (",(0,r.jsx)(n.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"variants"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"primary"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["not valid anymore, use ",(0,r.jsx)(n.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"brand-primary"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"primary"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"secondary-outline"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"outlined"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"secondary-solid"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"solid"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"tertiary-plain"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"text"})}),(0,r.jsx)(n.td,{})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"icons"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"iconAfter"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"iconOnly"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"noText"})}),(0,r.jsx)(n.td,{})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,d.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=53059)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/React-8b8efc9ef30d73dc.js b/version/v0.0.54/_next/static/chunks/pages/components/button/docs/React-8b8efc9ef30d73dc.js
deleted file mode 100644
index e095e646729..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/React-8b8efc9ef30d73dc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6879],{37090:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/React",function(){return e(7236)}])},7236:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=37090)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Vue-add5924800fa10be.js b/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Vue-add5924800fa10be.js
deleted file mode 100644
index e2f5b1f73e6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/docs/Vue-add5924800fa10be.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1633],{30692:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/docs/Vue",function(){return e(67324)}])},67324:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=30692)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/examples-ff03f38016591cd7.js b/version/v0.0.54/_next/static/chunks/pages/components/button/examples-ff03f38016591cd7.js
deleted file mode 100644
index 091c4d481a3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/examples-ff03f38016591cd7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[222],{55190:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/examples",function(){return i(86592)}])},96889:function(e,t,i){"use strict";var n=i(52322),d=i(2784),c=i(7070);let a=(0,d.forwardRef)(function(e,t){let[i,a]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{e.stylePath&&a(e.stylePath)},[]),(0,n.jsxs)("button",{id:e.id,ref:t,className:(0,c.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:[i?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:i})}):null,e.children]})});t.Z=a},7070:function(e,t,i){"use strict";i.d(t,{Vj:function(){return n},mT:function(){return a},yI:function(){return c},yn:function(){return d}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(e,t)=>{let i=e.children;Object.values(i).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&d(e,t)})},c=function(){for(var e=arguments.length,t=Array(e),i=0;i{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},a=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none")},86592:function(e,t,i){"use strict";i.r(t);var n=i(52322),d=i(18338),c=i(96889);t.default=()=>(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("h1",{children:" DBButton Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"ariaexpanded:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{ariaexpanded:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"ariaexpanded, ariapressed, describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{ariaexpanded:!0,ariapressed:!0,describedbyid:"account",disabled:!0,icon:"account",id:"account",label:"account",name:"account",noText:!0,onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"ariapressed, describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{ariapressed:!0,describedbyid:"account",disabled:!0,icon:"account",id:"account",label:"account",name:"account",noText:!0,onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, disabled, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",disabled:!0,icon:"account",id:"account",label:"account",name:"account",noText:!0,onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, label, name, noText, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",label:"account",name:"account",noText:!0,onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, label, name, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",label:"account",name:"account",onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, name, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",name:"account",onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, type, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",type:"reset",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, value, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",value:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, state, tabIndex, title, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),size:"small",state:"loading",tabIndex:100,title:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, size, tabIndex, title, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),size:"small",tabIndex:100,title:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, tabIndex, title, variant, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",variant:"primary",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"icon, id, key, onClick, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",id:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"icon, key, onClick, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"icon, onClick, tabIndex, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",onClick:e=>console.log(e),tabIndex:100,title:"account",width:"auto",children:"Test"})]}),(0,n.jsx)("dt",{children:"icon, onClick, title, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",onClick:e=>console.log(e),title:"account",width:"auto",children:"Test"})]}),(0,n.jsx)("dt",{children:"icon, onClick, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",onClick:e=>console.log(e),width:"auto",children:"Test"})]}),(0,n.jsx)("dt",{children:"icon, width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",width:"auto",children:"Test"})]}),(0,n.jsx)("dt",{children:"width:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{width:"auto",children:"Test"})]}),(0,n.jsx)("dt",{children:"ariapressed:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{ariapressed:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"disabled:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{disabled:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"noText:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{noText:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"label:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{label:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"name:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{name:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"type:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{type:"reset",children:"Test"})]}),(0,n.jsx)("dt",{children:"value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"state:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{state:"loading",children:"Test"})]}),(0,n.jsx)("dt",{children:"size:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{size:"small",children:"Test"})]}),(0,n.jsx)("dt",{children:"variant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{variant:"primary",children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{tabIndex:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"onClick:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{onClick:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"icon:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{icon:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=55190)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/how-to-use-4b9613e4b97273ad.js b/version/v0.0.54/_next/static/chunks/pages/components/button/how-to-use-4b9613e4b97273ad.js
deleted file mode 100644
index f816507b555..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/how-to-use-4b9613e4b97273ad.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7614],{7867:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/how-to-use",function(){return e(5199)}])},94911:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},7236:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},67324:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},5199:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(94911),l=e(83314),d=e(7236),i=e(67324);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBButton"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,Object.assign({},o,{children:(0,n.jsx)(a,o)}))}}},function(o){o.O(0,[4996,4375,8338,3314,9774,2888,179],function(){return o(o.s=7867)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/migration-1d91ad43818937e5.js b/version/v0.0.54/_next/static/chunks/pages/components/button/migration-1d91ad43818937e5.js
deleted file mode 100644
index c18be082e6e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/migration-1d91ad43818937e5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7685],{58351:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/migration",function(){return t(63487)}])},91628:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392);function d(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"elm-button"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-button"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"sizes"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{align:"center",children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"large"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsxs)(n.td,{children:["it became obsolete mainly due to our ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"tonality"})," introduction"]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"regular"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsxs)(n.td,{children:["there is a default (",(0,r.jsx)(n.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"variants"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"primary"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["not valid anymore, use ",(0,r.jsx)(n.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"brand-primary"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"primary"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"secondary-outline"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"outlined"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"secondary-solid"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"solid"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"tertiary-plain"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"text"})}),(0,r.jsx)(n.td,{})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"icons"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"iconAfter"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"iconOnly"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"noText"})}),(0,r.jsx)(n.td,{})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,s.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(d,e)})):d(e)}},63487:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392),d=t(18338),i=t(91628);let c=e=>{let{children:n}=e;return(0,r.jsx)(d.Z,{children:n})};function l(e){let n=Object.assign({h1:"h1"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{children:"DBButton Migration"}),"\n",(0,r.jsx)(i.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,Object.assign({},e,{children:(0,r.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=58351)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/overview-cdbff87187c0c63e.js b/version/v0.0.54/_next/static/chunks/pages/components/button/overview-cdbff87187c0c63e.js
deleted file mode 100644
index 65d6264eec3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/overview-cdbff87187c0c63e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[907],{66692:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/overview",function(){return n(94342)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,l;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,u]=(0,l.useState)(),c=(0,s.useRouter)();(0,l.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[c]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...d})}),!d&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},94342:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(88852),l=n(36883),i=n(65544),r=n(57229),o=n(59481),d=n(31676),u=n(51963),c=n(68623),p=n(10689),m=n(75549);let x=e=>{let{variant:a,state:n,size:s,noText:l,icon:i,width:r,disabled:o,children:d}=e;return(0,t.jsx)(u.Y1,{variant:a,state:n,size:s,noText:l,icon:i,disabled:o,width:r,onClick:()=>{alert(d.toString())},children:d})};a.default=()=>(0,t.jsx)(c.Z,{title:"DBButton",variants:(0,m.P)(p,x,[(0,t.jsx)(s.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(r.default,{}),(0,t.jsx)(o.default,{}),(0,t.jsx)(d.default,{})])})},10689:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"Enabled (Default)","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"Medium (Default)","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"Text (Default)","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"Auto Width (Default)","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6883,9481,8852,1676,7229,5544,9774,2888,179],function(){return e(e.s=66692)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/button/properties-c8233a67f0d79ada.js b/version/v0.0.54/_next/static/chunks/pages/components/button/properties-c8233a67f0d79ada.js
deleted file mode 100644
index ab8a3930883..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/button/properties-c8233a67f0d79ada.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5417],{11576:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return r(56021)}])},56021:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),s=r(18338);let d=e=>{let{children:t}=e;return(0,i.jsx)(s.Z,{children:t})};function a(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBButton"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"ariaexpanded"}),(0,i.jsxs)(t.td,{children:["If the button controls a grouping of other elements, the ariaexpanded state ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded",children:"indicates whether the controlled grouping is currently expanded or collapsed"}),"."]}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"ariapressed"}),(0,i.jsxs)(t.td,{children:["Defines the button as a toggle button. The value of ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed",children:"ariapressed describes the state of the button"}),"."]}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the button"}),"."]}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"noText"}),(0,i.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsxs)(t.td,{children:["The label represents the ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",children:"aria-label attributes"})," value of the button"]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsxs)(t.td,{children:["The name attribute specifies a ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name",children:"name attributes value"})," for the button."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"type"}),(0,i.jsxs)(t.td,{children:["The type attribute specifies the ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type",children:"type of button"}),"."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'button' | 'reset' | 'submit'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsxs)(t.td,{children:["The value attribute specifies an initial ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value",children:"value for the button"}),"."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"state"}),(0,i.jsx)(t.td,{children:"Show loading progress inside button."}),(0,i.jsx)(t.td,{children:"literal"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'loading'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"size"}),(0,i.jsx)(t.td,{children:"The size of the button"}),(0,i.jsx)(t.td,{children:"literal"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'outlined' | 'primary' | 'solid' | 'text'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onClick"}),(0,i.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"width"}),(0,i.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,Object.assign({},e,{children:(0,i.jsx)(a,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=11576)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card-18807276ef3720dc.js b/version/v0.0.54/_next/static/chunks/pages/components/card-18807276ef3720dc.js
deleted file mode 100644
index 288f1922f76..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card-18807276ef3720dc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6332],{99847:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card",function(){return e(98119)}])},75549:function(a,n,e){"use strict";e.d(n,{P:function(){return i}});let i=(a,n,e)=>{var i,r,s;return a.map((a,l)=>({...a,slotCode:null!==(i=null==e?void 0:e.at(l))&&void 0!==i?i:"No code available",examples:a.examples.map(a=>({...a,example:n({...a.props,id:null!==(r=a.props.id)&&void 0!==r?r:a.name,children:null!==(s=a.props.children)&&void 0!==s?s:a.name})}))}))}},68623:function(a,n,e){"use strict";var i=e(52322),r=e(5632),s=e(2784),l=e(18338),t=e(51963);let c=a=>{let{examples:n,slotCode:e}=a;return(0,i.jsx)(t.wq,{className:"variants-card",slotCode:e,children:(0,i.jsx)("div",{className:"variants-list",children:n.map((a,n)=>(0,i.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(n)))})})};n.Z=a=>{let{title:n,variants:e}=a,[o,p]=(0,s.useState)(),m=(0,r.useRouter)();(0,s.useEffect)(()=>{if(m.query){var a;let n=null===(a=m.query.page)||void 0===a?void 0:a.toString();if(n){let a=e.find(a=>a.name.toLowerCase()===n);p(a)}}},[m]);let u=a=>{var n,e;return window.location.origin?"".concat(null===(e=window)||void 0===e?void 0:null===(n=e.location)||void 0===n?void 0:n.href,"?page=").concat(a.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...o})}),!o&&(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,i.jsx)("h1",{children:n}),null==e?void 0:e.map((a,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:u(a),children:a.name})}),(0,i.jsx)(c,{...a})]},"".concat(a.name,"-").concat(n)))]})})]})}},98119:function(a,n,e){"use strict";e.r(n);var i=e(52322),r=e(6448),s=e(59983),l=e(83672),t=e(78051),c=e(51963),o=e(68623),p=e(1304),m=e(75549);let u=a=>{let{colorVariant:n,variant:e,children:r,spacing:s}=a;return(0,i.jsxs)(c.f,{colorVariant:n,variant:e,spacing:s,children:[(0,i.jsx)("strong",{children:r}),n&&(0,i.jsx)("span",{children:n})]})};n.default=()=>(0,i.jsx)(o.Z,{title:"DBCard",variants:(0,m.P)(p,u,[(0,i.jsx)(r.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(t.default,{})])})},1304:function(a){"use strict";a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"ColorVariant","examples":[{"name":"(Default) neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"neutral-strong","props":{"colorVariant":"neutral-strong","variant":"interactive","spacing":"small"}},{"name":"primary","props":{"colorVariant":"primary","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}},function(a){a.O(0,[4996,4375,8338,1963,9983,6448,3672,8051,9774,2888,179],function(){return a(a.s=99847)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/code/ColorVariant-e8a92781b14962a2.js b/version/v0.0.54/_next/static/chunks/pages/components/card/code/ColorVariant-e8a92781b14962a2.js
deleted file mode 100644
index 325625edf0d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/code/ColorVariant-e8a92781b14962a2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7543],{72843:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/ColorVariant",function(){return o(59983)}])}},function(n){n.O(0,[4996,9983,9774,2888,179],function(){return n(n.s=72843)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Spacing-9e3393172d46b9a0.js b/version/v0.0.54/_next/static/chunks/pages/components/card/code/Spacing-9e3393172d46b9a0.js
deleted file mode 100644
index 9b782813896..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Spacing-9e3393172d46b9a0.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4646],{1685:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Spacing",function(){return c(83672)}])}},function(n){n.O(0,[4996,3672,9774,2888,179],function(){return n(n.s=1685)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Tonality-e891035a40ec9a29.js b/version/v0.0.54/_next/static/chunks/pages/components/card/code/Tonality-e891035a40ec9a29.js
deleted file mode 100644
index 0e3b94de03d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Tonality-e891035a40ec9a29.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5466],{15090:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Tonality",function(){return o(6448)}])}},function(n){n.O(0,[4996,6448,9774,2888,179],function(){return n(n.s=15090)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Variant-4bcaa35fd548b845.js b/version/v0.0.54/_next/static/chunks/pages/components/card/code/Variant-4bcaa35fd548b845.js
deleted file mode 100644
index cf0b05c30c1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/code/Variant-4bcaa35fd548b845.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9469],{54615:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/code/Variant",function(){return u(78051)}])}},function(n){n.O(0,[4996,8051,9774,2888,179],function(){return n(n.s=54615)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Angular-009facbf493c88fc.js b/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Angular-009facbf493c88fc.js
deleted file mode 100644
index 193eb19d6b9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Angular-009facbf493c88fc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4225],{57298:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Angular",function(){return e(31586)}])},31586:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCardModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBCardModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=57298)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/HTML-1e328c72e7e90d1d.js b/version/v0.0.54/_next/static/chunks/pages/components/card/docs/HTML-1e328c72e7e90d1d.js
deleted file mode 100644
index 91930fb20cf..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/HTML-1e328c72e7e90d1d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3274],{76921:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/HTML",function(){return t(53247)}])},53247:function(e,o,t){"use strict";t.r(o),t.d(o,{CH:function(){return d},chCodeConfig:function(){return i}});var n=t(52322),r=t(45392),c=t(65854);let d={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function s(e){let o=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),e.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(o.h2,{children:"HTML"}),"\n",(0,n.jsxs)(o.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(o.h3,{children:"Use component"}),"\n",(0,n.jsx)(d.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}=Object.assign({},(0,r.ah)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[4996,9774,2888,179],function(){return e(e.s=76921)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Migration-65c994aa4eba8788.js b/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Migration-65c994aa4eba8788.js
deleted file mode 100644
index 0ab25b2bbe9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Migration-65c994aa4eba8788.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[262],{95106:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Migration",function(){return t(69526)}])},69526:function(e,n,t){"use strict";t.r(n);var d=t(52322),r=t(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,r.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(n.h2,{children:"General"}),"\n",(0,d.jsxs)(n.blockquote,{children:["\n",(0,d.jsxs)(n.p,{children:[(0,d.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,d.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,d.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,d.jsx)(n.h3,{children:"class"}),"\n",(0,d.jsxs)(n.table,{children:[(0,d.jsx)(n.thead,{children:(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.th,{children:"Before"}),(0,d.jsx)(n.th,{align:"center",children:"Status"}),(0,d.jsx)(n.th,{children:"After"}),(0,d.jsx)(n.th,{children:"Description"})]})}),(0,d.jsx)(n.tbody,{children:(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"cmp-card"})}),(0,d.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"db-card"})}),(0,d.jsx)(n.td,{})]})})]}),"\n",(0,d.jsx)(n.h3,{children:"variant"}),"\n",(0,d.jsxs)(n.table,{children:[(0,d.jsx)(n.thead,{children:(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.th,{children:"Before"}),(0,d.jsx)(n.th,{align:"center",children:"Status"}),(0,d.jsx)(n.th,{align:"center",children:"After"}),(0,d.jsx)(n.th,{children:"Description"})]})}),(0,d.jsxs)(n.tbody,{children:[(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"variant"})}),(0,d.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,d.jsx)(n.td,{align:"center",children:(0,d.jsx)(n.code,{children:"variant"})}),(0,d.jsxs)(n.td,{children:["There is no default ",(0,d.jsx)(n.code,{children:"header"}),"/",(0,d.jsx)(n.code,{children:"content"})," anymore. Now you can change the card with ",(0,d.jsx)(n.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"header"})}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{children:"Add your own content via children/slot."})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"content"})}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,d.jsx)(n.h3,{children:"image"}),"\n",(0,d.jsxs)(n.table,{children:[(0,d.jsx)(n.thead,{children:(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.th,{children:"Before"}),(0,d.jsx)(n.th,{align:"center",children:"Status"}),(0,d.jsx)(n.th,{children:"After"}),(0,d.jsx)(n.th,{children:"Description"})]})}),(0,d.jsxs)(n.tbody,{children:[(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"alt"})}),(0,d.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"imgAlt"})}),(0,d.jsx)(n.td,{})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"image"})}),(0,d.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"imgSrc"})}),(0,d.jsx)(n.td,{})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{}),(0,d.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"imgWidth"})}),(0,d.jsx)(n.td,{})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{}),(0,d.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"imgHeight"})}),(0,d.jsx)(n.td,{})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"illustration"})}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{children:"❌"}),(0,d.jsx)(n.td,{})]}),(0,d.jsxs)(n.tr,{children:[(0,d.jsx)(n.td,{children:(0,d.jsx)(n.code,{children:"uiCoreIllustrationPath"})}),(0,d.jsx)(n.td,{align:"center",children:"❌"}),(0,d.jsx)(n.td,{children:"❌"}),(0,d.jsx)(n.td,{})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,r.ah)(),e.components);return n?(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(c,e)})):c(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=95106)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/React-5fd7cb5467a9df7d.js b/version/v0.0.54/_next/static/chunks/pages/components/card/docs/React-5fd7cb5467a9df7d.js
deleted file mode 100644
index 75a922b4156..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/React-5fd7cb5467a9df7d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8616],{33986:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/React",function(){return e(82148)}])},82148:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCard ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=33986)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Vue-3a43ccc8c9e98a78.js b/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Vue-3a43ccc8c9e98a78.js
deleted file mode 100644
index e4f70f17e92..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/docs/Vue-3a43ccc8c9e98a78.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158],{90542:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/docs/Vue",function(){return e(21545)}])},21545:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=90542)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/examples-92903e768461fb3e.js b/version/v0.0.54/_next/static/chunks/pages/components/card/examples-92903e768461fb3e.js
deleted file mode 100644
index b9e48a79281..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/examples-92903e768461fb3e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1650],{10280:function(i,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/examples",function(){return e(77269)}])},54728:function(i,t,e){"use strict";var n=e(52322),d=e(2784),c=e(7070);let l=(0,d.forwardRef)(function(i,t){let[e,l]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{i.stylePath&&l(i.stylePath)},[]),(0,n.jsxs)("div",{ref:t,id:i.id,className:(0,c.yI)("db-card",i.className),"data-variant":i.variant,"data-color-variant":i.colorVariant,"data-elevation":i.elevation,"data-spacing":i.spacing,onClick:t=>{i.onClick&&i.onClick(t)},children:[e?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:e})}):null,i.imgSrc?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-card-image",src:i.imgSrc,alt:i.imgAlt,height:i.imgHeight,width:i.imgWidth})}):null,i.children]})});t.Z=l},7070:function(i,t,e){"use strict";e.d(t,{Vj:function(){return n},mT:function(){return l},yI:function(){return c},yn:function(){return d}});let n=()=>{var i,t;return(null===(i=window.crypto)||void 0===i?void 0:i.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(i,t)=>{let e=i.children;Object.values(e).forEach(i=>{i.setAttribute(t.key,t.value),i.children.length>0&&d(i,t)})},c=function(){for(var i=arguments.length,t=Array(i),e=0;e{if(i){if("string"==typeof i)n+="".concat(i," ");else for(let t in i)i[t]&&(n+="".concat(t," "))}}),n.trim()},l=(i,t)=>t||(i&&"adaptive"!==i?void 0:"none")},77269:function(i,t,e){"use strict";e.r(t);var n=e(52322),d=e(18338),c=e(54728);t.default=()=>(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("h1",{children:" DBCard Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"colorVariant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{colorVariant:"undefined",children:"Test"})]}),(0,n.jsx)("dt",{children:"colorVariant, describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title, variant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{colorVariant:"undefined",describedbyid:"account",elevation:"none",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),spacing:"medium",tabIndex:100,title:"account",variant:"interactive",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, spacing, tabIndex, title, variant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",elevation:"none",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),spacing:"medium",tabIndex:100,title:"account",variant:"interactive",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, tabIndex, title, variant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",elevation:"none",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),tabIndex:100,title:"account",variant:"interactive",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",elevation:"none",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"elevation, id, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",id:"account",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, key, onClick, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),tabIndex:100,title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth, onClick:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,onClick:i=>console.log(i),children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgAlt, imgHeight, imgSrc, imgWidth:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgAlt:"account",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgHeight, imgSrc, imgWidth:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgHeight:100,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgSrc, imgWidth:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation, imgWidth:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",imgWidth:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"elevation:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{elevation:"none",children:"Test"})]}),(0,n.jsx)("dt",{children:"spacing:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{spacing:"medium",children:"Test"})]}),(0,n.jsx)("dt",{children:"variant:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{variant:"interactive",children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{tabIndex:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"onClick:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{onClick:i=>console.log(i),children:"Test"})]}),(0,n.jsx)("dt",{children:"imgAlt:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{imgAlt:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"imgHeight:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{imgHeight:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"imgSrc:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"Test"})]}),(0,n.jsx)("dt",{children:"imgWidth:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{imgWidth:100,children:"Test"})]})]})]})}},function(i){i.O(0,[4375,8338,9774,2888,179],function(){return i(i.s=10280)}),_N_E=i.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/how-to-use-ba3860cd716561c8.js b/version/v0.0.54/_next/static/chunks/pages/components/card/how-to-use-ba3860cd716561c8.js
deleted file mode 100644
index edcafde6115..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/how-to-use-ba3860cd716561c8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2063],{81083:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/how-to-use",function(){return e(65117)}])},31586:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCardModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBCardModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},53247:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},82148:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCard ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},21545:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Card content",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},65117:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(53247),d=e(31586),i=e(82148),l=e(21545);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBCard"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=81083)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/migration-efa66686c8116f90.js b/version/v0.0.54/_next/static/chunks/pages/components/card/migration-efa66686c8116f90.js
deleted file mode 100644
index 0fb69c3c7fb..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/migration-efa66686c8116f90.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8114],{52286:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/migration",function(){return t(36413)}])},69526:function(e,n,t){"use strict";t.r(n);var r=t(52322),d=t(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,d.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"cmp-card"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-card"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"variant"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{align:"center",children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"variant"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{align:"center",children:(0,r.jsx)(n.code,{children:"variant"})}),(0,r.jsxs)(n.td,{children:["There is no default ",(0,r.jsx)(n.code,{children:"header"}),"/",(0,r.jsx)(n.code,{children:"content"})," anymore. Now you can change the card with ",(0,r.jsx)(n.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"header"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"Add your own content via children/slot."})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"content"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"image"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"alt"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"imgAlt"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"image"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"imgSrc"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"imgWidth"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"imgHeight"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"illustration"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"uiCoreIllustrationPath"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,d.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(c,e)})):c(e)}},36413:function(e,n,t){"use strict";t.r(n);var r=t(52322),d=t(45392),c=t(18338),s=t(69526);let i=e=>{let{children:n}=e;return(0,r.jsx)(c.Z,{children:n})};function h(e){let n=Object.assign({h1:"h1"},(0,d.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{children:"DBCard Migration"}),"\n",(0,r.jsx)(s.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,Object.assign({},e,{children:(0,r.jsx)(h,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=52286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/overview-30b1f18974278050.js b/version/v0.0.54/_next/static/chunks/pages/components/card/overview-30b1f18974278050.js
deleted file mode 100644
index 3da6169e31e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/overview-30b1f18974278050.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5190],{48314:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/overview",function(){return e(52691)}])},75549:function(a,n,e){"use strict";e.d(n,{P:function(){return i}});let i=(a,n,e)=>{var i,r,s;return a.map((a,l)=>({...a,slotCode:null!==(i=null==e?void 0:e.at(l))&&void 0!==i?i:"No code available",examples:a.examples.map(a=>({...a,example:n({...a.props,id:null!==(r=a.props.id)&&void 0!==r?r:a.name,children:null!==(s=a.props.children)&&void 0!==s?s:a.name})}))}))}},68623:function(a,n,e){"use strict";var i=e(52322),r=e(5632),s=e(2784),l=e(18338),t=e(51963);let c=a=>{let{examples:n,slotCode:e}=a;return(0,i.jsx)(t.wq,{className:"variants-card",slotCode:e,children:(0,i.jsx)("div",{className:"variants-list",children:n.map((a,n)=>(0,i.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(n)))})})};n.Z=a=>{let{title:n,variants:e}=a,[o,p]=(0,s.useState)(),m=(0,r.useRouter)();(0,s.useEffect)(()=>{if(m.query){var a;let n=null===(a=m.query.page)||void 0===a?void 0:a.toString();if(n){let a=e.find(a=>a.name.toLowerCase()===n);p(a)}}},[m]);let u=a=>{var n,e;return window.location.origin?"".concat(null===(e=window)||void 0===e?void 0:null===(n=e.location)||void 0===n?void 0:n.href,"?page=").concat(a.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...o})}),!o&&(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,i.jsx)("h1",{children:n}),null==e?void 0:e.map((a,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(t.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(t.vB,{content:"external",target:"_blank",href:u(a),children:a.name})}),(0,i.jsx)(c,{...a})]},"".concat(a.name,"-").concat(n)))]})})]})}},52691:function(a,n,e){"use strict";e.r(n);var i=e(52322),r=e(6448),s=e(59983),l=e(83672),t=e(78051),c=e(51963),o=e(68623),p=e(1304),m=e(75549);let u=a=>{let{colorVariant:n,variant:e,children:r,spacing:s}=a;return(0,i.jsxs)(c.f,{colorVariant:n,variant:e,spacing:s,children:[(0,i.jsx)("strong",{children:r}),n&&(0,i.jsx)("span",{children:n})]})};n.default=()=>(0,i.jsx)(o.Z,{title:"DBCard",variants:(0,m.P)(p,u,[(0,i.jsx)(r.default,{}),(0,i.jsx)(s.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(t.default,{})])})},1304:function(a){"use strict";a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"ColorVariant","examples":[{"name":"(Default) neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"neutral-strong","props":{"colorVariant":"neutral-strong","variant":"interactive","spacing":"small"}},{"name":"primary","props":{"colorVariant":"primary","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}},function(a){a.O(0,[4996,4375,8338,1963,9983,6448,3672,8051,9774,2888,179],function(){return a(a.s=48314)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/card/properties-42c5d1418afa6a14.js b/version/v0.0.54/_next/static/chunks/pages/components/card/properties-42c5d1418afa6a14.js
deleted file mode 100644
index dacacc7a3fa..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/card/properties-42c5d1418afa6a14.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5221],{86958:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return d(83281)}])},83281:function(e,t,d){"use strict";d.r(t);var s=d(52322),r=d(45392),i=d(18338);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBCard"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"colorVariant"}),(0,s.jsxs)(t.td,{children:["Valid background ",(0,s.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"spacing"}),(0,s.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"variant"}),(0,s.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'interactive'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onClick"}),(0,s.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"imgAlt"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"imgHeight"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"imgSrc"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"imgWidth"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"elevation"}),(0,s.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=86958)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox-b176833707568a41.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox-b176833707568a41.js
deleted file mode 100644
index 370beb002e5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox-b176833707568a41.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4927],{87480:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox",function(){return n(47032)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,l;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,d]=(0,l.useState)(),u=(0,s.useRouter)();(0,l.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);d(e)}}},[u]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...c})}),!c&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},47032:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(86061),l=n(49126),i=n(50739),r=n(51963),o=n(68623),c=n(75549),d=n(46810);let u=e=>{let{label:a,size:n,name:s,checked:l,invalid:i,required:o,children:c,disabled:d,indeterminate:u}=e;return(0,t.jsx)(r.I3,{label:a,size:n,name:s,checked:l,invalid:i,required:o,disabled:d,indeterminate:u,children:c})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBCheckbox",variants:(0,c.P)(d,u,[(0,t.jsx)(s.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(i.default,{})])})},46810:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"States","examples":[{"name":"Default","props":{"name":"States"}},{"name":"Disabled","props":{"name":"States","disabled":true}},{"name":"Disabled checked","props":{"name":"States","disabled":true,"checked":true}},{"name":"Required","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,9126,6061,739,9774,2888,179],function(){return e(e.s=87480)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Size-21d6396ce4f6f2ec.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Size-21d6396ce4f6f2ec.js
deleted file mode 100644
index 3d832a927c3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Size-21d6396ce4f6f2ec.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5021],{63221:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Size",function(){return c(50739)}])}},function(n){n.O(0,[4996,739,9774,2888,179],function(){return n(n.s=63221)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/States-5d313f2fb5980ff2.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/States-5d313f2fb5980ff2.js
deleted file mode 100644
index a5179b9b655..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/States-5d313f2fb5980ff2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3217],{78922:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/States",function(){return c(49126)}])}},function(n){n.O(0,[4996,9126,9774,2888,179],function(){return n(n.s=78922)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Tonality-b0016c26a7d32c59.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Tonality-b0016c26a7d32c59.js
deleted file mode 100644
index 3f53aaf11d4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/code/Tonality-b0016c26a7d32c59.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{93711:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/code/Tonality",function(){return o(86061)}])}},function(n){n.O(0,[4996,6061,9774,2888,179],function(){return n(n.s=93711)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Angular-95c33c518fabf0c9.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Angular-95c33c518fabf0c9.js
deleted file mode 100644
index 50107272841..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Angular-95c33c518fabf0c9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8783],{6506:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Angular",function(){return u(49301)}])}},function(n){n.O(0,[4996,9301,9774,2888,179],function(){return n(n.s=6506)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/HTML-8aeaa262f4f667fc.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/HTML-8aeaa262f4f667fc.js
deleted file mode 100644
index ca14307dcb4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/HTML-8aeaa262f4f667fc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1289],{69243:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/HTML",function(){return e(91198)}])},91198:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=69243)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/React-7c109d4a3b29cf5c.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/React-7c109d4a3b29cf5c.js
deleted file mode 100644
index 00233c154ad..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/React-7c109d4a3b29cf5c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7804],{56346:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/React",function(){return c(7932)}])}},function(n){n.O(0,[4996,4197,9774,2888,179],function(){return n(n.s=56346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Vue-eefbd70fd835edf1.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Vue-eefbd70fd835edf1.js
deleted file mode 100644
index c55ce2ba4d3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/docs/Vue-eefbd70fd835edf1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4484],{71321:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/docs/Vue",function(){return u(88644)}])}},function(n){n.O(0,[4996,8644,9774,2888,179],function(){return n(n.s=71321)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/examples-bb3bc3e5069a9768.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/examples-bb3bc3e5069a9768.js
deleted file mode 100644
index eddf2d0fa8b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/examples-bb3bc3e5069a9768.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8029],{36797:function(e,l,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/examples",function(){return c(71832)}])},27818:function(e,l,c){"use strict";var n=c(52322),d=c(2784),a=c(7070),o=c(8490);let t=(0,d.forwardRef)(function(e,l){let[c,t]=(0,d.useState)(()=>!1),[i,u]=(0,d.useState)(()=>o.IY),[s,r]=(0,d.useState)(()=>void 0),[h,f]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{t(!0),u(e.id||"checkbox-"+(0,a.Vj)()),e.stylePath&&f(e.stylePath)},[]),(0,d.useEffect)(()=>{if(c&&document&&i){var l;let c=null===(l=document)||void 0===l?void 0:l.getElementById(i);c&&(void 0!=e.checked&&(c.checked=e.checked),void 0!==e.indeterminate&&(c.indeterminate=e.indeterminate),void 0!==e.defaultChecked&&(c.defaultChecked=e.defaultChecked))}},[c,e.indeterminate,e.checked,e.defaultChecked]),(0,n.jsxs)(n.Fragment,{children:[h?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:h})}):null,(0,n.jsx)("input",{type:"checkbox",ref:l,className:(0,a.yI)("db-checkbox",e.className),id:i,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,"data-size":e.size,required:e.required,onChange:l=>{var c,n,d,a,o,t;e.onChange&&e.onChange(l),e.change&&e.change(l),(null===(n=l.target)||void 0===n?void 0:null===(c=n.validity)||void 0===c?void 0:c.valid)!=s&&(r(null===(a=l.target)||void 0===a?void 0:null===(d=a.validity)||void 0===d?void 0:d.valid),e.validityChange&&e.validityChange(!!(null===(t=l.target)||void 0===t?void 0:null===(o=t.validity)||void 0===o?void 0:o.valid)))},onBlur:l=>{e.onBlur&&e.onBlur(l),e.blur&&e.blur(l)},onFocus:l=>{e.onFocus&&e.onFocus(l),e.focus&&e.focus(l)}}),(0,n.jsxs)("label",{htmlFor:i,children:[e.label?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("span",{children:e.label})}):null,e.children]})]})});l.Z=t},8490:function(e,l,c){"use strict";var n,d,a,o,t,i,u;c.d(l,{$f:function(){return x},DM:function(){return v},IY:function(){return s},Kn:function(){return h},SU:function(){return r},YP:function(){return f},ce:function(){return g},iw:function(){return n},r$:function(){return a}});let s="OVERWRITE_DEFAULT_ID",r="LABEL SHOULD BE SET",h="-message",f="Back",g="Close Button";(t=n||(n={})).FUNCTIONAL="functional",t.REGULAR="regular",t.EXPRESSIVE="expressive";let x=Object.entries(n).map(e=>{let[,l]=e;return l});(d||(d={})).PRIMARY="primary",(i=a||(a={})).NEUTRAL="neutral",i.NEUTRAL_STRONG="neutral-strong",i.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",i.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",i.PRIMARY="primary",i.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",i.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",i.SUCCESSFUL="successful",i.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",i.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",i.CRITICAL="critical",i.CRITICAL_TRANSPARENT_Full="critical-transparent-full",i.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",i.WARNING="warning",i.WARNING_TRANSPARENT_FULL="warning-transparent-full",i.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",i.INFORMATIONAL="informational",i.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",i.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let v=Object.entries(a).map(e=>{let[,l]=e;return l});Object.entries(d).map(e=>{let[,l]=e;return l}),(u=o||(o={})).CRITICAL="critical",u.INFORMATIONAL="informational",u.WARNING="warning",u.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,l]=e;return l})},7070:function(e,l,c){"use strict";c.d(l,{Vj:function(){return n},mT:function(){return o},yI:function(){return a},yn:function(){return d}});let n=()=>{var e,l;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(l=window.crypto)||void 0===l?void 0:l.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(e,l)=>{let c=e.children;Object.values(c).forEach(e=>{e.setAttribute(l.key,l.value),e.children.length>0&&d(e,l)})},a=function(){for(var e=arguments.length,l=Array(e),c=0;c{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let l in e)e[l]&&(n+="".concat(l," "))}}),n.trim()},o=(e,l)=>l||(e&&"adaptive"!==e?void 0:"none")},71832:function(e,l,c){"use strict";c.r(l);var n=c(52322),d=c(18338),a=c(27818);l.default=()=>(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("h1",{children:" DBCheckbox Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"size:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{size:"small",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, describedbyid, disabled, focus, form, id, indeterminate, invalid, key, label, name, onBlur, onChange, onFocus, required, size, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",indeterminate:!0,invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,size:"small",tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, describedbyid, disabled, focus, form, id, indeterminate, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",indeterminate:!0,invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, id, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, disabled, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"defaultChecked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{defaultChecked:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"indeterminate:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{indeterminate:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{tabIndex:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"change:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{change:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onChange:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"blur:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onBlur:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"focus:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onFocus:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onFocus:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"validityChange:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{validityChange:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"defaultValue:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{defaultValue:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"disabled:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{disabled:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"form:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{form:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"invalid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{invalid:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"label:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{label:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"name:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{name:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"required:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{required:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=36797)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/how-to-use-613b2f5a1e4b1983.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/how-to-use-613b2f5a1e4b1983.js
deleted file mode 100644
index c6aa12343de..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/how-to-use-613b2f5a1e4b1983.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97],{86788:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/how-to-use",function(){return e(60170)}])},91198:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},60170:function(o,t,e){"use strict";e.r(t);var n=e(52322),c=e(45392),r=e(18338),s=e(91198),l=e(49301),d=e(7932),i=e(88644);let a=o=>{let{children:t}=o;return(0,n.jsx)(r.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,c.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBCheckbox"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9301,4197,8644,9774,2888,179],function(){return o(o.s=86788)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/migration-583a903a96fa7453.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/migration-583a903a96fa7453.js
deleted file mode 100644
index 3de0c904fc8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/migration-583a903a96fa7453.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8419],{32990:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/migration",function(){return e(42261)}])},42261:function(n,t,e){"use strict";e.r(t);var c=e(52322),i=e(45392),o=e(18338);let r=n=>{let{children:t}=n;return(0,c.jsx)(o.Z,{children:t})};function u(n){let t=Object.assign({h1:"h1"},(0,i.ah)(),n.components);return(0,c.jsx)(t.h1,{children:"DBCheckbox Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,c.jsx)(r,Object.assign({},n,{children:(0,c.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=32990)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/overview-ef412f0a34ffbc0a.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/overview-ef412f0a34ffbc0a.js
deleted file mode 100644
index 690791a5fe1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/overview-ef412f0a34ffbc0a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1940],{27143:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/overview",function(){return n(71356)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,l;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(l=e.props.children)&&void 0!==l?l:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),l=n(2784),i=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,d]=(0,l.useState)(),u=(0,s.useRouter)();(0,l.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);d(e)}}},[u]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...c})}),!c&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},71356:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(86061),l=n(49126),i=n(50739),r=n(51963),o=n(68623),c=n(75549),d=n(46810);let u=e=>{let{label:a,size:n,name:s,checked:l,invalid:i,required:o,children:c,disabled:d,indeterminate:u}=e;return(0,t.jsx)(r.I3,{label:a,size:n,name:s,checked:l,invalid:i,required:o,disabled:d,indeterminate:u,children:c})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBCheckbox",variants:(0,c.P)(d,u,[(0,t.jsx)(s.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(i.default,{})])})},46810:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"States","examples":[{"name":"Default","props":{"name":"States"}},{"name":"Disabled","props":{"name":"States","disabled":true}},{"name":"Disabled checked","props":{"name":"States","disabled":true,"checked":true}},{"name":"Required","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,9126,6061,739,9774,2888,179],function(){return e(e.s=27143)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/properties-ba87b5589b51317e.js b/version/v0.0.54/_next/static/chunks/pages/components/checkbox/properties-ba87b5589b51317e.js
deleted file mode 100644
index 436e53e065f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/checkbox/properties-ba87b5589b51317e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[537],{1379:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return d(18264)}])},18264:function(e,t,d){"use strict";d.r(t);var s=d(52322),r=d(45392),n=d(18338);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBCheckbox"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"size"}),(0,s.jsx)(t.td,{children:"Decide for a size (either regular, which is the default, or small)"}),(0,s.jsx)(t.td,{children:"literal"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"indeterminate"}),(0,s.jsxs)(t.td,{children:["Define an ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate",children:"indeterminate"})," state of a checkbox"]}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"change"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onChange"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"blur"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onBlur"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"focus"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onFocus"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"validityChange"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(valid: boolean) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"defaultValue"}),(0,s.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"disabled"}),(0,s.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"form"}),(0,s.jsx)(t.td,{children:"Associates the control with a form element"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"invalid"}),(0,s.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"label"}),(0,s.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"name"}),(0,s.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"required"}),(0,s.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"value"}),(0,s.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"checked"}),(0,s.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"defaultChecked"}),(0,s.jsxs)(t.td,{children:["Returns / Sets the default state of a radio button or checkbox as originally specified in HTML that created this object.",(0,s.jsx)("br",{}),"Vue: according to our research this property should not be used. Please refer to v-model instead.",(0,s.jsx)("br",{}),"cf. ",(0,s.jsx)(t.a,{href:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api",children:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api"})," vs. ",(0,s.jsx)(t.a,{href:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default",children:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default"})]}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=1379)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Angular-a9dc2b4d5984a11e.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Angular-a9dc2b4d5984a11e.js
deleted file mode 100644
index 783ad4b4539..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Angular-a9dc2b4d5984a11e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9899],{33045:function(n,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/Angular",function(){return s(84677)}])},84677:function(n,e,s){"use strict";s.r(e);var t=s(52322),c=s(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"Angular"}),"\n",(0,t.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=33045)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/HTML-8d5f82b87eb37f70.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/HTML-8d5f82b87eb37f70.js
deleted file mode 100644
index 798252e90fe..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/HTML-8d5f82b87eb37f70.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94],{174:function(n,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/HTML",function(){return s(78209)}])},78209:function(n,e,s){"use strict";s.r(e);var t=s(52322),c=s(45392);function o(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"HTML"}),"\n",(0,t.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(o,n)})):o(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=174)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/React-27ca6a984a6e8a4b.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/React-27ca6a984a6e8a4b.js
deleted file mode 100644
index 822081a41c3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/React-27ca6a984a6e8a4b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5502],{93768:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/React",function(){return c(28282)}])}},function(n){n.O(0,[4996,8282,9774,2888,179],function(){return n(n.s=93768)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Vue-55d0efbabc65ac06.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Vue-55d0efbabc65ac06.js
deleted file mode 100644
index ac0fc941fdc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/docs/Vue-55d0efbabc65ac06.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6090],{85139:function(n,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/docs/Vue",function(){return s(41724)}])},41724:function(n,e,s){"use strict";s.r(e);var t=s(52322),c=s(45392);function o(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"Vue"}),"\n",(0,t.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(o,n)})):o(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=85139)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/examples-32bebe6169431259.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/examples-32bebe6169431259.js
deleted file mode 100644
index 0da41ce5375..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/examples-32bebe6169431259.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6793],{74212:function(e,d,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/examples",function(){return t(81442)}])},54728:function(e,d,t){"use strict";var n=t(52322),i=t(2784),c=t(7070);let s=(0,i.forwardRef)(function(e,d){let[t,s]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,n.jsxs)("div",{ref:d,id:e.id,className:(0,c.yI)("db-card",e.className),"data-variant":e.variant,"data-color-variant":e.colorVariant,"data-elevation":e.elevation,"data-spacing":e.spacing,onClick:d=>{e.onClick&&e.onClick(d)},children:[t?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:t})}):null,e.imgSrc?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-card-image",src:e.imgSrc,alt:e.imgAlt,height:e.imgHeight,width:e.imgWidth})}):null,e.children]})});d.Z=s},34786:function(e,d,t){"use strict";t.d(d,{f:function(){return n.Z}});var n=t(54728)},63172:function(e,d,t){"use strict";var n=t(52322),i=t(2784),c=t(34786),s=t(7070);let l=(0,i.forwardRef)(function(e,d){var t,l;let[a,r]=(0,i.useState)(()=>!1),[o,h]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&h(e.stylePath)},[]),(0,n.jsxs)(c.f,{elevation:"none",ref:d,className:(0,s.yI)("db-code-docs",e.className),children:[o?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:o})}):null,e.children,(0,n.jsxs)("details",{className:"code-details",onToggle:e=>void r(!a),children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"primary",children:a?null!==(t=e.hideCodeLabel)&&void 0!==t?t:"Hide Code":null!==(l=e.showCodeLabel)&&void 0!==l?l:"Show Code"}),(0,n.jsx)("div",{className:"db-ui-functional code",children:e.slotCode})]})]})});d.Z=l},7070:function(e,d,t){"use strict";t.d(d,{Vj:function(){return n},mT:function(){return s},yI:function(){return c},yn:function(){return i}});let n=()=>{var e,d;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(d=window.crypto)||void 0===d?void 0:d.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,d)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(d.key,d.value),e.children.length>0&&i(e,d)})},c=function(){for(var e=arguments.length,d=Array(e),t=0;t{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let d in e)e[d]&&(n+="".concat(d," "))}}),n.trim()},s=(e,d)=>d||(e&&"adaptive"!==e?void 0:"none")},81442:function(e,d,t){"use strict";t.r(d);var n=t(52322),i=t(18338),c=t(63172);d.default=()=>(0,n.jsxs)(i.Z,{children:[(0,n.jsx)("h1",{children:" DBCodeDocs Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"showCodeLabel:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{showCodeLabel:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid, hideCodeLabel, id, key, showCodeLabel, slotCode, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",hideCodeLabel:"account",id:"account",showCodeLabel:"account",slotCode:(0,n.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, hideCodeLabel, id, key, slotCode, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",hideCodeLabel:"account",id:"account",slotCode:(0,n.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, id, key, slotCode, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",id:"account",slotCode:(0,n.jsx)("div",{children:"slotCode"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"hideCodeLabel:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{hideCodeLabel:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"slotCode:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{slotCode:(0,n.jsx)("div",{children:"slotCode"}),children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(c.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=74212)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/how-to-use-128706862dc07116.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/how-to-use-128706862dc07116.js
deleted file mode 100644
index d503a7dc496..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/how-to-use-128706862dc07116.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[575],{22525:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/how-to-use",function(){return t(13588)}])},84677:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Angular"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},78209:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"HTML"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},41724:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Vue"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},13588:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392),c=t(18338),i=t(78209),u=t(84677),o=t(28282),h=t(41724);let l=n=>{let{children:e}=n;return(0,s.jsx)(c.Z,{children:e})};function a(n){let e=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBCodeDocs"}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(u.default,{}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(h.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,Object.assign({},n,{children:(0,s.jsx)(a,n)}))}}},function(n){n.O(0,[4996,4375,8338,8282,9774,2888,179],function(){return n(n.s=22525)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/migration-d9283f59078e03a9.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/migration-d9283f59078e03a9.js
deleted file mode 100644
index 13a271f8972..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/migration-d9283f59078e03a9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4413],{24676:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/migration",function(){return e(99897)}])},99897:function(n,t,e){"use strict";e.r(t);var c=e(52322),i=e(45392),o=e(18338);let s=n=>{let{children:t}=n;return(0,c.jsx)(o.Z,{children:t})};function r(n){let t=Object.assign({h1:"h1"},(0,i.ah)(),n.components);return(0,c.jsx)(t.h1,{children:"DBCodeDocs Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,c.jsx)(s,Object.assign({},n,{children:(0,c.jsx)(r,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=24676)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/properties-c0c15ff71edf9148.js b/version/v0.0.54/_next/static/chunks/pages/components/code-docs/properties-c0c15ff71edf9148.js
deleted file mode 100644
index 63a7049b9c6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/code-docs/properties-c0c15ff71edf9148.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6104],{60251:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/code-docs/properties",function(){return s(73326)}])},73326:function(e,t,s){"use strict";s.r(t);var d=s(52322),i=s(45392),r=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(r.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,i.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBCodeDocs"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"showCodeLabel"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"hideCodeLabel"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"slotCode"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=60251)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider-32d69ebde96abb85.js b/version/v0.0.54/_next/static/chunks/pages/components/divider-32d69ebde96abb85.js
deleted file mode 100644
index 8fd71721810..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider-32d69ebde96abb85.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2058],{49120:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider",function(){return n(89141)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,i;return e.map((e,l)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(l))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,c]=(0,i.useState)(),u=(0,s.useRouter)();(0,i.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);c(e)}}},[u]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...d})}),!d&&(0,t.jsx)(l.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},89141:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(40344),i=n(94336),l=n(330),r=n(51963),o=n(68623),d=n(55491),c=n(75549);let u=e=>{let{variant:a,emphasis:n,children:s}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.EZ,{size:"small",variant:"informational",children:s}),(0,t.jsx)(r.oH,{variant:a,emphasis:n})]})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBDivider",variants:(0,c.P)(d,u,[(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},55491:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"regular (Default)","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Adaptive - Horizontal (Default)","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,344,4336,330,9774,2888,179],function(){return e(e.s=49120)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Emphasis-d373db8b0596055b.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Emphasis-d373db8b0596055b.js
deleted file mode 100644
index 635f8061472..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Emphasis-d373db8b0596055b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4120],{33156:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Emphasis",function(){return u(330)}])}},function(n){n.O(0,[4996,330,9774,2888,179],function(){return n(n.s=33156)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Tonality-9c816c08db45f12d.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Tonality-9c816c08db45f12d.js
deleted file mode 100644
index a8eace4aea8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Tonality-9c816c08db45f12d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6589],{18290:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Tonality",function(){return o(40344)}])}},function(n){n.O(0,[4996,344,9774,2888,179],function(){return n(n.s=18290)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Variant-e8b6a0f9d7754d4f.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Variant-e8b6a0f9d7754d4f.js
deleted file mode 100644
index c628322fd07..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/code/Variant-e8b6a0f9d7754d4f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1632],{23110:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/code/Variant",function(){return u(94336)}])}},function(n){n.O(0,[4996,4336,9774,2888,179],function(){return n(n.s=23110)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Angular-7b6fc538590d19a8.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Angular-7b6fc538590d19a8.js
deleted file mode 100644
index eb835fafe31..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Angular-7b6fc538590d19a8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4762],{73153:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Angular",function(){return e(87972)}])},87972:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDividerModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDividerModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}=Object.assign({},(0,r.ah)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[4996,9774,2888,179],function(){return e(e.s=7682)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Migration-1264b02875910244.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Migration-1264b02875910244.js
deleted file mode 100644
index fe1955bdc55..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Migration-1264b02875910244.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6822],{80893:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Migration",function(){return o(39202)}])},39202:function(n,e,o){"use strict";o.r(e);var t=o(52322),s=o(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"General"}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=80893)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/React-f67a8349c8b8f534.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/React-f67a8349c8b8f534.js
deleted file mode 100644
index 2a4367dc162..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/React-f67a8349c8b8f534.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8024],{52365:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/React",function(){return e(70355)}])},70355:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDivider ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBDivider ",props:{style:{color:"#8FBCBB"}}},{content:"/>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=52365)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Vue-d9add4056f132e18.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Vue-d9add4056f132e18.js
deleted file mode 100644
index 4479c9b72cb..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/docs/Vue-d9add4056f132e18.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4835],{74409:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/docs/Vue",function(){return t(13274)}])},13274:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return i}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"Vue"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=74409)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/examples-f9eb14aa3a47df74.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/examples-f9eb14aa3a47df74.js
deleted file mode 100644
index 81e8ab1fb55..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/examples-f9eb14aa3a47df74.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2945],{28427:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/examples",function(){return n(46846)}])},5907:function(e,t,n){"use strict";var d=n(52322),i=n(2784),s=n(7070);let c=(0,i.forwardRef)(function(e,t){let[n,c]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&c(e.stylePath)},[]),(0,d.jsx)("div",{ref:t,id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,s.yI)("db-divider",e.className),children:n?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("link",{rel:"stylesheet",href:n})}):null})});t.Z=c},7070:function(e,t,n){"use strict";n.d(t,{Vj:function(){return d},mT:function(){return c},yI:function(){return s},yn:function(){return i}});let d=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{let n=e.children;Object.values(n).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)d+="".concat(e," ");else for(let t in e)e[t]&&(d+="".concat(t," "))}}),d.trim()},c=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none")},46846:function(e,t,n){"use strict";n.r(t);var d=n(52322),i=n(18338),s=n(5907);t.default=()=>(0,d.jsxs)(i.Z,{children:[(0,d.jsx)("h1",{children:" DBDivider Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"margin:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{margin:"_",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid, emphasis, id, key, margin, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{describedbyid:"account",emphasis:"strong",id:"account",margin:"_",tabIndex:100,title:"account",variant:"vertical",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, emphasis, id, key, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{describedbyid:"account",emphasis:"strong",id:"account",tabIndex:100,title:"account",variant:"vertical",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, emphasis, id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{describedbyid:"account",emphasis:"strong",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"emphasis, id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{emphasis:"strong",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"emphasis, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{emphasis:"strong",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"emphasis, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{emphasis:"strong",tabIndex:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"emphasis, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{emphasis:"strong",title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"emphasis:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{emphasis:"strong",children:"Test"})]}),(0,d.jsx)("dt",{children:"variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{variant:"vertical",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{tabIndex:100,children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(s.Z,{title:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=28427)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/how-to-use-811e2edcd5bd1e5d.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/how-to-use-811e2edcd5bd1e5d.js
deleted file mode 100644
index 160689976cf..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/how-to-use-811e2edcd5bd1e5d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8659],{13935:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/how-to-use",function(){return e(86942)}])},87972:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDividerModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDividerModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},70355:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDivider ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBDivider ",props:{style:{color:"#8FBCBB"}}},{content:"/>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},13274:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},86942:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(86462),d=e(87972),i=e(70355),l=e(13274);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBDivider"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=13935)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/migration-967d6db1a2e482bc.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/migration-967d6db1a2e482bc.js
deleted file mode 100644
index 6907f0abd06..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/migration-967d6db1a2e482bc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3287],{61475:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/migration",function(){return t(28383)}])},39202:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function o(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"General"}),"\n",(0,s.jsxs)(e.blockquote,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(o,n)})):o(n)}},28383:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392),o=t(18338),i=t(39202);let c=n=>{let{children:e}=n;return(0,s.jsx)(o.Z,{children:e})};function u(n){let e=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"DBDivider Migration"}),"\n",(0,s.jsx)(i.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(c,Object.assign({},n,{children:(0,s.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=61475)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/overview-4249487cde53e290.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/overview-4249487cde53e290.js
deleted file mode 100644
index ddadf2037b6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/overview-4249487cde53e290.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5785],{43043:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/overview",function(){return n(36499)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,i;return e.map((e,l)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(l))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,c]=(0,i.useState)(),u=(0,s.useRouter)();(0,i.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);c(e)}}},[u]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[d&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...d})}),!d&&(0,t.jsx)(l.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},36499:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(40344),i=n(94336),l=n(330),r=n(51963),o=n(68623),d=n(55491),c=n(75549);let u=e=>{let{variant:a,emphasis:n,children:s}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.EZ,{size:"small",variant:"informational",children:s}),(0,t.jsx)(r.oH,{variant:a,emphasis:n})]})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBDivider",variants:(0,c.P)(d,u,[(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},55491:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"regular (Default)","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Adaptive - Horizontal (Default)","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,344,4336,330,9774,2888,179],function(){return e(e.s=43043)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/divider/properties-1378de8d00403cb1.js b/version/v0.0.54/_next/static/chunks/pages/components/divider/properties-1378de8d00403cb1.js
deleted file mode 100644
index d6549f5f5d2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/divider/properties-1378de8d00403cb1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[788],{967:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return s(5641)}])},5641:function(e,t,s){"use strict";s.r(t);var d=s(52322),r=s(45392),i=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBDivider"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"margin"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"'none' | '_'"})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"variant"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"emphasis"}),(0,d.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=967)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer-d2f1b0079e1e0237.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer-d2f1b0079e1e0237.js
deleted file mode 100644
index 01a45fedd9b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer-d2f1b0079e1e0237.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[317],{25768:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer",function(){return n(11417)}])},75549:function(e,t,n){"use strict";n.d(t,{P:function(){return a}});let a=(e,t,n)=>{var a,o,s;return e.map((e,r)=>({...e,slotCode:null!==(a=null==n?void 0:n.at(r))&&void 0!==a?a:"No code available",examples:e.examples.map(e=>({...e,example:t({...e.props,id:null!==(o=e.props.id)&&void 0!==o?o:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,t,n){"use strict";var a=n(52322),o=n(5632),s=n(2784),r=n(18338),l=n(51963);let i=e=>{let{examples:t,slotCode:n}=e;return(0,a.jsx)(l.wq,{className:"variants-card",slotCode:n,children:(0,a.jsx)("div",{className:"variants-list",children:t.map((e,t)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(t)))})})};t.Z=e=>{let{title:t,variants:n}=e,[u,d]=(0,s.useState)(),p=(0,o.useRouter)();(0,s.useEffect)(()=>{if(p.query){var e;let t=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(t){let e=n.find(e=>e.name.toLowerCase()===t);d(e)}}},[p]);let c=e=>{var t,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(t=n.location)||void 0===t?void 0:t.href,"?page=").concat(e.name.toLowerCase()):""};return(0,a.jsxs)(a.Fragment,{children:[u&&(0,a.jsx)("div",{children:(0,a.jsx)(i,{...u})}),!u&&(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,a.jsx)("h1",{children:t}),null==n?void 0:n.map((e,t)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(l.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(l.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,a.jsx)(i,{...e})]},"".concat(e.name,"-").concat(t)))]})})]})}},11417:function(e,t,n){"use strict";n.r(t);var a=n(52322),o=n(70997),s=n(24640),r=n(99303),l=n(16318),i=n(3960),u=n(60700),d=n(2784),p=n(51963),c=n(95067),m=n(68623),h=n(75549);let x=e=>{let{id:t,width:n,rounded:o,withCloseButton:s,spacing:r,openDrawer:l,setOpenDrawer:i,direction:u,children:d,backdrop:c}=e;return(0,a.jsxs)("div",{children:[(0,a.jsx)(p.TG,{withCloseButton:s,rounded:o,width:n,spacing:r,backdrop:c,direction:u,open:l===t,onClose:()=>{i(void 0)},children:d}),(0,a.jsxs)(p.Y1,{onClick:()=>{i(t)},children:["Open: ",d]})]})};t.default=()=>{let[e,t]=(0,d.useState)(void 0);return(0,a.jsx)(m.Z,{title:"DBDrawer",variants:(0,h.P)(c,n=>x({...n,openDrawer:e,setOpenDrawer:t}),[(0,a.jsx)(o.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(r.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(u.default,{})])})}},95067:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Size","examples":[{"name":"With padding (Default)","props":{"withCloseButton":true}},{"name":"Full","props":{"withCloseButton":true,"width":"full"}}]},{"name":"Rounded","examples":[{"name":"No rounding (Default)","props":{"withCloseButton":true}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true}}]},{"name":"Spacing","examples":[{"name":"Medium (Default)","props":{"withCloseButton":true}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"}}]},{"name":"Backdrop","examples":[{"name":"With Backdrop (Default)","props":{"withCloseButton":true}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"}}]},{"name":"Directions","examples":[{"name":"Right (Default)","props":{"withCloseButton":true}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6318,700,3960,997,4640,9303,9774,2888,179],function(){return e(e.s=25768)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Backdrop-a6128d6d9302c87c.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Backdrop-a6128d6d9302c87c.js
deleted file mode 100644
index f326909d0dc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Backdrop-a6128d6d9302c87c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2134],{82792:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Backdrop",function(){return o(3960)}])}},function(n){n.O(0,[4996,3960,9774,2888,179],function(){return n(n.s=82792)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Directions-dfabc10f7ce00ba1.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Directions-dfabc10f7ce00ba1.js
deleted file mode 100644
index c54165bf56a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Directions-dfabc10f7ce00ba1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8212],{24738:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Directions",function(){return e(60700)}])}},function(n){n.O(0,[4996,700,9774,2888,179],function(){return n(n.s=24738)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Rounded-2d99cae7194db87a.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Rounded-2d99cae7194db87a.js
deleted file mode 100644
index bdf5e716668..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Rounded-2d99cae7194db87a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8341],{52004:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Rounded",function(){return u(99303)}])}},function(n){n.O(0,[4996,9303,9774,2888,179],function(){return n(n.s=52004)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Size-f8b0d2fc83b60fbc.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Size-f8b0d2fc83b60fbc.js
deleted file mode 100644
index 64fe5179c39..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Size-f8b0d2fc83b60fbc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2371],{51622:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Size",function(){return e(24640)}])}},function(n){n.O(0,[4996,4640,9774,2888,179],function(){return n(n.s=51622)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Spacing-c5cc2752563a8f7b.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Spacing-c5cc2752563a8f7b.js
deleted file mode 100644
index 1a10faf4be6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Spacing-c5cc2752563a8f7b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1761],{91116:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Spacing",function(){return u(16318)}])}},function(n){n.O(0,[4996,6318,9774,2888,179],function(){return n(n.s=91116)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Tonality-8552db1bfa82c9c5.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Tonality-8552db1bfa82c9c5.js
deleted file mode 100644
index 50a3b9ccd6c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/code/Tonality-8552db1bfa82c9c5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6126],{4370:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/code/Tonality",function(){return o(70997)}])}},function(n){n.O(0,[4996,997,9774,2888,179],function(){return n(n.s=4370)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Angular-55efd4b1faafdd99.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Angular-55efd4b1faafdd99.js
deleted file mode 100644
index ced0bf297a5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Angular-55efd4b1faafdd99.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4852],{73606:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Angular",function(){return u(96103)}])}},function(n){n.O(0,[4996,6103,9774,2888,179],function(){return n(n.s=73606)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/HTML-42a7182821fe6bd0.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/HTML-42a7182821fe6bd0.js
deleted file mode 100644
index 03fc6502819..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/HTML-42a7182821fe6bd0.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[652],{66341:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/HTML",function(){return u(32423)}])}},function(n){n.O(0,[4996,2423,9774,2888,179],function(){return n(n.s=66341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Migration-99a0d7495f48423f.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Migration-99a0d7495f48423f.js
deleted file mode 100644
index d1d3f5ff8c4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Migration-99a0d7495f48423f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9215],{830:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Migration",function(){return o(69197)}])},69197:function(n,e,o){"use strict";o.r(e);var t=o(52322),s=o(45392);function r(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"General"}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=830)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/React-ce70271204465141.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/React-ce70271204465141.js
deleted file mode 100644
index 5f395d69665..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/React-ce70271204465141.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5375],{49159:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/React",function(){return u(54413)}])}},function(n){n.O(0,[4996,6117,9774,2888,179],function(){return n(n.s=49159)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Vue-787aedef67f5ed6a.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Vue-787aedef67f5ed6a.js
deleted file mode 100644
index e17d31c8b6b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/docs/Vue-787aedef67f5ed6a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3473],{3376:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/docs/Vue",function(){return u(19721)}])}},function(n){n.O(0,[4996,9721,9774,2888,179],function(){return n(n.s=3376)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/examples-e09fedebb292f8ec.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/examples-e09fedebb292f8ec.js
deleted file mode 100644
index 61dbd51b5b8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/examples-e09fedebb292f8ec.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3391],{36238:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/examples",function(){return t(20263)}])},96889:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(7070);let l=(0,s.forwardRef)(function(e,n){let[t,l]=(0,s.useState)(()=>null);return(0,s.useEffect)(()=>{e.stylePath&&l(e.stylePath)},[]),(0,r.jsxs)("button",{id:e.id,ref:n,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[t?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:t})}):null,e.children]})});n.Z=l},94938:function(e,n,t){"use strict";t.d(n,{Y:function(){return r.Z}});var r=t(96889)},37008:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(94938),l=t(8490),c=t(7070);let d=(0,s.forwardRef)(function(e,n){var t;let d=(0,s.useRef)(n),o=(0,s.useRef)(null),[a,u]=(0,s.useState)(()=>l.IY);function h(n){"Escape"===n.key&&n.preventDefault(),("close"===n||"Escape"===n.key||"DIALOG"===n.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function x(){d.current&&(e.open&&!d.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?d.current.show():d.current.showModal()),!e.open&&d.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=d.current)||void 0===e||e.close()},401)))}let[p,j]=(0,s.useState)(()=>null);return(0,s.useEffect)(()=>{u(e.id||"drawer-"+(0,c.Vj)()),e.stylePath&&j(e.stylePath),x()},[]),(0,s.useEffect)(()=>{x()},[e.open]),(0,r.jsxs)("dialog",{className:"db-drawer",id:a,ref:d,onClick:e=>{h(e)},onKeyDown:e=>h(e),"data-backdrop":e.backdrop,children:[p?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:p})}):null,(0,r.jsxs)("article",{ref:o,className:(0,c.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,r.jsxs)("header",{className:"db-drawer-header",children:[(0,r.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(i.Y,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>h("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:l.ce})}):null]}),(0,r.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})});n.Z=d},8490:function(e,n,t){"use strict";var r,s,i,l,c,d,o;t.d(n,{$f:function(){return j},DM:function(){return f},IY:function(){return a},Kn:function(){return h},SU:function(){return u},YP:function(){return x},ce:function(){return p},iw:function(){return r},r$:function(){return i}});let a="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",x="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive";let j=Object.entries(r).map(e=>{let[,n]=e;return n});(s||(s={})).PRIMARY="primary",(d=i||(i={})).NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.PRIMARY="primary",d.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",d.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.WARNING="warning",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let f=Object.entries(i).map(e=>{let[,n]=e;return n});Object.entries(s).map(e=>{let[,n]=e;return n}),(o=l||(l={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,n]=e;return n})},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return r},mT:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},l=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},20263:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(2784),i=t(96889),l=t(18338),c=t(37008);n.default=()=>{let[e,n]=(0,s.useState)(-1);return(0,r.jsxs)(l.Z,{children:[(0,r.jsx)("h1",{children:" DBDrawer Examples "}),(0,r.jsxs)("dl",{className:"example-list",children:[(0,r.jsx)("dt",{children:"direction:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(0)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:0===e,onClose:()=>n(-1),direction:"right",children:"Test"})]}),(0,r.jsx)("dt",{children:"closeButtonId, closeButtonText, width:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(1)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:1===e,onClose:()=>n(-1),closeButtonId:"account",closeButtonText:"account",width:"auto",children:"Test"})]}),(0,r.jsx)("dt",{children:"closeButtonText, width:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(2)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:2===e,onClose:()=>n(-1),closeButtonText:"account",width:"auto",children:"Test"})]}),(0,r.jsx)("dt",{children:"width:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(3)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:3===e,onClose:()=>n(-1),width:"auto",children:"Test"})]}),(0,r.jsx)("dt",{children:"backdrop:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(4)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:4===e,onClose:()=>n(-1),backdrop:"weak",children:"Test"})]}),(0,r.jsx)("dt",{children:"rounded:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(5)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:5===e,onClose:()=>n(-1),rounded:!0,children:"Test"})]}),(0,r.jsx)("dt",{children:"slotDrawerHeader:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(6)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:6===e,onClose:()=>n(-1),slotDrawerHeader:(0,r.jsx)("div",{children:"slotDrawerHeader"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"spacing:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(7)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:7===e,onClose:()=>n(-1),spacing:"small",children:"Test"})]}),(0,r.jsx)("dt",{children:"withCloseButton:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(8)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:8===e,onClose:()=>n(-1),withCloseButton:!0,children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(9)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:9===e,onClose:()=>n(-1),describedbyid:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"id:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(10)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:10===e,onClose:()=>n(-1),id:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"key:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(11)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:11===e,onClose:()=>n(-1),children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"tabIndex:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(12)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:12===e,onClose:()=>n(-1),tabIndex:100,children:"Test"})]}),(0,r.jsx)("dt",{children:"title:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(13)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:13===e,onClose:()=>n(-1),title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"closeButtonId:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(14)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:14===e,onClose:()=>n(-1),closeButtonId:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"closeButtonText:"})," ",(0,r.jsx)(i.Z,{onClick:()=>{n(15)},children:"Open Dialog"}),(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{open:15===e,onClose:()=>n(-1),closeButtonText:"account",children:"Test"})]})]})]})}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=36238)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/how-to-use-4295e17da7770bc3.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/how-to-use-4295e17da7770bc3.js
deleted file mode 100644
index b983575c06c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/how-to-use-4295e17da7770bc3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3920],{34764:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/how-to-use",function(){return t(4967)}])},4967:function(n,e,t){"use strict";t.r(e);var s=t(52322),u=t(45392),r=t(18338),c=t(32423),o=t(96103),i=t(54413),l=t(19721);let a=n=>{let{children:e}=n;return(0,s.jsx)(r.Z,{children:e})};function f(n){let e=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBDrawer"}),"\n",(0,s.jsx)(c.default,{}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(l.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(a,Object.assign({},n,{children:(0,s.jsx)(f,n)}))}}},function(n){n.O(0,[4996,4375,8338,6117,9721,6103,2423,9774,2888,179],function(){return n(n.s=34764)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/migration-c2bd19d9bbf9c67b.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/migration-c2bd19d9bbf9c67b.js
deleted file mode 100644
index 251e3e3ac67..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/migration-c2bd19d9bbf9c67b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1138],{44554:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/migration",function(){return t(63249)}])},69197:function(n,e,t){"use strict";t.r(e);var r=t(52322),s=t(45392);function o(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,r.jsx)(e,Object.assign({},n,{children:(0,r.jsx)(o,n)})):o(n)}},63249:function(n,e,t){"use strict";t.r(e);var r=t(52322),s=t(45392),o=t(18338),c=t(69197);let i=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function a(n){let e=Object.assign({h1:"h1"},(0,s.ah)(),n.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"DBDrawer Migration"}),"\n",(0,r.jsx)(c.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,Object.assign({},n,{children:(0,r.jsx)(a,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=44554)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/overview-2a8b759d38651e74.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/overview-2a8b759d38651e74.js
deleted file mode 100644
index 17be382138f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/overview-2a8b759d38651e74.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1405],{25753:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/overview",function(){return n(37869)}])},75549:function(e,t,n){"use strict";n.d(t,{P:function(){return a}});let a=(e,t,n)=>{var a,o,s;return e.map((e,r)=>({...e,slotCode:null!==(a=null==n?void 0:n.at(r))&&void 0!==a?a:"No code available",examples:e.examples.map(e=>({...e,example:t({...e.props,id:null!==(o=e.props.id)&&void 0!==o?o:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,t,n){"use strict";var a=n(52322),o=n(5632),s=n(2784),r=n(18338),l=n(51963);let i=e=>{let{examples:t,slotCode:n}=e;return(0,a.jsx)(l.wq,{className:"variants-card",slotCode:n,children:(0,a.jsx)("div",{className:"variants-list",children:t.map((e,t)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(t)))})})};t.Z=e=>{let{title:t,variants:n}=e,[u,d]=(0,s.useState)(),p=(0,o.useRouter)();(0,s.useEffect)(()=>{if(p.query){var e;let t=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(t){let e=n.find(e=>e.name.toLowerCase()===t);d(e)}}},[p]);let c=e=>{var t,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(t=n.location)||void 0===t?void 0:t.href,"?page=").concat(e.name.toLowerCase()):""};return(0,a.jsxs)(a.Fragment,{children:[u&&(0,a.jsx)("div",{children:(0,a.jsx)(i,{...u})}),!u&&(0,a.jsx)(r.Z,{children:(0,a.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,a.jsx)("h1",{children:t}),null==n?void 0:n.map((e,t)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(l.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(l.vB,{content:"external",target:"_blank",href:c(e),children:e.name})}),(0,a.jsx)(i,{...e})]},"".concat(e.name,"-").concat(t)))]})})]})}},37869:function(e,t,n){"use strict";n.r(t);var a=n(52322),o=n(70997),s=n(24640),r=n(99303),l=n(16318),i=n(3960),u=n(60700),d=n(2784),p=n(51963),c=n(95067),m=n(68623),h=n(75549);let w=e=>{let{id:t,width:n,rounded:o,withCloseButton:s,spacing:r,openDrawer:l,setOpenDrawer:i,direction:u,children:d,backdrop:c}=e;return(0,a.jsxs)("div",{children:[(0,a.jsx)(p.TG,{withCloseButton:s,rounded:o,width:n,spacing:r,backdrop:c,direction:u,open:l===t,onClose:()=>{i(void 0)},children:d}),(0,a.jsxs)(p.Y1,{onClick:()=>{i(t)},children:["Open: ",d]})]})};t.default=()=>{let[e,t]=(0,d.useState)(void 0);return(0,a.jsx)(m.Z,{title:"DBDrawer",variants:(0,h.P)(c,n=>w({...n,openDrawer:e,setOpenDrawer:t}),[(0,a.jsx)(o.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(r.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(u.default,{})])})}},95067:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Size","examples":[{"name":"With padding (Default)","props":{"withCloseButton":true}},{"name":"Full","props":{"withCloseButton":true,"width":"full"}}]},{"name":"Rounded","examples":[{"name":"No rounding (Default)","props":{"withCloseButton":true}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true}}]},{"name":"Spacing","examples":[{"name":"Medium (Default)","props":{"withCloseButton":true}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"}}]},{"name":"Backdrop","examples":[{"name":"With Backdrop (Default)","props":{"withCloseButton":true}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"}}]},{"name":"Directions","examples":[{"name":"Right (Default)","props":{"withCloseButton":true}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6318,700,3960,997,4640,9303,9774,2888,179],function(){return e(e.s=25753)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/drawer/properties-b26de152cf402413.js b/version/v0.0.54/_next/static/chunks/pages/components/drawer/properties-b26de152cf402413.js
deleted file mode 100644
index 3354a90d1b3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/drawer/properties-b26de152cf402413.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5931],{48765:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return d(86642)}])},86642:function(e,t,d){"use strict";d.r(t);var s=d(52322),r=d(45392),n=d(18338);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBDrawer"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"direction"}),(0,s.jsxs)(t.td,{children:["The direction attribute changes the position & animation of the drawer.",(0,s.jsx)("br",{}),'E. g. "left" slides from left screen border to the right.']}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'up' | 'down'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"backdrop"}),(0,s.jsx)(t.td,{children:"The backdrop attribute changes the opacity of the backdrop."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'strong' | 'weak' | 'none'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"open"}),(0,s.jsx)(t.td,{children:"The open attribute opens or closes the drawer based on the state."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"rounded"}),(0,s.jsxs)(t.td,{children:['The rounded attribute changes the border radius of the corners on the "end" of the drawer.',(0,s.jsx)("br",{}),'The "end" depends on which direction you use.']}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotDrawerHeader"}),(0,s.jsx)(t.td,{children:"React specific to change the header of the drawer."}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"spacing"}),(0,s.jsx)(t.td,{children:"The @dependabot recreate attribute changes the padding inside the drawer."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small' | 'large' | 'none'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"withCloseButton"}),(0,s.jsx)(t.td,{children:"The withCloseButton attribute shows/hides the default close button."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onClose"}),(0,s.jsx)(t.td,{children:"Function to handle button click (close)."}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"closeButtonId"}),(0,s.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"closeButtonText"}),(0,s.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"width"}),(0,s.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=48765)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Angular-32425479d6c4514d.js b/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Angular-32425479d6c4514d.js
deleted file mode 100644
index cd369da0c8b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Angular-32425479d6c4514d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27],{5247:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Angular",function(){return u(82906)}])}},function(n){n.O(0,[4996,2906,9774,2888,179],function(){return n(n.s=5247)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/HTML-5df04a5c7e9936ae.js b/version/v0.0.54/_next/static/chunks/pages/components/header/docs/HTML-5df04a5c7e9936ae.js
deleted file mode 100644
index 55166654c71..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/HTML-5df04a5c7e9936ae.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6330],{39849:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/HTML",function(){return t(77467)}])},77467:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return d}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"HTML"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=39849)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/React-3742228bf5c7aab3.js b/version/v0.0.54/_next/static/chunks/pages/components/header/docs/React-3742228bf5c7aab3.js
deleted file mode 100644
index 0b0071127ae..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/React-3742228bf5c7aab3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8055],{6920:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/React",function(){return e(55685)}])}},function(n){n.O(0,[4996,5685,9774,2888,179],function(){return n(n.s=6920)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Vue-84de6f70679c4727.js b/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Vue-84de6f70679c4727.js
deleted file mode 100644
index 7e0b8626d7a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/docs/Vue-84de6f70679c4727.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6871],{90669:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/docs/Vue",function(){return u(41864)}])}},function(n){n.O(0,[4996,1864,9774,2888,179],function(){return n(n.s=90669)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/examples-a2ddd35651644867.js b/version/v0.0.54/_next/static/chunks/pages/components/header/examples-a2ddd35651644867.js
deleted file mode 100644
index 9f9b242dbb8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/examples-a2ddd35651644867.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8757],{87691:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/examples",function(){return t(61650)}])},96889:function(e,n,t){"use strict";var r=t(52322),i=t(2784),d=t(7070);let l=(0,i.forwardRef)(function(e,n){let[t,l]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&l(e.stylePath)},[]),(0,r.jsxs)("button",{id:e.id,ref:n,className:(0,d.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[t?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:t})}):null,e.children]})});n.Z=l},94938:function(e,n,t){"use strict";t.d(n,{Y:function(){return r.Z}});var r=t(96889)},37008:function(e,n,t){"use strict";var r=t(52322),i=t(2784),d=t(94938),l=t(8490),a=t(7070);let c=(0,i.forwardRef)(function(e,n){var t;let c=(0,i.useRef)(n),o=(0,i.useRef)(null),[s,u]=(0,i.useState)(()=>l.IY);function h(n){"Escape"===n.key&&n.preventDefault(),("close"===n||"Escape"===n.key||"DIALOG"===n.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function b(){c.current&&(e.open&&!c.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?c.current.show():c.current.showModal()),!e.open&&c.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=c.current)||void 0===e||e.close()},401)))}let[x,g]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{u(e.id||"drawer-"+(0,a.Vj)()),e.stylePath&&g(e.stylePath),b()},[]),(0,i.useEffect)(()=>{b()},[e.open]),(0,r.jsxs)("dialog",{className:"db-drawer",id:s,ref:c,onClick:e=>{h(e)},onKeyDown:e=>h(e),"data-backdrop":e.backdrop,children:[x?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:x})}):null,(0,r.jsxs)("article",{ref:o,className:(0,a.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,r.jsxs)("header",{className:"db-drawer-header",children:[(0,r.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(d.Y,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>h("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:l.ce})}):null]}),(0,r.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})});n.Z=c},19571:function(e,n,t){"use strict";t.d(n,{T:function(){return r.Z}});var r=t(37008)},32046:function(e,n,t){"use strict";var r=t(52322),i=t(2784),d=t(7070),l=t(94938),a=t(19571),c=t(8490);let o=(0,i.forwardRef)(function(e,n){var t;let[o,s]=(0,i.useState)(()=>c.IY),[u,h]=(0,i.useState)(()=>!1),[b,x]=(0,i.useState)(()=>!1),[g,j]=(0,i.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function T(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[f,N]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{h(!0),s(e.id||"header-"+(0,d.Vj)()),e.stylePath&&N(e.stylePath)},[]),(0,i.useEffect)(()=>{if(u&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,d.yn)(e,{key:"force-mobile",value:""}),x(!0)}},[u]),(0,r.jsxs)("header",{ref:n,className:(0,d.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!b,children:[f?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:f})}):null,(0,r.jsxs)(a.T,{"data-hide-on":"desktop",spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>T(),children:[(0,r.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,r.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,r.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,r.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,r.jsx)("div",{className:"db-header-meta-navigation","data-hide-on":"mobile",children:e.slotMetaNavigation}),(0,r.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,r.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,r.jsxs)("div",{className:"db-header-navigation-container",children:[(0,r.jsx)("div",{className:"db-header-navigation","data-hide-on":"mobile",children:e.children}),(0,r.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,r.jsxs)("div",{className:"db-header-action-container",children:[(0,r.jsx)("div",{"data-hide-on":"desktop",children:(0,r.jsx)(l.Y,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>T(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:g.burgerMenuLabel})}),(0,r.jsx)("div",{className:"db-header-action-bar","data-hide-on":"mobile",children:e.slotActionBar})]})]})]})});n.Z=o},8490:function(e,n,t){"use strict";var r,i,d,l,a,c,o;t.d(n,{$f:function(){return g},DM:function(){return j},IY:function(){return s},Kn:function(){return h},SU:function(){return u},YP:function(){return b},ce:function(){return x},iw:function(){return r},r$:function(){return d}});let s="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",b="Back",x="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive";let g=Object.entries(r).map(e=>{let[,n]=e;return n});(i||(i={})).PRIMARY="primary",(c=d||(d={})).NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.PRIMARY="primary",c.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",c.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.WARNING="warning",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let j=Object.entries(d).map(e=>{let[,n]=e;return n});Object.entries(i).map(e=>{let[,n]=e;return n}),(o=l||(l={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,n]=e;return n})},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return r},mT:function(){return l},yI:function(){return d},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},d=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},l=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},61650:function(e,n,t){"use strict";t.r(n);var r=t(52322),i=t(18338),d=t(32046);n.default=()=>(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:" DBHeader Examples "}),(0,r.jsxs)("dl",{className:"example-list",children:[(0,r.jsx)("dt",{children:"slotBrand:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{slotBrand:(0,r.jsx)("div",{children:"slotBrand"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotBrand, slotCallToAction, slotMetaNavigation, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,r.jsx)("div",{children:"slotActionBar"}),slotBrand:(0,r.jsx)("div",{children:"slotBrand"}),slotCallToAction:(0,r.jsx)("div",{children:"slotCallToAction"}),slotMetaNavigation:(0,r.jsx)("div",{children:"slotMetaNavigation"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotCallToAction, slotMetaNavigation, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,r.jsx)("div",{children:"slotActionBar"}),slotCallToAction:(0,r.jsx)("div",{children:"slotCallToAction"}),slotMetaNavigation:(0,r.jsx)("div",{children:"slotMetaNavigation"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, slotCallToAction, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,r.jsx)("div",{children:"slotActionBar"}),slotCallToAction:(0,r.jsx)("div",{children:"slotCallToAction"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, slotActionBar, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),slotActionBar:(0,r.jsx)("div",{children:"slotActionBar"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, drawerOpen, forceMobile, id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",drawerOpen:!0,forceMobile:!0,id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, forceMobile, id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",forceMobile:!0,id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"burgerMenuLabel, describedbyid, id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{describedbyid:"account",id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"id, key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{id:"account",onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"key, onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"onToggle, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{onToggle:e=>console.log(e),tabIndex:100,title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"onToggle, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{onToggle:e=>console.log(e),title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"onToggle:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{onToggle:e=>console.log(e),children:"Test"})]}),(0,r.jsx)("dt",{children:"slotMetaNavigation:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{slotMetaNavigation:(0,r.jsx)("div",{children:"slotMetaNavigation"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"slotCallToAction:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{slotCallToAction:(0,r.jsx)("div",{children:"slotCallToAction"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"slotActionBar:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{slotActionBar:(0,r.jsx)("div",{children:"slotActionBar"}),children:"Test"})]}),(0,r.jsx)("dt",{children:"drawerOpen:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{drawerOpen:!0,children:"Test"})]}),(0,r.jsx)("dt",{children:"forceMobile:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{forceMobile:!0,children:"Test"})]}),(0,r.jsx)("dt",{children:"burgerMenuLabel:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{burgerMenuLabel:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{describedbyid:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"id:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{id:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"key:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{tabIndex:100,children:"Test"})]}),(0,r.jsx)("dt",{children:"title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(d.Z,{title:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=87691)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/how-to-use-d4725fd96254fdd9.js b/version/v0.0.54/_next/static/chunks/pages/components/header/how-to-use-d4725fd96254fdd9.js
deleted file mode 100644
index 6352b59a00c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/how-to-use-d4725fd96254fdd9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4905],{61423:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/how-to-use",function(){return o(8309)}])},77467:function(e,t,o){"use strict";o.r(t),o.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=o(52322),r=o(45392),c=o(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(e){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),e.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),e.components);return t?(0,n.jsx)(t,Object.assign({},e,{children:(0,n.jsx)(i,e)})):i(e)}},8309:function(e,t,o){"use strict";o.r(t);var n=o(52322),r=o(45392),c=o(18338),s=o(77467),d=o(82906),i=o(55685),l=o(41864);let a=e=>{let{children:t}=e;return(0,n.jsx)(c.Z,{children:t})};function h(e){let t=Object.assign({h1:"h1"},(0,r.ah)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBHeader"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},e,{children:(0,n.jsx)(h,e)}))}}},function(e){e.O(0,[4996,4375,8338,1864,2906,5685,9774,2888,179],function(){return e(e.s=61423)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/migration-7fd26eef706f51a2.js b/version/v0.0.54/_next/static/chunks/pages/components/header/migration-7fd26eef706f51a2.js
deleted file mode 100644
index b28ff579e4a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/migration-7fd26eef706f51a2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6504],{9724:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/migration",function(){return t(69749)}])},69749:function(n,e,t){"use strict";t.r(e);var i=t(52322),r=t(45392),u=t(18338);let c=n=>{let{children:e}=n;return(0,i.jsx)(u.Z,{children:e})};function s(n){let e=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(e.h1,{children:"DBHeader Migration"})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=9724)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/header/properties-a9064505e7520fae.js b/version/v0.0.54/_next/static/chunks/pages/components/header/properties-a9064505e7520fae.js
deleted file mode 100644
index 6fe34e500a4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/header/properties-a9064505e7520fae.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4312],{95153:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return d(68615)}])},68615:function(e,t,d){"use strict";d.r(t);var s=d(52322),r=d(45392),i=d(18338);let n=e=>{let{children:t}=e;return(0,s.jsx)(i.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBHeader"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotBrand"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotMetaNavigation"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotCallToAction"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"slotActionBar"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"drawerOpen"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"forceMobile"}),(0,s.jsxs)(t.td,{children:["Forces the header to use mobile layout for desktop as well.",(0,s.jsx)("br",{}),"You should only use this setting if you really can't provide a smaller navigation.",(0,s.jsx)("br",{}),"Overwrite size of the drawer with '--db-drawer-max-width: xxx'"]}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"burgerMenuLabel"}),(0,s.jsx)(t.td,{children:"This attribute sets the label for the burger menu button for mobile headers."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onToggle"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=95153)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Angular-7283cf9f7b2ecadc.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Angular-7283cf9f7b2ecadc.js
deleted file mode 100644
index 04c3bf45668..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Angular-7283cf9f7b2ecadc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1486],{66426:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/Angular",function(){return u(37651)}])}},function(n){n.O(0,[4996,7651,9774,2888,179],function(){return n(n.s=66426)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/HTML-f450c3674325fa47.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/HTML-f450c3674325fa47.js
deleted file mode 100644
index e49de1c3b2a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/HTML-f450c3674325fa47.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[724],{65082:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/HTML",function(){return t(22825)}])},22825:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return i}});var n=t(52322),c=t(45392),r=t(65854);let d={annotations:r.ds,Code:r.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function s(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,c.ah)(),o.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"HTML"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsxs)(e.p,{children:["You could use the ",(0,n.jsx)(e.code,{children:"data-icon"})," or ",(0,n.jsx)(e.code,{children:"data-icon-after"})," attributes on any HTML tag:"]}),"\n",(0,n.jsx)(d.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Icon ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(s,o)})):s(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=65082)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/React-5352594116990efd.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/React-5352594116990efd.js
deleted file mode 100644
index 8f6afb8c0f7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/React-5352594116990efd.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9181],{38082:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/React",function(){return e(86206)}])},86206:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBIcon ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBIcon icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=38082)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Vue-d4c156bca74a05ad.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Vue-d4c156bca74a05ad.js
deleted file mode 100644
index 26336f9f890..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/docs/Vue-d4c156bca74a05ad.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6235],{13901:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/docs/Vue",function(){return e(50656)}])},50656:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBIcon ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=13901)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/examples-9e6c4f12ba23934d.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/examples-9e6c4f12ba23934d.js
deleted file mode 100644
index a3b09b41799..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/examples-9e6c4f12ba23934d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2416],{45376:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/examples",function(){return t(3046)}])},648:function(n,e,t){"use strict";var c=t(52322),d=t(2784),i=t(7070);let s=(0,d.forwardRef)(function(n,e){let[t,s]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{n.stylePath&&s(n.stylePath)},[]),(0,c.jsxs)("span",{"aria-hidden":"true",ref:e,id:n.id,className:(0,i.yI)("db-icon",n.className),"data-icon":n.icon,title:n.title,children:[t?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:t})}):null,n.children]})});e.Z=s},7070:function(n,e,t){"use strict";t.d(e,{Vj:function(){return c},mT:function(){return s},yI:function(){return i},yn:function(){return d}});let c=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(n,e)=>{let t=n.children;Object.values(t).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&d(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)c+="".concat(n," ");else for(let e in n)n[e]&&(c+="".concat(e," "))}}),c.trim()},s=(n,e)=>e||(n&&"adaptive"!==n?void 0:"none")},3046:function(n,e,t){"use strict";t.r(e);var c=t(52322),d=t(18338),i=t(648);e.default=()=>(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("h1",{children:" DBIcon Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid, icon, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{describedbyid:"account",icon:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{icon:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{icon:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"icon, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{icon:"account",tabIndex:100,title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{icon:"account",title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{icon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(i.Z,{title:"account",children:"Test"})]})]})]})}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=45376)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/how-to-use-1e290714c5d5e901.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/how-to-use-1e290714c5d5e901.js
deleted file mode 100644
index 059286d6440..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/how-to-use-1e290714c5d5e901.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1621],{98075:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/how-to-use",function(){return e(33623)}])},22825:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3",code:"code"},(0,c.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["You could use the ",(0,n.jsx)(t.code,{children:"data-icon"})," or ",(0,n.jsx)(t.code,{children:"data-icon-after"})," attributes on any HTML tag:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Icon ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},86206:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBIcon ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBIcon icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},50656:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBIcon ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}},33623:function(o,t,e){"use strict";e.r(t);var n=e(52322),c=e(45392),r=e(18338),s=e(22825),d=e(37651),i=e(86206),l=e(50656);let a=o=>{let{children:t}=o;return(0,n.jsx)(r.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,c.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBIcon"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,7651,9774,2888,179],function(){return o(o.s=98075)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/migration-e6085b024939a3e2.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/migration-e6085b024939a3e2.js
deleted file mode 100644
index 9c6a8afb17c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/migration-e6085b024939a3e2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4605],{47900:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/migration",function(){return e(9357)}])},9357:function(n,t,e){"use strict";e.r(t);var i=e(52322),c=e(45392),o=e(18338);let r=n=>{let{children:t}=n;return(0,i.jsx)(o.Z,{children:t})};function u(n){let t=Object.assign({h1:"h1"},(0,c.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBIcon Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(r,Object.assign({},n,{children:(0,i.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=47900)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/icon/properties-086fb9be008a0353.js b/version/v0.0.54/_next/static/chunks/pages/components/icon/properties-086fb9be008a0353.js
deleted file mode 100644
index 79ef58e7259..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/icon/properties-086fb9be008a0353.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5534],{85731:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return i(33692)}])},33692:function(e,t,i){"use strict";i.r(t);var r=i(52322),n=i(45392),a=i(18338);let o=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBIcon"}),"\n",(0,r.jsx)(t.h2,{children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"stylePath"}),(0,r.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,Object.assign({},e,{children:(0,r.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=85731)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext-d02ab528cbc79024.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext-d02ab528cbc79024.js
deleted file mode 100644
index 7988793aa31..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext-d02ab528cbc79024.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6857],{26397:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext",function(){return n(31935)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,i;return e.map((e,l)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(l))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,u]=(0,i.useState)(),d=(0,s.useRouter)();(0,i.useEffect)(()=>{if(d.query){var e;let a=null===(e=d.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[d]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...c})}),!c&&(0,t.jsx)(l.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},31935:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(70107),i=n(96180),l=n(27852),r=n(51963),o=n(68623),c=n(6514),u=n(75549);let d=e=>{let{variant:a,size:n,icon:s,children:i}=e;return(0,t.jsx)(r.EZ,{variant:a,size:n,icon:s,children:i})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBInfotext",variants:(0,u.P)(c,d,[(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},6514:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"icon":"account"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6180,107,7852,9774,2888,179],function(){return e(e.s=26397)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Size-2b53c82b8bf34648.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Size-2b53c82b8bf34648.js
deleted file mode 100644
index 1e7e180487e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Size-2b53c82b8bf34648.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7282],{47557:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Size",function(){return e(27852)}])}},function(n){n.O(0,[4996,7852,9774,2888,179],function(){return n(n.s=47557)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Tonality-2069ebe24e431310.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Tonality-2069ebe24e431310.js
deleted file mode 100644
index 946d36c316e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Tonality-2069ebe24e431310.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2923],{25711:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Tonality",function(){return o(70107)}])}},function(n){n.O(0,[4996,107,9774,2888,179],function(){return n(n.s=25711)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Variant-a10a379410ea8580.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Variant-a10a379410ea8580.js
deleted file mode 100644
index 701b351ec89..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/code/Variant-a10a379410ea8580.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7519],{95550:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/code/Variant",function(){return o(96180)}])}},function(n){n.O(0,[4996,6180,9774,2888,179],function(){return n(n.s=95550)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Angular-9469d164a0a3d989.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Angular-9469d164a0a3d989.js
deleted file mode 100644
index 666c07f1284..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Angular-9469d164a0a3d989.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4525],{63941:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Angular",function(){return e(43931)}])},43931:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotextModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotextModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=63941)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/HTML-f6360b11818582c9.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/HTML-f6360b11818582c9.js
deleted file mode 100644
index 3e5608327a1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/HTML-f6360b11818582c9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3961],{95572:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/HTML",function(){return t(1452)}])},1452:function(e,o,t){"use strict";t.r(o),t.d(o,{CH:function(){return d},chCodeConfig:function(){return i}});var n=t(52322),r=t(45392),c=t(65854);let d={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function s(e){let o=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),e.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(o.h2,{children:"HTML"}),"\n",(0,n.jsxs)(o.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(o.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(o.h3,{children:"Use component"}),"\n",(0,n.jsx)(d.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Infotext ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(e,o){throw Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:o}=Object.assign({},(0,r.ah)(),e.components);return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(s,e)})):s(e)}}},function(e){e.O(0,[4996,9774,2888,179],function(){return e(e.s=95572)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Migration-ce6fec7dd70cc1dc.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Migration-ce6fec7dd70cc1dc.js
deleted file mode 100644
index 0bec4224ec9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Migration-ce6fec7dd70cc1dc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3906],{75028:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Migration",function(){return t(53682)}])},53682:function(n,e,t){"use strict";t.r(e);var o=t(52322),s=t(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{children:"General"}),"\n",(0,o.jsxs)(e.blockquote,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=75028)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/React-34158e035d7724cc.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/React-34158e035d7724cc.js
deleted file mode 100644
index c327a0cb2c5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/React-34158e035d7724cc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5956],{59160:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/React",function(){return e(58542)}])},58542:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotext ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=59160)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Vue-dcf726aa7c575059.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Vue-dcf726aa7c575059.js
deleted file mode 100644
index 309d139e7d3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/docs/Vue-dcf726aa7c575059.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7457],{98290:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/docs/Vue",function(){return e(24273)}])},24273:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=98290)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/examples-d267bd7d756d2a5a.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/examples-d267bd7d756d2a5a.js
deleted file mode 100644
index a8bfa68785c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/examples-d267bd7d756d2a5a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9585],{24448:function(n,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/examples",function(){return i(22700)}])},40816:function(n,t,i){"use strict";var e=i(52322),c=i(2784),d=i(7070);let s=(0,c.forwardRef)(function(n,t){let[i,s]=(0,c.useState)(()=>null);return(0,c.useEffect)(()=>{n.stylePath&&s(n.stylePath)},[]),(0,e.jsxs)("span",{ref:t,id:n.id,className:(0,d.yI)("db-infotext",n.className),title:n.title,"data-icon":n.icon,"data-variant":n.variant,"data-size":n.size,children:[i?(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("link",{rel:"stylesheet",href:i})}):null,n.children]})});t.Z=s},7070:function(n,t,i){"use strict";i.d(t,{Vj:function(){return e},mT:function(){return s},yI:function(){return d},yn:function(){return c}});let e=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},c=(n,t)=>{let i=n.children;Object.values(i).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&c(n,t)})},d=function(){for(var n=arguments.length,t=Array(n),i=0;i{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let t in n)n[t]&&(e+="".concat(t," "))}}),e.trim()},s=(n,t)=>t||(n&&"adaptive"!==n?void 0:"none")},22700:function(n,t,i){"use strict";i.r(t);var e=i(52322),c=i(18338),d=i(40816);t.default=()=>(0,e.jsxs)(c.Z,{children:[(0,e.jsx)("h1",{children:" DBInfotext Examples "}),(0,e.jsxs)("dl",{className:"example-list",children:[(0,e.jsx)("dt",{children:"describedbyid:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{describedbyid:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"describedbyid, icon, id, key, size, tabIndex, title, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{describedbyid:"account",icon:"account",id:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, id, key, size, tabIndex, title, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",id:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, key, size, tabIndex, title, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"icon, size, tabIndex, title, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",size:"small",tabIndex:100,title:"account",variant:"critical",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon, size, title, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",size:"small",title:"account",variant:"critical",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon, size, variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",size:"small",variant:"critical",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon, size:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",size:"small",children:"Test"})]}),(0,e.jsx)("dt",{children:"size:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{size:"small",children:"Test"})]}),(0,e.jsx)("dt",{children:"id:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{id:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"key:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{children:"Test"},"account")]}),(0,e.jsx)("dt",{children:"tabIndex:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{tabIndex:100,children:"Test"})]}),(0,e.jsx)("dt",{children:"title:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{title:"account",children:"Test"})]}),(0,e.jsx)("dt",{children:"variant:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{variant:"critical",children:"Test"})]}),(0,e.jsx)("dt",{children:"icon:"})," ",(0,e.jsxs)("dd",{children:[" ",(0,e.jsx)(d.Z,{icon:"account",children:"Test"})]})]})]})}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=24448)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/how-to-use-60284916302860e6.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/how-to-use-60284916302860e6.js
deleted file mode 100644
index 3c7e3663f37..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/how-to-use-60284916302860e6.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5721],{91824:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/how-to-use",function(){return e(52870)}])},43931:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotextModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotextModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},1452:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Infotext ",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},58542:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotext ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},24273:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},52870:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(1452),d=e(43931),l=e(58542),i=e(24273);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBInfotext"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,Object.assign({},o,{children:(0,n.jsx)(a,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=91824)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/migration-a85f6e47d84fd301.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/migration-a85f6e47d84fd301.js
deleted file mode 100644
index cd2da72a2dc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/migration-a85f6e47d84fd301.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[866],{4051:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/migration",function(){return t(53803)}])},53682:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392);function r(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"General"}),"\n",(0,s.jsxs)(e.blockquote,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,o.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}},53803:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392),r=t(18338),c=t(53682);let i=n=>{let{children:e}=n;return(0,s.jsx)(r.Z,{children:e})};function u(n){let e=Object.assign({h1:"h1"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"DBInfotext Migration"}),"\n",(0,s.jsx)(c.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},n,{children:(0,s.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=4051)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/overview-22590dfd1cf7879c.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/overview-22590dfd1cf7879c.js
deleted file mode 100644
index c8aed95cb77..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/overview-22590dfd1cf7879c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2987],{41201:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/overview",function(){return n(40243)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,s,i;return e.map((e,l)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(l))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),s=n(5632),i=n(2784),l=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,u]=(0,i.useState)(),d=(0,s.useRouter)();(0,i.useEffect)(()=>{if(d.query){var e;let a=null===(e=d.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[d]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...c})}),!c&&(0,t.jsx)(l.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(r.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},40243:function(e,a,n){"use strict";n.r(a);var t=n(52322),s=n(70107),i=n(96180),l=n(27852),r=n(51963),o=n(68623),c=n(6514),u=n(75549);let d=e=>{let{variant:a,size:n,icon:s,children:i}=e;return(0,t.jsx)(r.EZ,{variant:a,size:n,icon:s,children:i})};a.default=()=>(0,t.jsx)(o.Z,{title:"DBInfotext",variants:(0,u.P)(c,d,[(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},6514:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"icon":"account"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6180,107,7852,9774,2888,179],function(){return e(e.s=41201)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/infotext/properties-c17541a81f0d7d96.js b/version/v0.0.54/_next/static/chunks/pages/components/infotext/properties-c17541a81f0d7d96.js
deleted file mode 100644
index ba907cbbfe9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/infotext/properties-c17541a81f0d7d96.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8032],{25016:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return i(39285)}])},39285:function(e,t,i){"use strict";i.r(t);var r=i(52322),n=i(45392),a=i(18338);let s=e=>{let{children:t}=e;return(0,r.jsx)(a.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBInfotext"}),"\n",(0,r.jsx)(t.h2,{children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"stylePath"}),(0,r.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(s,Object.assign({},e,{children:(0,r.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=25016)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input-3567a2225042c958.js b/version/v0.0.54/_next/static/chunks/pages/components/input-3567a2225042c958.js
deleted file mode 100644
index ae57936cb1e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input-3567a2225042c958.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8367],{33137:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input",function(){return l(39665)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return s}});let s=(e,a,l)=>{var s,n,t;return e.map((e,r)=>({...e,slotCode:null!==(s=null==l?void 0:l.at(r))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,l){"use strict";var s=l(52322),n=l(5632),t=l(2784),r=l(18338),i=l(51963);let o=e=>{let{examples:a,slotCode:l}=e;return(0,s.jsx)(i.wq,{className:"variants-card",slotCode:l,children:(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[u,c]=(0,t.useState)(),m=(0,n.useRouter)();(0,t.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);c(e)}}},[m]);let p=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[u&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...u})}),!u&&(0,s.jsx)(r.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},39665:function(e,a,l){"use strict";l.r(a);var s=l(52322),n=l(35675),t=l(87037),r=l(88331),i=l(57056),o=l(19470),u=l(51963),c=l(68623),m=l(71952),p=l(75549);let d=e=>{let{label:a,variant:l,value:n,type:t,minLength:r,required:i,disabled:o,iconAfter:c,icon:m,children:p}=e;return(0,s.jsx)(u.aq,{label:a,message:p,placeholder:p,variant:l,value:n,type:t,minLength:r,required:i,disabled:o,iconAfter:c,icon:m})};a.default=()=>(0,s.jsx)(c.Z,{title:"DBInput",variants:(0,p.P)(m,d,[(0,s.jsx)(n.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(o.default,{})])})},71952:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label","message":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label","message":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label","message":"expressive"}}]},{"name":"Variant","examples":[{"name":"(Default) Basic","props":{"label":"Label","message":"(Default) Basic","placeholder":"I am a placeholder"}},{"name":"Informational","props":{"label":"Label","message":"Informational","variant":"informational"}},{"name":"Warning","props":{"label":"Label","message":"Warning","variant":"warning"}},{"name":"Critical","props":{"label":"Label","message":"Critical","variant":"critical"}},{"name":"Successful","props":{"label":"Label","message":"Successful","variant":"successful"}}]},{"name":"States","examples":[{"name":"Default","props":{"label":"Label","message":"Default"}},{"name":"Filled","props":{"label":"Label","value":"Input Text","message":"Filled"}},{"name":"Filled Number","props":{"label":"Label","value":"123456","type":"number","message":"Filled Number"}},{"name":"Invalid","props":{"label":"Label","message":"Invalid","required":true,"minLength":5}},{"name":"Disabled","props":{"label":"Label","disabled":true,"message":"Disabled"}},{"name":"Disabled filled","props":{"label":"Label","value":"Input Text","disabled":true,"message":"Disabled filled"}},{"name":"Required","props":{"label":"Label","value":"Input Text","required":true,"message":"Required"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","message":"(Default) Text"}},{"name":"Leading Icon + Text","props":{"label":"Label","icon":"account","message":"Leading Icon + Text"}},{"name":"Leading Icon + Text + Trailing Icon","props":{"label":"Label","icon":"account","iconAfter":"edit","message":"Leading Icon + Text + Trailing Icon"}},{"name":"Text + Trailing Icon","props":{"label":"Label","iconAfter":"edit","message":"Text + Trailing Icon"}},{"name":"Text + Trailing Icon + Variant:Successful","props":{"label":"Label","variant":"successful","iconAfter":"edit","message":"Text + Trailing Icon + Variant:Successful"}}]},{"name":"Types","examples":[{"name":"(Default) Text","props":{"label":"Label","message":"(Default) Text"}},{"name":"Password","props":{"label":"Label","message":"Password","type":"password"}},{"name":"Search","props":{"label":"Label","message":"Search","type":"search"}},{"name":"E-Mail","props":{"label":"Label","message":"E-Mail","type":"email"}},{"name":"Number","props":{"label":"Label","message":"Number","type":"number"}},{"name":"Tel","props":{"label":"Label","message":"Tel","type":"tel"}},{"name":"URL","props":{"label":"Label","message":"URL","type":"url"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8331,9470,7056,7037,5675,9774,2888,179],function(){return e(e.s=33137)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Content-d26c1873f047be83.js b/version/v0.0.54/_next/static/chunks/pages/components/input/code/Content-d26c1873f047be83.js
deleted file mode 100644
index 0d2e80921c3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Content-d26c1873f047be83.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2139],{7125:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Content",function(){return u(57056)}])}},function(n){n.O(0,[4996,7056,9774,2888,179],function(){return n(n.s=7125)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/code/States-622020c7507e839e.js b/version/v0.0.54/_next/static/chunks/pages/components/input/code/States-622020c7507e839e.js
deleted file mode 100644
index 608e90fa331..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/code/States-622020c7507e839e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6800],{79834:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/States",function(){return u(88331)}])}},function(n){n.O(0,[4996,8331,9774,2888,179],function(){return n(n.s=79834)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Tonality-c98204ae9e310def.js b/version/v0.0.54/_next/static/chunks/pages/components/input/code/Tonality-c98204ae9e310def.js
deleted file mode 100644
index 4037a91ed7e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Tonality-c98204ae9e310def.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3431],{11167:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Tonality",function(){return u(35675)}])}},function(n){n.O(0,[4996,5675,9774,2888,179],function(){return n(n.s=11167)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Types-0518ed160900ba08.js b/version/v0.0.54/_next/static/chunks/pages/components/input/code/Types-0518ed160900ba08.js
deleted file mode 100644
index 41da5048cc8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Types-0518ed160900ba08.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8398],{72797:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Types",function(){return u(19470)}])}},function(n){n.O(0,[4996,9470,9774,2888,179],function(){return n(n.s=72797)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Variant-2efa767a784f22fd.js b/version/v0.0.54/_next/static/chunks/pages/components/input/code/Variant-2efa767a784f22fd.js
deleted file mode 100644
index 10b420c677c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/code/Variant-2efa767a784f22fd.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5918],{53853:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/code/Variant",function(){return u(87037)}])}},function(n){n.O(0,[4996,7037,9774,2888,179],function(){return n(n.s=53853)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Angular-61b8cdb296e166b5.js b/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Angular-61b8cdb296e166b5.js
deleted file mode 100644
index 049230995f5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Angular-61b8cdb296e166b5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1531],{57079:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Angular",function(){return _(81542)}])}},function(n){n.O(0,[4996,1542,9774,2888,179],function(){return n(n.s=57079)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/HTML-a2d436ab9455f6d5.js b/version/v0.0.54/_next/static/chunks/pages/components/input/docs/HTML-a2d436ab9455f6d5.js
deleted file mode 100644
index 335649a980f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/HTML-a2d436ab9455f6d5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4461],{34537:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/HTML",function(){return u(46199)}])}},function(n){n.O(0,[4996,6199,9774,2888,179],function(){return n(n.s=34537)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/React-099528ccdd54bc68.js b/version/v0.0.54/_next/static/chunks/pages/components/input/docs/React-099528ccdd54bc68.js
deleted file mode 100644
index 81e0b718d40..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/React-099528ccdd54bc68.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1285],{75337:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/React",function(){return u(19556)}])}},function(n){n.O(0,[4996,9556,9774,2888,179],function(){return n(n.s=75337)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Vue-459b943caf53833d.js b/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Vue-459b943caf53833d.js
deleted file mode 100644
index 4f1c4cd9130..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/docs/Vue-459b943caf53833d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3247],{83697:function(n,u,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/docs/Vue",function(){return _(92158)}])}},function(n){n.O(0,[4996,2158,9774,2888,179],function(){return n(n.s=83697)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/examples-87a4e6cd0c555b90.js b/version/v0.0.54/_next/static/chunks/pages/components/input/examples-87a4e6cd0c555b90.js
deleted file mode 100644
index 44e3ea595c8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/examples-87a4e6cd0c555b90.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9331],{64524:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/examples",function(){return a(15560)}])},648:function(e,n,a){"use strict";var c=a(52322),o=a(2784),l=a(7070);let t=(0,o.forwardRef)(function(e,n){let[a,t]=(0,o.useState)(()=>null);return(0,o.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,c.jsxs)("span",{"aria-hidden":"true",ref:n,id:e.id,className:(0,l.yI)("db-icon",e.className),"data-icon":e.icon,title:e.title,children:[a?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=t},16510:function(e,n,a){"use strict";a.d(n,{P:function(){return c.Z}});var c=a(648)},6272:function(e,n,a){"use strict";a.d(n,{E:function(){return c.Z}});var c=a(40816)},40816:function(e,n,a){"use strict";var c=a(52322),o=a(2784),l=a(7070);let t=(0,o.forwardRef)(function(e,n){let[a,t]=(0,o.useState)(()=>null);return(0,o.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,c.jsxs)("span",{ref:n,id:e.id,className:(0,l.yI)("db-infotext",e.className),title:e.title,"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:[a?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=t},36655:function(e,n,a){"use strict";var c=a(52322),o=a(2784),l=a(16510),t=a(7070),s=a(8490),i=a(6272);let d=(0,o.forwardRef)(function(e,n){var a,d,u;let[r,g]=(0,o.useState)(()=>s.IY),[h,m]=(0,o.useState)(()=>s.IY+s.Kn),[f,x]=(0,o.useState)(()=>void 0),[v,j]=(0,o.useState)(()=>s.IY),[b,y]=(0,o.useState)(()=>({label:s.SU,placeholder:" "}));function p(e){return!!(e&&"_"!==e&&"none"!==e)}let[I,C]=(0,o.useState)(()=>null);return(0,o.useEffect)(()=>{g(e.id||"input-"+(0,t.Vj)()),m(r+s.Kn),j(e.dataListId||"datalist-".concat((0,t.Vj)())),e.stylePath&&C(e.stylePath)},[]),(0,c.jsxs)("div",{className:(0,t.yI)("db-input",e.className),"data-variant":e.variant,children:[I?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:I})}):null,p(e.icon)?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(l.P,{className:"icon-before",icon:e.icon})}):null,(0,c.jsx)("input",{ref:n,id:r,name:e.name,type:e.type||"text",placeholder:null!==(d=e.placeholder)&&void 0!==d?d:b.placeholder,"aria-labelledby":r+"-label",disabled:e.disabled,required:e.required,defaultValue:e.defaultValue,step:e.step,value:e.value,"aria-invalid":e.invalid,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,autoComplete:e.autoComplete,autoFocus:e.autoFocus,pattern:e.pattern,onChange:n=>{var a,c,o,l,t,s;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(c=n.target)||void 0===c?void 0:null===(a=c.validity)||void 0===a?void 0:a.valid)!=f&&(x(null===(l=n.target)||void 0===l?void 0:null===(o=l.validity)||void 0===o?void 0:o.valid),e.validityChange&&e.validityChange(!!(null===(s=n.target)||void 0===s?void 0:null===(t=s.validity)||void 0===t?void 0:t.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},list:e.dataList&&v,"aria-describedby":e.message&&h}),(0,c.jsx)("label",{"aria-hidden":"true",htmlFor:r,id:r+"-label",children:(0,c.jsx)("span",{children:null!==(u=e.label)&&void 0!==u?u:b.label})}),p(e.iconAfter)?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(l.P,{className:"icon-after",icon:e.iconAfter})}):null,e.dataList?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("datalist",{id:v,children:null===(a=e.dataList)||void 0===a?void 0:a.map(e=>(0,c.jsx)("option",{value:e.key,children:e.value},v+"-option-"+e.key))})}):null,e.children,e.message?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(i.E,{size:"small",variant:e.variant,icon:(0,t.mT)(e.variant,e.messageIcon),id:h,children:e.message})}):null]})});n.Z=d},8490:function(e,n,a){"use strict";var c,o,l,t,s,i,d;a.d(n,{$f:function(){return f},DM:function(){return x},IY:function(){return u},Kn:function(){return g},SU:function(){return r},YP:function(){return h},ce:function(){return m},iw:function(){return c},r$:function(){return l}});let u="OVERWRITE_DEFAULT_ID",r="LABEL SHOULD BE SET",g="-message",h="Back",m="Close Button";(s=c||(c={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let f=Object.entries(c).map(e=>{let[,n]=e;return n});(o||(o={})).PRIMARY="primary",(i=l||(l={})).NEUTRAL="neutral",i.NEUTRAL_STRONG="neutral-strong",i.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",i.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",i.PRIMARY="primary",i.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",i.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",i.SUCCESSFUL="successful",i.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",i.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",i.CRITICAL="critical",i.CRITICAL_TRANSPARENT_Full="critical-transparent-full",i.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",i.WARNING="warning",i.WARNING_TRANSPARENT_FULL="warning-transparent-full",i.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",i.INFORMATIONAL="informational",i.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",i.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let x=Object.entries(l).map(e=>{let[,n]=e;return n});Object.entries(o).map(e=>{let[,n]=e;return n}),(d=t||(t={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(t).map(e=>{let[,n]=e;return n})},7070:function(e,n,a){"use strict";a.d(n,{Vj:function(){return c},mT:function(){return t},yI:function(){return l},yn:function(){return o}});let c=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(e,n)=>{let a=e.children;Object.values(a).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&o(e,n)})},l=function(){for(var e=arguments.length,n=Array(e),a=0;a{if(e){if("string"==typeof e)c+="".concat(e," ");else for(let n in e)e[n]&&(c+="".concat(n," "))}}),c.trim()},t=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},15560:function(e,n,a){"use strict";a.r(n);var c=a(52322),o=a(18338),l=a(36655);n.default=()=>(0,c.jsxs)(o.Z,{children:[(0,c.jsx)("h1",{children:" DBInput Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"dataList:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{dataList:[{key:"test1",value:"Test1"},{key:"test2",value:"Test2"}],children:"Test"})]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, dataList, dataListId, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),dataList:[{key:"test1",value:"Test1"},{key:"test2",value:"Test2"}],dataListId:"account",defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",max:"undefined",maxLength:100,message:"account",messageIcon:"account",min:"undefined",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),pattern:"account",placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, dataListId, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),dataListId:"account",defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",max:"undefined",maxLength:100,message:"account",messageIcon:"account",min:"undefined",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),pattern:"account",placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, max, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",max:"undefined",maxLength:100,message:"account",messageIcon:"account",min:"undefined",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),pattern:"account",placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, min, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",min:"undefined",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),pattern:"account",placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, pattern, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),pattern:"account",placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, step, tabIndex, title, type, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",type:"date",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, step, tabIndex, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,step:"undefined",tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, title, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"autoFocus, blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, minLength, name, onBlur, onChange, onFocus, placeholder, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, placeholder, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),placeholder:"account",readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, readOnly, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),readOnly:!0,required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"blur, defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onBlur, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue, disabled, focus, form, icon, iconAfter, invalid, label, message, messageIcon, name, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue, disabled, form, icon, iconAfter, invalid, label, message, messageIcon, name, onFocus, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue, disabled, form, icon, iconAfter, invalid, label, message, messageIcon, name, required, validityChange, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue, disabled, form, icon, iconAfter, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, form, icon, iconAfter, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{disabled:!0,form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"form, icon, iconAfter, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{form:"account",icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, label, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, message, messageIcon, name, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, message, messageIcon, required, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",message:"account",messageIcon:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, message, messageIcon, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",message:"account",messageIcon:"account",value:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon, iconAfter, message, messageIcon, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",iconAfter:"account",message:"account",messageIcon:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"iconAfter, message, messageIcon, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{iconAfter:"account",message:"account",messageIcon:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"message, messageIcon, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{message:"account",messageIcon:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"message, messageIcon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{message:"account",messageIcon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"messageIcon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{messageIcon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"dataListId:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{dataListId:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"max:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{max:"undefined",children:"Test"})]}),(0,c.jsx)("dt",{children:"min:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{min:"undefined",children:"Test"})]}),(0,c.jsx)("dt",{children:"pattern:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{pattern:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"type:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{type:"date",children:"Test"})]}),(0,c.jsx)("dt",{children:"step:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{step:"undefined",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"autoComplete:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoComplete:"off",children:"Test"})]}),(0,c.jsx)("dt",{children:"autoFocus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{autoFocus:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"maxLength:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{maxLength:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"minLength:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{minLength:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"placeholder:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{placeholder:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"readOnly:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{readOnly:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"change:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{change:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onChange:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"blur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onBlur:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"focus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onFocus:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{onFocus:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"validityChange:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{validityChange:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{defaultValue:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{disabled:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"form:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{form:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"invalid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{invalid:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"required:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{required:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{icon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"iconAfter:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{iconAfter:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"message:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(l.Z,{message:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=64524)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/how-to-use-9b9ee155fd422190.js b/version/v0.0.54/_next/static/chunks/pages/components/input/how-to-use-9b9ee155fd422190.js
deleted file mode 100644
index 0d11a4bd7a0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/how-to-use-9b9ee155fd422190.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7667],{59116:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/how-to-use",function(){return e(94437)}])},94437:function(n,t,e){"use strict";e.r(t);var u=e(52322),s=e(45392),c=e(18338),i=e(46199),o=e(81542),r=e(19556),l=e(92158);let f=n=>{let{children:t}=n;return(0,u.jsx)(c.Z,{children:t})};function h(n){let t=Object.assign({h1:"h1"},(0,s.ah)(),n.components);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.h1,{children:"How to use DBInput"}),"\n",(0,u.jsx)(i.default,{}),"\n",(0,u.jsx)(o.default,{}),"\n",(0,u.jsx)(r.default,{}),"\n",(0,u.jsx)(l.default,{})]})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,u.jsx)(f,Object.assign({},n,{children:(0,u.jsx)(h,n)}))}}},function(n){n.O(0,[4996,4375,8338,1542,2158,9556,6199,9774,2888,179],function(){return n(n.s=59116)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/migration-054dc469685e4cc5.js b/version/v0.0.54/_next/static/chunks/pages/components/input/migration-054dc469685e4cc5.js
deleted file mode 100644
index 6537edd8c08..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/migration-054dc469685e4cc5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3904],{99341:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/migration",function(){return e(12226)}])},12226:function(n,t,e){"use strict";e.r(t);var i=e(52322),u=e(45392),r=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(r.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBInput Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=99341)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/overview-5c0fad219c7a9af2.js b/version/v0.0.54/_next/static/chunks/pages/components/input/overview-5c0fad219c7a9af2.js
deleted file mode 100644
index ea3bf6d89f4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/overview-5c0fad219c7a9af2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4325],{46286:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/overview",function(){return l(54606)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return s}});let s=(e,a,l)=>{var s,n,r;return e.map((e,t)=>({...e,slotCode:null!==(s=null==l?void 0:l.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(r=e.props.children)&&void 0!==r?r:e.name})}))}))}},68623:function(e,a,l){"use strict";var s=l(52322),n=l(5632),r=l(2784),t=l(18338),i=l(51963);let o=e=>{let{examples:a,slotCode:l}=e;return(0,s.jsx)(i.wq,{className:"variants-card",slotCode:l,children:(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[u,c]=(0,r.useState)(),m=(0,n.useRouter)();(0,r.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);c(e)}}},[m]);let p=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[u&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...u})}),!u&&(0,s.jsx)(t.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},54606:function(e,a,l){"use strict";l.r(a);var s=l(52322),n=l(35675),r=l(87037),t=l(88331),i=l(57056),o=l(19470),u=l(51963),c=l(68623),m=l(71952),p=l(75549);let d=e=>{let{label:a,variant:l,value:n,type:r,minLength:t,required:i,disabled:o,iconAfter:c,icon:m,children:p}=e;return(0,s.jsx)(u.aq,{label:a,message:p,placeholder:p,variant:l,value:n,type:r,minLength:t,required:i,disabled:o,iconAfter:c,icon:m})};a.default=()=>(0,s.jsx)(c.Z,{title:"DBInput",variants:(0,p.P)(m,d,[(0,s.jsx)(n.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(o.default,{})])})},71952:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label","message":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label","message":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label","message":"expressive"}}]},{"name":"Variant","examples":[{"name":"(Default) Basic","props":{"label":"Label","message":"(Default) Basic","placeholder":"I am a placeholder"}},{"name":"Informational","props":{"label":"Label","message":"Informational","variant":"informational"}},{"name":"Warning","props":{"label":"Label","message":"Warning","variant":"warning"}},{"name":"Critical","props":{"label":"Label","message":"Critical","variant":"critical"}},{"name":"Successful","props":{"label":"Label","message":"Successful","variant":"successful"}}]},{"name":"States","examples":[{"name":"Default","props":{"label":"Label","message":"Default"}},{"name":"Filled","props":{"label":"Label","value":"Input Text","message":"Filled"}},{"name":"Filled Number","props":{"label":"Label","value":"123456","type":"number","message":"Filled Number"}},{"name":"Invalid","props":{"label":"Label","message":"Invalid","required":true,"minLength":5}},{"name":"Disabled","props":{"label":"Label","disabled":true,"message":"Disabled"}},{"name":"Disabled filled","props":{"label":"Label","value":"Input Text","disabled":true,"message":"Disabled filled"}},{"name":"Required","props":{"label":"Label","value":"Input Text","required":true,"message":"Required"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","message":"(Default) Text"}},{"name":"Leading Icon + Text","props":{"label":"Label","icon":"account","message":"Leading Icon + Text"}},{"name":"Leading Icon + Text + Trailing Icon","props":{"label":"Label","icon":"account","iconAfter":"edit","message":"Leading Icon + Text + Trailing Icon"}},{"name":"Text + Trailing Icon","props":{"label":"Label","iconAfter":"edit","message":"Text + Trailing Icon"}},{"name":"Text + Trailing Icon + Variant:Successful","props":{"label":"Label","variant":"successful","iconAfter":"edit","message":"Text + Trailing Icon + Variant:Successful"}}]},{"name":"Types","examples":[{"name":"(Default) Text","props":{"label":"Label","message":"(Default) Text"}},{"name":"Password","props":{"label":"Label","message":"Password","type":"password"}},{"name":"Search","props":{"label":"Label","message":"Search","type":"search"}},{"name":"E-Mail","props":{"label":"Label","message":"E-Mail","type":"email"}},{"name":"Number","props":{"label":"Label","message":"Number","type":"number"}},{"name":"Tel","props":{"label":"Label","message":"Tel","type":"tel"}},{"name":"URL","props":{"label":"Label","message":"URL","type":"url"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8331,9470,7056,7037,5675,9774,2888,179],function(){return e(e.s=46286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/input/properties-fb0a9f8692f53617.js b/version/v0.0.54/_next/static/chunks/pages/components/input/properties-fb0a9f8692f53617.js
deleted file mode 100644
index 5adbbcad131..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/input/properties-fb0a9f8692f53617.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5303],{87551:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return r(18643)}])},18643:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),a=r(18338);let d=e=>{let{children:t}=e;return(0,i.jsx)(a.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBInput"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"dataList"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"Array"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{className:"code-pre-wrap",children:["const array:KeyValueType[] = [{",(0,i.jsx)("br",{})," key: string;",(0,i.jsx)("br",{})," value?: string;",(0,i.jsx)("br",{}),"}]"]})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"dataListId"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"max"}),(0,i.jsx)(t.td,{children:"Maximum value"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"min"}),(0,i.jsx)(t.td,{children:"Minimum value"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"pattern"}),(0,i.jsx)(t.td,{children:"Pattern the value must match to be valid"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"type"}),(0,i.jsx)(t.td,{children:"Type of form control"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"step"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | "})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"autoComplete"}),(0,i.jsx)(t.td,{children:"This attribute indicates whether the value of the control can be automatically completed by the browser."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'on' | 'off'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"autoFocus"}),(0,i.jsx)(t.td,{children:"This Boolean attribute lets you specify that a form control should have input focus when the page loads. Only one form-associated element in a document can have this attribute specified."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"maxLength"}),(0,i.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"minLength"}),(0,i.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"placeholder"}),(0,i.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"readOnly"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"change"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"blur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onBlur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"focus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onFocus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"validityChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(valid: boolean) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"defaultValue"}),(0,i.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"form"}),(0,i.jsx)(t.td,{children:"Associates the control with a form element"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"invalid"}),(0,i.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"required"}),(0,i.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"iconAfter"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"message"}),(0,i.jsx)(t.td,{children:"Optional helper message for form components"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"messageIcon"}),(0,i.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,Object.assign({},e,{children:(0,i.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=87551)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link-00d6c59f46620e41.js b/version/v0.0.54/_next/static/chunks/pages/components/link-00d6c59f46620e41.js
deleted file mode 100644
index bb1e05925e5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link-00d6c59f46620e41.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6572],{23745:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link",function(){return n(38650)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return r}});let r=(e,a,n)=>{var r,s,t;return e.map((e,l)=>({...e,slotCode:null!==(r=null==n?void 0:n.at(l))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,n){"use strict";var r=n(52322),s=n(5632),t=n(2784),l=n(18338),i=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,r.jsx)(i.wq,{className:"variants-card",slotCode:n,children:(0,r.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,r.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,c]=(0,t.useState)(),u=(0,s.useRouter)();(0,t.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);c(e)}}},[u]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,r.jsxs)(r.Fragment,{children:[d&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...d})}),!d&&(0,r.jsx)(l.Z,{children:(0,r.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,r.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,r.jsxs)("div",{children:[(0,r.jsx)(i.oH,{}),(0,r.jsx)("h2",{children:(0,r.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,r.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},38650:function(e,a,n){"use strict";n.r(a);var r=n(52322),s=n(43898),t=n(24862),l=n(69401),i=n(42500),o=n(88797),d=n(51963),c=n(68623),u=n(18965),p=n(75549);let m=e=>{let{href:a,variant:n,disabled:s,size:t,content:l,children:i}=e;return(0,r.jsx)(d.vB,{href:a,variant:n,disabled:s,size:t,content:l,children:i})};a.default=()=>(0,r.jsx)(c.Z,{title:"DBLink",variants:(0,p.P)(u,m,[(0,r.jsx)(s.default,{}),(0,r.jsx)(t.default,{}),(0,r.jsx)(l.default,{}),(0,r.jsx)(i.default,{}),(0,r.jsx)(o.default,{})])})},18965:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"href":"#"}},{"name":"expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Primary","props":{"href":"#","variant":"primary"}}]},{"name":"State","examples":[{"name":"Default: (Enabled, Hover, Pressed)","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3898,4862,2500,8797,9401,9774,2888,179],function(){return e(e.s=23745)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Content-2be1b7dacb2ecd45.js b/version/v0.0.54/_next/static/chunks/pages/components/link/code/Content-2be1b7dacb2ecd45.js
deleted file mode 100644
index f4561a44174..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Content-2be1b7dacb2ecd45.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5335],{97250:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Content",function(){return o(88797)}])}},function(n){n.O(0,[4996,8797,9774,2888,179],function(){return n(n.s=97250)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Size-7ba095903fe619b9.js b/version/v0.0.54/_next/static/chunks/pages/components/link/code/Size-7ba095903fe619b9.js
deleted file mode 100644
index 4f111cdf3d7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Size-7ba095903fe619b9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4354],{123:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Size",function(){return u(42500)}])}},function(n){n.O(0,[4996,2500,9774,2888,179],function(){return n(n.s=123)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/code/State-d70d3ba384702994.js b/version/v0.0.54/_next/static/chunks/pages/components/link/code/State-d70d3ba384702994.js
deleted file mode 100644
index e0f3271018b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/code/State-d70d3ba384702994.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8106],{94018:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/State",function(){return u(69401)}])}},function(n){n.O(0,[4996,9401,9774,2888,179],function(){return n(n.s=94018)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Tonality-43ab76b6cdac0ccf.js b/version/v0.0.54/_next/static/chunks/pages/components/link/code/Tonality-43ab76b6cdac0ccf.js
deleted file mode 100644
index 79a5aa6ec18..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Tonality-43ab76b6cdac0ccf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4523],{24449:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Tonality",function(){return o(43898)}])}},function(n){n.O(0,[4996,3898,9774,2888,179],function(){return n(n.s=24449)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Variant-bfc3578067c5d8db.js b/version/v0.0.54/_next/static/chunks/pages/components/link/code/Variant-bfc3578067c5d8db.js
deleted file mode 100644
index 45d18f500c6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/code/Variant-bfc3578067c5d8db.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9770],{20564:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/code/Variant",function(){return u(24862)}])}},function(n){n.O(0,[4996,4862,9774,2888,179],function(){return n(n.s=20564)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Angular-123330b2c1d48df0.js b/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Angular-123330b2c1d48df0.js
deleted file mode 100644
index ad0e7b36c78..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Angular-123330b2c1d48df0.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1689],{59346:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Angular",function(){return u(49854)}])}},function(n){n.O(0,[4996,9854,9774,2888,179],function(){return n(n.s=59346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/HTML-41bca699516225fd.js b/version/v0.0.54/_next/static/chunks/pages/components/link/docs/HTML-41bca699516225fd.js
deleted file mode 100644
index 677cf5b6e2a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/HTML-41bca699516225fd.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2551],{15737:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/HTML",function(){return t(1158)}])},1158:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return d},chCodeConfig:function(){return s}});var n=t(52322),r=t(45392),c=t(65854);let d={annotations:c.ds,Code:c.EK},s={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return d||a("CH",!1),d.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"HTML"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(d.Code,{codeConfig:s,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=15737)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/React-1f43adb6cf3cf888.js b/version/v0.0.54/_next/static/chunks/pages/components/link/docs/React-1f43adb6cf3cf888.js
deleted file mode 100644
index 0bbd99e50c0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/React-1f43adb6cf3cf888.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8666],{71093:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/React",function(){return u(80363)}])}},function(n){n.O(0,[4996,363,9774,2888,179],function(){return n(n.s=71093)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Vue-7f1faedb6e116d50.js b/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Vue-7f1faedb6e116d50.js
deleted file mode 100644
index 53288e82654..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/docs/Vue-7f1faedb6e116d50.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4209],{39671:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/docs/Vue",function(){return e(25816)}])},25816:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=39671)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/examples-1cdbf3700e3bcdd9.js b/version/v0.0.54/_next/static/chunks/pages/components/link/examples-1cdbf3700e3bcdd9.js
deleted file mode 100644
index 93e4d50c9a1..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/examples-1cdbf3700e3bcdd9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1302],{23438:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/examples",function(){return t(26629)}])},87224:function(e,r,t){"use strict";var c=t(52322),l=t(2784),n=t(7070);let d=(0,l.forwardRef)(function(e,r){let[t,d]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&d(e.stylePath)},[]),(0,c.jsxs)("a",{ref:r,id:e.id,className:(0,n.yI)("db-link",e.className),href:e.href,title:e.title,target:e.target,rel:e.rel,role:e.role,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,hrefLang:e.hreflang,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:r=>{e.onClick&&e.onClick(r)},children:[t?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:t})}):null,e.text?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{children:e.text})}):null,e.children]})});r.Z=d},7070:function(e,r,t){"use strict";t.d(r,{Vj:function(){return c},mT:function(){return d},yI:function(){return n},yn:function(){return l}});let c=()=>{var e,r;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(r=window.crypto)||void 0===r?void 0:r.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},l=(e,r)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(r.key,r.value),e.children.length>0&&l(e,r)})},n=function(){for(var e=arguments.length,r=Array(e),t=0;t{if(e){if("string"==typeof e)c+="".concat(e," ");else for(let r in e)e[r]&&(c+="".concat(r," "))}}),c.trim()},d=(e,r)=>r||(e&&"adaptive"!==e?void 0:"none")},26629:function(e,r,t){"use strict";t.r(r);var c=t(52322),l=t(18338),n=t(87224);r.default=()=>(0,c.jsxs)(l.Z,{children:[(0,c.jsx)("h1",{children:" DBLink Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"content:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{content:"internal",children:"Test"})]}),(0,c.jsx)("dt",{children:"content, current, describedbyid, disabled, href, hreflang, id, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{content:"internal",current:"time",describedbyid:"account",disabled:!0,href:"account",hreflang:"account",id:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,size:"small",tabIndex:100,target:"_blank",text:"account",title:"account",variant:"primary",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, id, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",describedbyid:"account",disabled:!0,href:"account",hreflang:"account",id:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,size:"small",tabIndex:100,target:"_blank",text:"account",title:"account",variant:"primary",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, size, tabIndex, target, text, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",describedbyid:"account",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,size:"small",tabIndex:100,target:"_blank",text:"account",title:"account",variant:"primary",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",describedbyid:"account",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,tabIndex:100,target:"_blank",text:"account",title:"account",variant:"primary",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, describedbyid, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",describedbyid:"account",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,tabIndex:100,target:"_blank",text:"account",title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, disabled, href, hreflang, key, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,tabIndex:100,target:"_blank",text:"account",title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, tabIndex, target, text, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,tabIndex:100,target:"_blank",text:"account",title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, target, text, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"current, disabled, href, hreflang, label, onClick, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",onClick:e=>console.log(e),referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"current, disabled, href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",disabled:!0,href:"account",hreflang:"account",label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled, href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{disabled:!0,href:"account",hreflang:"account",label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"href, hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{href:"account",hreflang:"account",label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"hreflang, label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{hreflang:"account",label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"label, referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{label:"account",referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"referrerpolicy, rel, role, selected, target, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,target:"_blank",text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"referrerpolicy, rel, role, selected, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",rel:"account",role:"account",selected:!0,text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"referrerpolicy, role, selected, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",role:"account",selected:!0,text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"referrerpolicy, selected, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",selected:!0,text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"selected, text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{selected:!0,text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"text:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{text:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"size:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{size:"small",children:"Test"})]}),(0,c.jsx)("dt",{children:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{variant:"primary",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"onClick:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{onClick:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"current:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{current:"time",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{disabled:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"href:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{href:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"hreflang:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{hreflang:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"target:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{target:"_blank",children:"Test"})]}),(0,c.jsx)("dt",{children:"rel:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{rel:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"role:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{role:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"referrerpolicy:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{referrerpolicy:"no-referrer-when-downgrade",children:"Test"})]}),(0,c.jsx)("dt",{children:"selected:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(n.Z,{selected:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=23438)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/how-to-use-b8a85a3d911c3f9a.js b/version/v0.0.54/_next/static/chunks/pages/components/link/how-to-use-b8a85a3d911c3f9a.js
deleted file mode 100644
index 8e54b5d1e6a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/how-to-use-b8a85a3d911c3f9a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6863],{76331:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/how-to-use",function(){return e(8897)}])},1158:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},25816:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},8897:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(1158),i=e(49854),d=e(80363),l=e(25816);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBLink"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(l.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9854,363,9774,2888,179],function(){return o(o.s=76331)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/migration-972a750bd2d034c1.js b/version/v0.0.54/_next/static/chunks/pages/components/link/migration-972a750bd2d034c1.js
deleted file mode 100644
index cd786f2529e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/migration-972a750bd2d034c1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3134],{13206:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/migration",function(){return e(21240)}])},21240:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),u=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBLink Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=13206)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/overview-bd5b07fea3c31f95.js b/version/v0.0.54/_next/static/chunks/pages/components/link/overview-bd5b07fea3c31f95.js
deleted file mode 100644
index 11d2f624e1b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/overview-bd5b07fea3c31f95.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5750],{90689:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/overview",function(){return n(65904)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return r}});let r=(e,a,n)=>{var r,s,t;return e.map((e,l)=>({...e,slotCode:null!==(r=null==n?void 0:n.at(l))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,n){"use strict";var r=n(52322),s=n(5632),t=n(2784),l=n(18338),i=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,r.jsx)(i.wq,{className:"variants-card",slotCode:n,children:(0,r.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,r.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[d,c]=(0,t.useState)(),u=(0,s.useRouter)();(0,t.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);c(e)}}},[u]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,r.jsxs)(r.Fragment,{children:[d&&(0,r.jsx)("div",{children:(0,r.jsx)(o,{...d})}),!d&&(0,r.jsx)(l.Z,{children:(0,r.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,r.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,r.jsxs)("div",{children:[(0,r.jsx)(i.oH,{}),(0,r.jsx)("h2",{children:(0,r.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,r.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},65904:function(e,a,n){"use strict";n.r(a);var r=n(52322),s=n(43898),t=n(24862),l=n(69401),i=n(42500),o=n(88797),d=n(51963),c=n(68623),u=n(18965),p=n(75549);let m=e=>{let{href:a,variant:n,disabled:s,size:t,content:l,children:i}=e;return(0,r.jsx)(d.vB,{href:a,variant:n,disabled:s,size:t,content:l,children:i})};a.default=()=>(0,r.jsx)(c.Z,{title:"DBLink",variants:(0,p.P)(u,m,[(0,r.jsx)(s.default,{}),(0,r.jsx)(t.default,{}),(0,r.jsx)(l.default,{}),(0,r.jsx)(i.default,{}),(0,r.jsx)(o.default,{})])})},18965:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"href":"#"}},{"name":"expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Primary","props":{"href":"#","variant":"primary"}}]},{"name":"State","examples":[{"name":"Default: (Enabled, Hover, Pressed)","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3898,4862,2500,8797,9401,9774,2888,179],function(){return e(e.s=90689)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/link/properties-6218b4498c20aead.js b/version/v0.0.54/_next/static/chunks/pages/components/link/properties-6218b4498c20aead.js
deleted file mode 100644
index c78922e3a75..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/link/properties-6218b4498c20aead.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{47918:function(e,d,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return r(51335)}])},51335:function(e,d,r){"use strict";r.r(d);var s=r(52322),t=r(45392),i=r(18338);let n=e=>{let{children:d}=e;return(0,s.jsx)(i.Z,{children:d})};function c(e){let d=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,t.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.h1,{children:"DBLink"}),"\n",(0,s.jsx)(d.h2,{children:"Properties"}),"\n",(0,s.jsxs)(d.table,{children:[(0,s.jsx)(d.thead,{children:(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.th,{children:"Name"}),(0,s.jsx)(d.th,{children:"Description"}),(0,s.jsx)(d.th,{children:"Type"}),(0,s.jsx)(d.th,{children:"Options"})]})}),(0,s.jsxs)(d.tbody,{children:[(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"content"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"id"}),(0,s.jsxs)(d.td,{children:[(0,s.jsx)(d.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"size"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"variant"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"children"}),(0,s.jsx)(d.td,{children:"default slot"}),(0,s.jsx)(d.td,{children:"any"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"className"}),(0,s.jsx)(d.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"describedbyid"}),(0,s.jsxs)(d.td,{children:[(0,s.jsx)(d.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(d.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"key"}),(0,s.jsx)(d.td,{children:"React specific for render process."}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"stylePath"}),(0,s.jsx)(d.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"tabIndex"}),(0,s.jsxs)(d.td,{children:["The default tabindex (",(0,s.jsx)(d.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(d.td,{children:"number"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"title"}),(0,s.jsxs)(d.td,{children:["The ",(0,s.jsx)(d.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"onClick"}),(0,s.jsx)(d.td,{children:"React specific onClick to pass to forward ref."}),(0,s.jsx)(d.td,{children:"function"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"current"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:" | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | "})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"disabled"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"boolean"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"href"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"hreflang"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"label"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"target"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"rel"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"role"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"referrerpolicy"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"union"}),(0,s.jsx)(d.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url'"})})})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"selected"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"boolean"}),(0,s.jsx)(d.td,{})]}),(0,s.jsxs)(d.tr,{children:[(0,s.jsx)(d.td,{children:"text"}),(0,s.jsx)(d.td,{children:"No description"}),(0,s.jsx)(d.td,{children:"string"}),(0,s.jsx)(d.td,{})]})]})]})]})}d.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=47918)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation-2f9388a85552a083.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation-2f9388a85552a083.js
deleted file mode 100644
index 9fb231c09fc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation-2f9388a85552a083.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5862],{30061:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation",function(){return a(61180)}])},75549:function(e,n,a){"use strict";a.d(n,{P:function(){return i}});let i=(e,n,a)=>{var i,s,t;return e.map((e,l)=>({...e,slotCode:null!==(i=null==a?void 0:a.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,n,a){"use strict";var i=a(52322),s=a(5632),t=a(2784),l=a(18338),r=a(51963);let c=e=>{let{examples:n,slotCode:a}=e;return(0,i.jsx)(r.wq,{className:"variants-card",slotCode:a,children:(0,i.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:a}=e,[o,d]=(0,t.useState)(),u=(0,s.useRouter)();(0,t.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(n){let e=a.find(e=>e.name.toLowerCase()===n);d(e)}}},[u]);let h=e=>{var n,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(n=a.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...o})}),!o&&(0,i.jsx)(l.Z,{children:(0,i.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,i.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(r.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(r.vB,{content:"external",target:"_blank",href:h(e),children:e.name})}),(0,i.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},61180:function(e,n,a){"use strict";a.r(n);var i=a(52322),s=a(96058),t=a(51963),l=a(68623),r=a(62698),c=a(75549);let o=e=>{let{children:n}=e;return(0,i.jsxs)("div",{children:[(0,i.jsxs)("h6",{children:[n,":"]}),(0,i.jsxs)(t.Cc,{children:[(0,i.jsx)(t.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.pK,{active:!0,children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,i.jsx)(t.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,i.jsx)(t.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,i.jsx)(t.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,i.jsx)(t.pK,{disabled:!0,children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};n.default=()=>(0,i.jsx)(l.Z,{title:"DBMainNavigation",variants:(0,c.P)(r,o,[(0,i.jsx)(s.default,{})])})},62698:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6058,9774,2888,179],function(){return e(e.s=30061)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/code/Tonality-2fda35d686a6372b.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/code/Tonality-2fda35d686a6372b.js
deleted file mode 100644
index 1dd66b68a9a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/code/Tonality-2fda35d686a6372b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1014],{94400:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/code/Tonality",function(){return o(96058)}])}},function(n){n.O(0,[4996,6058,9774,2888,179],function(){return n(n.s=94400)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Angular-6ec154792f3c0f0d.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Angular-6ec154792f3c0f0d.js
deleted file mode 100644
index 4e1358938bc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Angular-6ec154792f3c0f0d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9306],{68494:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/Angular",function(){return u(24725)}])}},function(n){n.O(0,[4996,4725,9774,2888,179],function(){return n(n.s=68494)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/HTML-546e7417a836e89f.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/HTML-546e7417a836e89f.js
deleted file mode 100644
index 88c4c225cac..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/HTML-546e7417a836e89f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2662],{93419:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/HTML",function(){return o(10715)}])}},function(n){n.O(0,[4996,715,9774,2888,179],function(){return n(n.s=93419)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/React-2795f92e46f6aa8d.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/React-2795f92e46f6aa8d.js
deleted file mode 100644
index b110d22927b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/React-2795f92e46f6aa8d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3622],{53634:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/React",function(){return o(30327)}])}},function(n){n.O(0,[4996,327,9774,2888,179],function(){return n(n.s=53634)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Vue-45bd7787497bb506.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Vue-45bd7787497bb506.js
deleted file mode 100644
index 033da17947d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/docs/Vue-45bd7787497bb506.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4379],{22923:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/docs/Vue",function(){return u(10185)}])}},function(n){n.O(0,[4996,185,9774,2888,179],function(){return n(n.s=22923)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/examples-b2315b33c4a8ff81.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/examples-b2315b33c4a8ff81.js
deleted file mode 100644
index 3c803a0d177..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/examples-b2315b33c4a8ff81.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6772],{88124:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/examples",function(){return t(79619)}])},74570:function(e,n,t){"use strict";var d=t(52322),i=t(2784),c=t(7070);let s=(0,i.forwardRef)(function(e,n){let[t,s]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,d.jsxs)("nav",{ref:n,id:e.id,className:(0,c.yI)("db-main-navigation",e.className),children:[t?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("link",{rel:"stylesheet",href:t})}):null,(0,d.jsx)("menu",{children:e.children})]})});n.Z=s},7070:function(e,n,t){"use strict";t.d(n,{Vj:function(){return d},mT:function(){return s},yI:function(){return c},yn:function(){return i}});let d=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},c=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)d+="".concat(e," ");else for(let n in e)e[n]&&(d+="".concat(n," "))}}),d.trim()},s=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},79619:function(e,n,t){"use strict";t.r(n);var d=t(52322),i=t(18338),c=t(74570);n.default=()=>(0,d.jsxs)(i.Z,{children:[(0,d.jsx)("h1",{children:" DBMainNavigation Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=88124)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/how-to-use-9e48622044ce6f83.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/how-to-use-9e48622044ce6f83.js
deleted file mode 100644
index aee6dc2f170..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/how-to-use-9e48622044ce6f83.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4696],{34202:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/how-to-use",function(){return e(9185)}])},9185:function(n,t,e){"use strict";e.r(t);var s=e(52322),u=e(45392),i=e(18338),o=e(10715),a=e(24725),c=e(30327),r=e(10185);let l=n=>{let{children:t}=n;return(0,s.jsx)(i.Z,{children:t})};function f(n){let t=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"How to use DBMainNavigation"}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(a.default,{}),"\n",(0,s.jsx)(c.default,{}),"\n",(0,s.jsx)(r.default,{})]})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,Object.assign({},n,{children:(0,s.jsx)(f,n)}))}}},function(n){n.O(0,[4996,4375,8338,715,4725,185,327,9774,2888,179],function(){return n(n.s=34202)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/migration-781d723572799915.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/migration-781d723572799915.js
deleted file mode 100644
index 1341910276d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/migration-781d723572799915.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8744],{68588:function(n,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/migration",function(){return i(18327)}])},18327:function(n,t,i){"use strict";i.r(t);var e=i(52322),o=i(45392),r=i(18338);let u=n=>{let{children:t}=n;return(0,e.jsx)(r.Z,{children:t})};function c(n){let t=Object.assign({h1:"h1"},(0,o.ah)(),n.components);return(0,e.jsx)(t.h1,{children:"DBMainNavigation Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(u,Object.assign({},n,{children:(0,e.jsx)(c,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=68588)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/overview-95aea183952c8da7.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/overview-95aea183952c8da7.js
deleted file mode 100644
index 4f7f7c5d1f7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/overview-95aea183952c8da7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8445],{12679:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/overview",function(){return a(73308)}])},75549:function(e,n,a){"use strict";a.d(n,{P:function(){return i}});let i=(e,n,a)=>{var i,s,t;return e.map((e,r)=>({...e,slotCode:null!==(i=null==a?void 0:a.at(r))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>({...e,example:n({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,n,a){"use strict";var i=a(52322),s=a(5632),t=a(2784),r=a(18338),l=a(51963);let c=e=>{let{examples:n,slotCode:a}=e;return(0,i.jsx)(l.wq,{className:"variants-card",slotCode:a,children:(0,i.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))})})};n.Z=e=>{let{title:n,variants:a}=e,[o,d]=(0,t.useState)(),u=(0,s.useRouter)();(0,t.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(n){let e=a.find(e=>e.name.toLowerCase()===n);d(e)}}},[u]);let v=e=>{var n,a;return window.location.origin?"".concat(null===(a=window)||void 0===a?void 0:null===(n=a.location)||void 0===n?void 0:n.href,"?page=").concat(e.name.toLowerCase()):""};return(0,i.jsxs)(i.Fragment,{children:[o&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...o})}),!o&&(0,i.jsx)(r.Z,{children:(0,i.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,i.jsx)("h1",{children:n}),null==a?void 0:a.map((e,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(l.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(l.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,i.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))]})})]})}},73308:function(e,n,a){"use strict";a.r(n);var i=a(52322),s=a(96058),t=a(51963),r=a(68623),l=a(62698),c=a(75549);let o=e=>{let{children:n}=e;return(0,i.jsxs)("div",{children:[(0,i.jsxs)("h6",{children:[n,":"]}),(0,i.jsxs)(t.Cc,{children:[(0,i.jsx)(t.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.pK,{active:!0,slotSubNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.pK,{active:!0,children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,i.jsx)(t.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,i.jsx)(t.pK,{children:(0,i.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,i.jsx)(t.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,i.jsx)(t.pK,{disabled:!0,children:(0,i.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};n.default=()=>(0,i.jsx)(r.Z,{title:"DBMainNavigation",variants:(0,c.P)(l,o,[(0,i.jsx)(s.default,{})])})},62698:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,6058,9774,2888,179],function(){return e(e.s=12679)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/properties-0a1c7ec4cd0d9564.js b/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/properties-0a1c7ec4cd0d9564.js
deleted file mode 100644
index 2d768abf85e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/main-navigation/properties-0a1c7ec4cd0d9564.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1264],{62827:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/properties",function(){return s(97294)}])},97294:function(e,t,s){"use strict";s.r(t);var d=s(52322),i=s(45392),n=s(18338);let r=e=>{let{children:t}=e;return(0,d.jsx)(n.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,i.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBMainNavigation"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(r,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=62827)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item-c9334a93b24b2d45.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item-c9334a93b24b2d45.js
deleted file mode 100644
index 127df045bac..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item-c9334a93b24b2d45.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7619],{29509:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item",function(){return n(18953)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,r,s;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),r=n(5632),s=n(2784),i=n(18338),l=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(l.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[u,p]=(0,s.useState)(),c=(0,r.useRouter)();(0,s.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);p(e)}}},[c]);let d=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...u})}),!u&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(l.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(l.vB,{content:"external",target:"_blank",href:d(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},18953:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(36186),s=n(30078),i=n(75270),l=n(90518),o=n(51963),u=n(68623),p=n(89267),c=n(75549);let d=e=>{let{children:a,icon:n,disabled:r,active:s,width:i,areaPopup:l}=e;return(0,t.jsx)(o.pK,{icon:n,disabled:r,active:s,width:i,areaPopup:l,onClick:()=>{alert(a.toString())},slotSubNavigation:l&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.pK,{children:(0,t.jsx)("a",{href:"#",children:"Test1"})}),(0,t.jsx)(o.pK,{children:(0,t.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?a:(0,t.jsx)("a",{href:"#",children:a})})};a.default=()=>(0,t.jsx)(u.Z,{title:"DBNavigationItem",variants:(0,c.P)(p,d,[(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},89267:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"regular (Default)","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"States","examples":[{"name":"Enabled (Default)","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"Leading Icon - Text","props":{"icon":"account","areaPopup":false}},{"name":"Leading Icon - Text - Trailing Icon","props":{"icon":"account","areaPopup":true}},{"name":"Text - Trailing Icon","props":{"areaPopup":true}},{"name":"Text","props":{"areaPopup":false}}]},{"name":"Width","examples":[{"name":"Auto (Default)","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3359,78,6186,518,9774,2888,179],function(){return e(e.s=29509)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Content-a3aec31b6c943204.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Content-a3aec31b6c943204.js
deleted file mode 100644
index 7f726409cca..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Content-a3aec31b6c943204.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7346],{30545:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Content",function(){return o(75270)}])}},function(n){n.O(0,[4996,3359,9774,2888,179],function(){return n(n.s=30545)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/States-288cedbf0ed2b705.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/States-288cedbf0ed2b705.js
deleted file mode 100644
index 7360570575c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/States-288cedbf0ed2b705.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3777],{67386:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/States",function(){return t(30078)}])}},function(n){n.O(0,[4996,78,9774,2888,179],function(){return n(n.s=67386)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Tonality-6cc436606f61b534.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Tonality-6cc436606f61b534.js
deleted file mode 100644
index 344fb7a5c54..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Tonality-6cc436606f61b534.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1367],{28023:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return o(36186)}])}},function(n){n.O(0,[4996,6186,9774,2888,179],function(){return n(n.s=28023)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Width-8a4f2cb9d5cd9a87.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Width-8a4f2cb9d5cd9a87.js
deleted file mode 100644
index fa2c933c94d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/code/Width-8a4f2cb9d5cd9a87.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9296],{47733:function(n,_,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(90518)}])}},function(n){n.O(0,[4996,518,9774,2888,179],function(){return n(n.s=47733)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Angular-24f6ff461333f2e3.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Angular-24f6ff461333f2e3.js
deleted file mode 100644
index 9bc0d0f2838..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Angular-24f6ff461333f2e3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2517],{5542:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Angular",function(){return u(38909)}])}},function(n){n.O(0,[4996,8909,9774,2888,179],function(){return n(n.s=5542)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/HTML-f58e853e3c0fb110.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/HTML-f58e853e3c0fb110.js
deleted file mode 100644
index 99d7da0e33c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/HTML-f58e853e3c0fb110.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{63357:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/HTML",function(){return o(97906)}])}},function(n){n.O(0,[4996,7906,9774,2888,179],function(){return n(n.s=63357)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Migration-3b83a0b2cbae6131.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Migration-3b83a0b2cbae6131.js
deleted file mode 100644
index 54d4995c323..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Migration-3b83a0b2cbae6131.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1861],{6488:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Migration",function(){return t(55660)}])},55660:function(n,e,t){"use strict";t.r(e);var o=t(52322),s=t(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.h2,{children:"General"}),"\n",(0,o.jsxs)(e.blockquote,{children:["\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,o.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,o.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,o.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=6488)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/React-195bb8b197773db8.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/React-195bb8b197773db8.js
deleted file mode 100644
index a8c37948141..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/React-195bb8b197773db8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5579],{36027:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/React",function(){return o(36904)}])}},function(n){n.O(0,[4996,7272,9774,2888,179],function(){return n(n.s=36027)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Vue-4d8a9742e086915e.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Vue-4d8a9742e086915e.js
deleted file mode 100644
index fd15836ccfb..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/docs/Vue-4d8a9742e086915e.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7932],{89995:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/docs/Vue",function(){return u(33264)}])}},function(n){n.O(0,[4996,3264,9774,2888,179],function(){return n(n.s=89995)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/examples-b18d61256703b6bf.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/examples-b18d61256703b6bf.js
deleted file mode 100644
index 9c7b6224871..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/examples-b18d61256703b6bf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8186],{94328:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/examples",function(){return e(44495)}])},96889:function(t,n,e){"use strict";var c=e(52322),i=e(2784),a=e(7070);let d=(0,i.forwardRef)(function(t,n){let[e,d]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{t.stylePath&&d(t.stylePath)},[]),(0,c.jsxs)("button",{id:t.id,ref:n,className:(0,a.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,title:t.title,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:[e?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:e})}):null,t.children]})});n.Z=d},94938:function(t,n,e){"use strict";e.d(n,{Y:function(){return c.Z}});var c=e(96889)},21191:function(t,n,e){"use strict";var c=e(52322),i=e(2784),a=e(94938),d=e(7070),o=e(8490);let s=(0,i.forwardRef)(function(t,n){var e;let[s,l]=(0,i.useState)(()=>!1),[u,r]=(0,i.useState)(()=>!1),[x,b]=(0,i.useState)(()=>!0),[h,j]=(0,i.useState)(()=>!1),[k,T]=(0,i.useState)(()=>"sub-navigation-"+(0,d.Vj)()),[I,N]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{l(!0),t.stylePath&&N(t.stylePath)},[]),(0,i.useEffect)(()=>{void 0!==t.subNavigationExpanded&&j(!!t.subNavigationExpanded)},[t.subNavigationExpanded]),(0,i.useEffect)(()=>{if(void 0!==t.areaPopup)r(t.areaPopup),b(u);else if(s&&document&&k){var n;let t=null===(n=document)||void 0===n?void 0:n.getElementById(k);if(t){let n=t.children;(null==n?void 0:n.length)>0?r(!0):b(!1)}}},[s,t.areaPopup]),(0,c.jsxs)("li",{ref:n,id:t.id,className:(0,d.yI)("db-navigation-item",t.className),"data-width":t.width,"data-icon":t.icon,"aria-current":t.active?"page":void 0,"aria-disabled":t.disabled,children:[I?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:I})}):null,x?null:(0,c.jsx)(c.Fragment,{children:t.children}),x?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":u,"aria-expanded":h,disabled:t.disabled,onClick:n=>{t.onClick&&t.onClick(n),u&&j(!0)},children:t.children}),(0,c.jsxs)("menu",{className:"db-sub-navigation",id:k,children:[u?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:"db-mobile-navigation-back",children:(0,c.jsx)(a.Y,{icon:"arrow_back",variant:"text",id:t.backButtonId,onClick:t=>{t.stopPropagation(),j(!1)},children:null!==(e=t.backButtonText)&&void 0!==e?e:o.YP})})}):null,t.slotSubNavigation]})]}):null]})});n.Z=s},8490:function(t,n,e){"use strict";var c,i,a,d,o,s,l;e.d(n,{$f:function(){return j},DM:function(){return k},IY:function(){return u},Kn:function(){return x},SU:function(){return r},YP:function(){return b},ce:function(){return h},iw:function(){return c},r$:function(){return a}});let u="OVERWRITE_DEFAULT_ID",r="LABEL SHOULD BE SET",x="-message",b="Back",h="Close Button";(o=c||(c={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive";let j=Object.entries(c).map(t=>{let[,n]=t;return n});(i||(i={})).PRIMARY="primary",(s=a||(a={})).NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.PRIMARY="primary",s.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",s.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.WARNING="warning",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let k=Object.entries(a).map(t=>{let[,n]=t;return n});Object.entries(i).map(t=>{let[,n]=t;return n}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,n]=t;return n})},7070:function(t,n,e){"use strict";e.d(n,{Vj:function(){return c},mT:function(){return d},yI:function(){return a},yn:function(){return i}});let c=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,n)=>{let e=t.children;Object.values(e).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&i(t,n)})},a=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)c+="".concat(t," ");else for(let n in t)t[n]&&(c+="".concat(n," "))}}),c.trim()},d=(t,n)=>n||(t&&"adaptive"!==t?void 0:"none")},44495:function(t,n,e){"use strict";e.r(n);var c=e(52322),i=e(18338),a=e(21191);n.default=()=>(0,c.jsxs)(i.Z,{children:[(0,c.jsx)("h1",{children:" DBNavigationItem Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"active:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{active:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"active, areaPopup, backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{active:!0,areaPopup:!0,backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,c.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"areaPopup, backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{areaPopup:!0,backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,c.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, disabled, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",disabled:!0,icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,c.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, slotSubNavigation, subNavigationExpanded, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",icon:"account",id:"account",onClick:t=>console.log(t),slotSubNavigation:(0,c.jsx)("div",{children:"slotSubNavigation"}),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, subNavigationExpanded, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",icon:"account",id:"account",onClick:t=>console.log(t),subNavigationExpanded:!0,tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, describedbyid, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",describedbyid:"account",icon:"account",id:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, id, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",id:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, key, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, tabIndex, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),tabIndex:100,title:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, title, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),title:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, onClick, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",onClick:t=>console.log(t),width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, icon, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",icon:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText, width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId, backButtonText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",backButtonText:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonText:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"areaPopup:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{areaPopup:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{disabled:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"slotSubNavigation:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{slotSubNavigation:(0,c.jsx)("div",{children:"slotSubNavigation"}),children:"Test"})]}),(0,c.jsx)("dt",{children:"subNavigationExpanded:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{subNavigationExpanded:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"onClick:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{onClick:t=>console.log(t),children:"Test"})]}),(0,c.jsx)("dt",{children:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{icon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"width:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{width:"auto",children:"Test"})]}),(0,c.jsx)("dt",{children:"backButtonId:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(a.Z,{backButtonId:"account",children:"Test"})]})]})]})}},function(t){t.O(0,[4375,8338,9774,2888,179],function(){return t(t.s=94328)}),_N_E=t.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/how-to-use-49e42b4b82f38fa0.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/how-to-use-49e42b4b82f38fa0.js
deleted file mode 100644
index 6cfaf1f3edc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/how-to-use-49e42b4b82f38fa0.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9521],{28808:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/how-to-use",function(){return e(4712)}])},4712:function(n,t,e){"use strict";e.r(t);var s=e(52322),u=e(45392),i=e(18338),o=e(97906),c=e(38909),r=e(36904),a=e(33264);let l=n=>{let{children:t}=n;return(0,s.jsx)(i.Z,{children:t})};function f(n){let t=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"How to use DBNavigationItem"}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(c.default,{}),"\n",(0,s.jsx)(r.default,{}),"\n",(0,s.jsx)(a.default,{})]})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,Object.assign({},n,{children:(0,s.jsx)(f,n)}))}}},function(n){n.O(0,[4996,4375,8338,8909,7272,3264,7906,9774,2888,179],function(){return n(n.s=28808)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/migration-184da0e8216a00ea.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/migration-184da0e8216a00ea.js
deleted file mode 100644
index 834dd22db28..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/migration-184da0e8216a00ea.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8596],{39683:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/migration",function(){return t(28884)}])},55660:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392);function i(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"General"}),"\n",(0,s.jsxs)(e.blockquote,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,o.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(i,n)})):i(n)}},28884:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392),i=t(18338),r=t(55660);let c=n=>{let{children:e}=n;return(0,s.jsx)(i.Z,{children:e})};function a(n){let e=Object.assign({h1:"h1"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"DBNavigationItem Migration"}),"\n",(0,s.jsx)(r.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(c,Object.assign({},n,{children:(0,s.jsx)(a,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=39683)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/overview-0cdac43618c1f663.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/overview-0cdac43618c1f663.js
deleted file mode 100644
index 7e390e50457..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/overview-0cdac43618c1f663.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2347],{99012:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/overview",function(){return n(23724)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,r,s;return e.map((e,i)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),r=n(5632),s=n(2784),i=n(18338),l=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(l.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[u,p]=(0,s.useState)(),c=(0,r.useRouter)();(0,s.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);p(e)}}},[c]);let d=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...u})}),!u&&(0,t.jsx)(i.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(l.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(l.vB,{content:"external",target:"_blank",href:d(e),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},23724:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(36186),s=n(30078),i=n(75270),l=n(90518),o=n(51963),u=n(68623),p=n(89267),c=n(75549);let d=e=>{let{children:a,icon:n,disabled:r,active:s,width:i,areaPopup:l}=e;return(0,t.jsx)(o.pK,{icon:n,disabled:r,active:s,width:i,areaPopup:l,onClick:()=>{alert(a.toString())},slotSubNavigation:l&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.pK,{children:(0,t.jsx)("a",{href:"#",children:"Test1"})}),(0,t.jsx)(o.pK,{children:(0,t.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?a:(0,t.jsx)("a",{href:"#",children:a})})};a.default=()=>(0,t.jsx)(u.Z,{title:"DBNavigationItem",variants:(0,c.P)(p,d,[(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(l.default,{})])})},89267:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"regular (Default)","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"States","examples":[{"name":"Enabled (Default)","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"Leading Icon - Text","props":{"icon":"account","areaPopup":false}},{"name":"Leading Icon - Text - Trailing Icon","props":{"icon":"account","areaPopup":true}},{"name":"Text - Trailing Icon","props":{"areaPopup":true}},{"name":"Text","props":{"areaPopup":false}}]},{"name":"Width","examples":[{"name":"Auto (Default)","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,3359,78,6186,518,9774,2888,179],function(){return e(e.s=99012)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/properties-5afdf27649ff1a45.js b/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/properties-5afdf27649ff1a45.js
deleted file mode 100644
index 2f7959a8673..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/navigation-item/properties-5afdf27649ff1a45.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8491],{56905:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return i(58098)}])},58098:function(e,t,i){"use strict";i.r(t);var r=i(52322),n=i(45392),d=i(18338);let s=e=>{let{children:t}=e;return(0,r.jsx)(d.Z,{children:t})};function a(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"DBNavigationItem"}),"\n",(0,r.jsx)(t.h2,{children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"active"}),(0,r.jsx)(t.td,{children:"Indicator for active navigation item (bold font)."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"areaPopup"}),(0,r.jsx)(t.td,{children:"If the attribute is set the item acts like a button with a sub-navigation"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the item"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotSubNavigation"}),(0,r.jsx)(t.td,{children:"React-specific property to pass in a slot for sub-navigation"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"subNavigationExpanded"}),(0,r.jsx)(t.td,{children:"This is for mobile navigation only, if it is set the sub-navigation is a static overlay"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"stylePath"}),(0,r.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"tabIndex"}),(0,r.jsxs)(t.td,{children:["The default tabindex (",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"title"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backButtonId"}),(0,r.jsx)(t.td,{children:"The backButtonId attribute changes the id inside the back button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backButtonText"}),(0,r.jsx)(t.td,{children:"The backButtonText attribute changes the text inside the back button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(s,Object.assign({},e,{children:(0,r.jsx)(a,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=56905)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Angular-94ee351664a60772.js b/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Angular-94ee351664a60772.js
deleted file mode 100644
index 5db05360ff8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Angular-94ee351664a60772.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6904],{75890:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/Angular",function(){return u(59100)}])}},function(n){n.O(0,[4996,9100,9774,2888,179],function(){return n(n.s=75890)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/HTML-6fbde8cc77a7ae73.js b/version/v0.0.54/_next/static/chunks/pages/components/page/docs/HTML-6fbde8cc77a7ae73.js
deleted file mode 100644
index 451fa1915ef..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/HTML-6fbde8cc77a7ae73.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[909],{73561:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/HTML",function(){return e(42889)}])},42889:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=73561)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/React-f772935d427a265d.js b/version/v0.0.54/_next/static/chunks/pages/components/page/docs/React-f772935d427a265d.js
deleted file mode 100644
index d0409a9f27c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/React-f772935d427a265d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2494],{92070:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/React",function(){return u(40492)}])}},function(n){n.O(0,[4996,492,9774,2888,179],function(){return n(n.s=92070)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Vue-c32b29748900059c.js b/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Vue-c32b29748900059c.js
deleted file mode 100644
index 28f01fbcd93..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/docs/Vue-c32b29748900059c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3485],{36924:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/docs/Vue",function(){return u(12418)}])}},function(n){n.O(0,[4996,2418,9774,2888,179],function(){return n(n.s=36924)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/examples-2e75bbd18060477c.js b/version/v0.0.54/_next/static/chunks/pages/components/page/examples-2e75bbd18060477c.js
deleted file mode 100644
index 83b010bba20..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/examples-2e75bbd18060477c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7062],{76536:function(e,d,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/examples",function(){return t(88048)}])},51923:function(e,d,t){"use strict";var n=t(52322),i=t(2784),s=t(7070);let c=(0,i.forwardRef)(function(e,d){let[t,c]=(0,i.useState)(()=>!1),[r,l]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{c(!e.fadeIn),e.stylePath&&l(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{c(!0)}):c(!0)},[]),(0,n.jsxs)("div",{ref:d,id:e.id,className:(0,s.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":t,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:r})}):null,e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});d.Z=c},7070:function(e,d,t){"use strict";t.d(d,{Vj:function(){return n},mT:function(){return c},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,d;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(d=window.crypto)||void 0===d?void 0:d.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,d)=>{let t=e.children;Object.values(t).forEach(e=>{e.setAttribute(d.key,d.value),e.children.length>0&&i(e,d)})},s=function(){for(var e=arguments.length,d=Array(e),t=0;t{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let d in e)e[d]&&(n+="".concat(d," "))}}),n.trim()},c=(e,d)=>d||(e&&"adaptive"!==e?void 0:"none")},88048:function(e,d,t){"use strict";t.r(d);var n=t(52322),i=t(18338),s=t(51923);d.default=()=>(0,n.jsxs)(i.Z,{children:[(0,n.jsx)("h1",{children:" DBPage Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"type:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{type:"fixedHeaderFooter",children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, slotHeader, tabIndex, title, type:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,n.jsx)("div",{children:"slotFooter"}),slotHeader:(0,n.jsx)("div",{children:"slotHeader"}),tabIndex:100,title:"account",type:"fixedHeaderFooter",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, slotHeader, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,n.jsx)("div",{children:"slotFooter"}),slotHeader:(0,n.jsx)("div",{children:"slotHeader"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, fadeIn, id, key, slotFooter, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",fadeIn:!0,id:"account",slotFooter:(0,n.jsx)("div",{children:"slotFooter"}),tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, fadeIn, id, key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",fadeIn:!0,id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex, title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"slotHeader:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{slotHeader:(0,n.jsx)("div",{children:"slotHeader"}),children:"Test"})]}),(0,n.jsx)("dt",{children:"slotFooter:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{slotFooter:(0,n.jsx)("div",{children:"slotFooter"}),children:"Test"})]}),(0,n.jsx)("dt",{children:"fadeIn:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{fadeIn:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(s.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=76536)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/how-to-use-c6f8b290a92d81c9.js b/version/v0.0.54/_next/static/chunks/pages/components/page/how-to-use-c6f8b290a92d81c9.js
deleted file mode 100644
index 6c30941b838..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/how-to-use-c6f8b290a92d81c9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9509],{23420:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/how-to-use",function(){return t(53709)}])},42889:function(o,e,t){"use strict";t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return l}});var n=t(52322),r=t(45392),c=t(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let e=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h2,{children:"HTML"}),"\n",(0,n.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(e.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},53709:function(o,e,t){"use strict";t.r(e);var n=t(52322),r=t(45392),c=t(18338),s=t(42889),l=t(59100),d=t(40492),i=t(12418);let a=o=>{let{children:e}=o;return(0,n.jsx)(c.Z,{children:e})};function h(o){let e=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h1,{children:"How to use DBPage"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}e.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(h,o)}))}}},function(o){o.O(0,[4996,4375,8338,9100,492,2418,9774,2888,179],function(){return o(o.s=23420)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/migration-0ed852fe3ed17a13.js b/version/v0.0.54/_next/static/chunks/pages/components/page/migration-0ed852fe3ed17a13.js
deleted file mode 100644
index 2b7741bd008..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/migration-0ed852fe3ed17a13.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2733],{13916:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/migration",function(){return e(96105)}])},96105:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),u=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBPage Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=13916)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/page/properties-734fe44a0927bd59.js b/version/v0.0.54/_next/static/chunks/pages/components/page/properties-734fe44a0927bd59.js
deleted file mode 100644
index 4b452d9bc34..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/page/properties-734fe44a0927bd59.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7944],{41383:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/properties",function(){return s(96380)}])},96380:function(e,t,s){"use strict";s.r(t);var d=s(52322),i=s(45392),r=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(r.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,i.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBPage"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"type"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"literal"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:"'fixedHeaderFooter'"})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"slotHeader"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"slotFooter"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"fadeIn"}),(0,d.jsxs)(t.td,{children:["Set this to have a transition with opacity to avoid layout-shifts ",(0,d.jsx)(t.a,{href:"https://simonhearne.com/2021/layout-shifts-webfonts/",children:"https://simonhearne.com/2021/layout-shifts-webfonts/"})]}),(0,d.jsx)(t.td,{children:"boolean"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=41383)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio-2019e7fbeef95d01.js b/version/v0.0.54/_next/static/chunks/pages/components/radio-2019e7fbeef95d01.js
deleted file mode 100644
index 5df56e23fde..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio-2019e7fbeef95d01.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6565],{43754:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio",function(){return n(27567)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return l}});let l=(e,a,n)=>{var l,s,t;return e.map((e,i)=>({...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,n){"use strict";var l=n(52322),s=n(5632),t=n(2784),i=n(18338),r=n(51963);let d=e=>{let{examples:a,slotCode:n}=e;return(0,l.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,l.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[u,o]=(0,t.useState)(),c=(0,s.useRouter)();(0,t.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);o(e)}}},[c]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,l.jsxs)(l.Fragment,{children:[u&&(0,l.jsx)("div",{children:(0,l.jsx)(d,{...u})}),!u&&(0,l.jsx)(i.Z,{children:(0,l.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,l.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,l.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},27567:function(e,a,n){"use strict";n.r(a);var l=n(52322),s=n(34435),t=n(30112),i=n(88163),r=n(51963),d=n(68623),u=n(75549),o=n(81566);let c=e=>{let{label:a,size:n,name:s,checked:t,invalid:i,required:d,children:u,disabled:o,value:c}=e;return(0,l.jsx)(r.an,{label:a,size:n,name:s,checked:t,invalid:i,required:d,disabled:o,value:c,children:u})};a.default=()=>(0,l.jsx)(d.Z,{title:"DBRadio",variants:(0,u.P)(o,c,[(0,l.jsx)(s.default,{}),(0,l.jsx)(t.default,{}),(0,l.jsx)(i.default,{})])})},81566:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"States","examples":[{"name":"Default","props":{"name":"States","value":"default"}},{"name":"Disabled","props":{"name":"States","disabled":true,"value":"disabled"}},{"name":"Disabled checked","props":{"name":"SpecialState","disabled":true,"checked":true,"value":"disabled-checked"}},{"name":"Required","props":{"name":"States","required":true,"value":"required"}},{"name":"Checked","props":{"name":"States","checked":true,"value":"checked"}},{"name":"Invalid","props":{"name":"States","invalid":true,"value":"invalid"}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size","value":"default"}},{"name":"Small","props":{"name":"Size","size":"small","value":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,112,4435,8163,9774,2888,179],function(){return e(e.s=43754)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Size-48c5426adfab9eb2.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Size-48c5426adfab9eb2.js
deleted file mode 100644
index 150cbec198b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Size-48c5426adfab9eb2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9743],{76107:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Size",function(){return o(88163)}])}},function(n){n.O(0,[4996,8163,9774,2888,179],function(){return n(n.s=76107)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/States-0bf008d77fcfc736.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/code/States-0bf008d77fcfc736.js
deleted file mode 100644
index 4d8d01b0eb7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/States-0bf008d77fcfc736.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2978],{87326:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/States",function(){return o(30112)}])}},function(n){n.O(0,[4996,112,9774,2888,179],function(){return n(n.s=87326)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Tonality-84e18d634197500f.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Tonality-84e18d634197500f.js
deleted file mode 100644
index 30010346fb7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/code/Tonality-84e18d634197500f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9379],{26641:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/code/Tonality",function(){return o(34435)}])}},function(n){n.O(0,[4996,4435,9774,2888,179],function(){return n(n.s=26641)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Angular-a6bdcfbd837f84ab.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Angular-a6bdcfbd837f84ab.js
deleted file mode 100644
index e0c4cd9eb98..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Angular-a6bdcfbd837f84ab.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5440],{92346:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Angular",function(){return u(21785)}])}},function(n){n.O(0,[4996,1785,9774,2888,179],function(){return n(n.s=92346)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/HTML-8a246b8e758f5952.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/HTML-8a246b8e758f5952.js
deleted file mode 100644
index db162a5b4f8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/HTML-8a246b8e758f5952.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3508],{39685:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/HTML",function(){return o(55216)}])}},function(n){n.O(0,[4996,5216,9774,2888,179],function(){return n(n.s=39685)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/React-9d8f85e2d3f2ad24.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/React-9d8f85e2d3f2ad24.js
deleted file mode 100644
index b698ef3b520..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/React-9d8f85e2d3f2ad24.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2282],{84623:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/React",function(){return o(40475)}])}},function(n){n.O(0,[4996,475,9774,2888,179],function(){return n(n.s=84623)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Vue-ccda0a03fb4b994b.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Vue-ccda0a03fb4b994b.js
deleted file mode 100644
index 7522f2f9661..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/docs/Vue-ccda0a03fb4b994b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8253],{2809:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/docs/Vue",function(){return u(2265)}])}},function(n){n.O(0,[4996,2265,9774,2888,179],function(){return n(n.s=2809)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/examples-5129b543a1d11c90.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/examples-5129b543a1d11c90.js
deleted file mode 100644
index b97acea550f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/examples-5129b543a1d11c90.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5341],{5021:function(e,l,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/examples",function(){return c(2944)}])},53048:function(e,l,c){"use strict";var n=c(52322),d=c(2784),a=c(7070),o=c(8490);let t=(0,d.forwardRef)(function(e,l){let[c,t]=(0,d.useState)(()=>!1),[i,u]=(0,d.useState)(()=>o.IY),[s,r]=(0,d.useState)(()=>void 0),[h,f]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{t(!0),u(e.id||"radio-"+(0,a.Vj)()),e.stylePath&&f(e.stylePath)},[]),(0,d.useEffect)(()=>{if(e.checked&&c&&document&&i){var l;let e=null===(l=document)||void 0===l?void 0:l.getElementById(i);e&&(e.checked=!0,t(!1))}},[c]),(0,n.jsxs)(n.Fragment,{children:[h?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("link",{rel:"stylesheet",href:h})}):null,(0,n.jsx)("input",{type:"radio",ref:l,className:(0,a.yI)("db-radio",e.className),id:i,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,"data-size":e.size,value:e.value,required:e.required,onChange:l=>{var c,n,d,a,o,t;e.onChange&&e.onChange(l),e.change&&e.change(l),(null===(n=l.target)||void 0===n?void 0:null===(c=n.validity)||void 0===c?void 0:c.valid)!=s&&(r(null===(a=l.target)||void 0===a?void 0:null===(d=a.validity)||void 0===d?void 0:d.valid),e.validityChange&&e.validityChange(!!(null===(t=l.target)||void 0===t?void 0:null===(o=t.validity)||void 0===o?void 0:o.valid)))},onBlur:l=>{e.onBlur&&e.onBlur(l),e.blur&&e.blur(l)},onFocus:l=>{e.onFocus&&e.onFocus(l),e.focus&&e.focus(l)}}),(0,n.jsxs)("label",{htmlFor:i,children:[e.label?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("span",{children:e.label})}):null,e.children]})]})});l.Z=t},8490:function(e,l,c){"use strict";var n,d,a,o,t,i,u;c.d(l,{$f:function(){return x},DM:function(){return j},IY:function(){return s},Kn:function(){return h},SU:function(){return r},YP:function(){return f},ce:function(){return g},iw:function(){return n},r$:function(){return a}});let s="OVERWRITE_DEFAULT_ID",r="LABEL SHOULD BE SET",h="-message",f="Back",g="Close Button";(t=n||(n={})).FUNCTIONAL="functional",t.REGULAR="regular",t.EXPRESSIVE="expressive";let x=Object.entries(n).map(e=>{let[,l]=e;return l});(d||(d={})).PRIMARY="primary",(i=a||(a={})).NEUTRAL="neutral",i.NEUTRAL_STRONG="neutral-strong",i.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",i.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",i.PRIMARY="primary",i.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",i.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",i.SUCCESSFUL="successful",i.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",i.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",i.CRITICAL="critical",i.CRITICAL_TRANSPARENT_Full="critical-transparent-full",i.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",i.WARNING="warning",i.WARNING_TRANSPARENT_FULL="warning-transparent-full",i.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",i.INFORMATIONAL="informational",i.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",i.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let j=Object.entries(a).map(e=>{let[,l]=e;return l});Object.entries(d).map(e=>{let[,l]=e;return l}),(u=o||(o={})).CRITICAL="critical",u.INFORMATIONAL="informational",u.WARNING="warning",u.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,l]=e;return l})},7070:function(e,l,c){"use strict";c.d(l,{Vj:function(){return n},mT:function(){return o},yI:function(){return a},yn:function(){return d}});let n=()=>{var e,l;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(l=window.crypto)||void 0===l?void 0:l.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(e,l)=>{let c=e.children;Object.values(c).forEach(e=>{e.setAttribute(l.key,l.value),e.children.length>0&&d(e,l)})},a=function(){for(var e=arguments.length,l=Array(e),c=0;c{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let l in e)e[l]&&(n+="".concat(l," "))}}),n.trim()},o=(e,l)=>l||(e&&"adaptive"!==e?void 0:"none")},2944:function(e,l,c){"use strict";c.r(l);var n=c(52322),d=c(18338),a=c(53048);l.default=()=>(0,n.jsxs)(d.Z,{children:[(0,n.jsx)("h1",{children:" DBRadio Examples "}),(0,n.jsxs)("dl",{className:"example-list",children:[(0,n.jsx)("dt",{children:"describedbyid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{describedbyid:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, name, onBlur, onChange, onFocus, required, size, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,size:"small",tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, id, invalid, key, label, name, onBlur, onChange, onFocus, required, size, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,size:"small",tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, id, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, key, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, tabIndex, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, title, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, change, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onChange, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"blur, checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onBlur, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, focus, form, invalid, label, name, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",invalid:!0,label:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, onFocus, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, required, validityChange, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,validityChange:e=>console.log(e),value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, disabled, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,disabled:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, form, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,form:"account",invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, invalid, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,invalid:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, label, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,label:"account",name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, name, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,name:"account",required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, required, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,required:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked, value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked, defaultChecked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,defaultChecked:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"defaultChecked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{defaultChecked:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"size:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{size:"small",children:"Test"})]}),(0,n.jsx)("dt",{children:"id:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{id:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"key:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{children:"Test"},"account")]}),(0,n.jsx)("dt",{children:"tabIndex:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{tabIndex:100,children:"Test"})]}),(0,n.jsx)("dt",{children:"title:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{title:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"change:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{change:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onChange:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"blur:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onBlur:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"focus:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"onFocus:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{onFocus:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"validityChange:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{validityChange:e=>console.log(e),children:"Test"})]}),(0,n.jsx)("dt",{children:"defaultValue:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{defaultValue:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"disabled:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{disabled:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"form:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{form:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"invalid:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{invalid:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"label:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{label:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"name:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{name:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"required:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{required:!0,children:"Test"})]}),(0,n.jsx)("dt",{children:"value:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{value:"account",children:"Test"})]}),(0,n.jsx)("dt",{children:"checked:"})," ",(0,n.jsxs)("dd",{children:[" ",(0,n.jsx)(a.Z,{checked:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=5021)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/how-to-use-5e4c85bbbea632ca.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/how-to-use-5e4c85bbbea632ca.js
deleted file mode 100644
index d632eacde87..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/how-to-use-5e4c85bbbea632ca.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2772],{47304:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/how-to-use",function(){return t(38518)}])},38518:function(n,e,t){"use strict";t.r(e);var s=t(52322),u=t(45392),o=t(18338),i=t(55216),r=t(21785),c=t(40475),l=t(2265);let a=n=>{let{children:e}=n;return(0,s.jsx)(o.Z,{children:e})};function d(n){let e=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBRadio"}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(r.default,{}),"\n",(0,s.jsx)(c.default,{}),"\n",(0,s.jsx)(l.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(a,Object.assign({},n,{children:(0,s.jsx)(d,n)}))}}},function(n){n.O(0,[4996,4375,8338,1785,475,2265,5216,9774,2888,179],function(){return n(n.s=47304)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/migration-0f55bd315c4ffae2.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/migration-0f55bd315c4ffae2.js
deleted file mode 100644
index 422259187f4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/migration-0f55bd315c4ffae2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5251],{58670:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/migration",function(){return e(59885)}])},59885:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),o=e(18338);let u=n=>{let{children:t}=n;return(0,i.jsx)(o.Z,{children:t})};function c(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBRadio Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(u,Object.assign({},n,{children:(0,i.jsx)(c,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=58670)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/overview-98a0b11dd87e4ee1.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/overview-98a0b11dd87e4ee1.js
deleted file mode 100644
index 9cba8fbda4a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/overview-98a0b11dd87e4ee1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[495],{65821:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/overview",function(){return n(63426)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return l}});let l=(e,a,n)=>{var l,s,t;return e.map((e,i)=>({...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,n){"use strict";var l=n(52322),s=n(5632),t=n(2784),i=n(18338),r=n(51963);let d=e=>{let{examples:a,slotCode:n}=e;return(0,l.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,l.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[u,o]=(0,t.useState)(),c=(0,s.useRouter)();(0,t.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);o(e)}}},[c]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,l.jsxs)(l.Fragment,{children:[u&&(0,l.jsx)("div",{children:(0,l.jsx)(d,{...u})}),!u&&(0,l.jsx)(i.Z,{children:(0,l.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,l.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,l.jsx)(d,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},63426:function(e,a,n){"use strict";n.r(a);var l=n(52322),s=n(34435),t=n(30112),i=n(88163),r=n(51963),d=n(68623),u=n(75549),o=n(81566);let c=e=>{let{label:a,size:n,name:s,checked:t,invalid:i,required:d,children:u,disabled:o,value:c}=e;return(0,l.jsx)(r.an,{label:a,size:n,name:s,checked:t,invalid:i,required:d,disabled:o,value:c,children:u})};a.default=()=>(0,l.jsx)(d.Z,{title:"DBRadio",variants:(0,u.P)(o,c,[(0,l.jsx)(s.default,{}),(0,l.jsx)(t.default,{}),(0,l.jsx)(i.default,{})])})},81566:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"States","examples":[{"name":"Default","props":{"name":"States","value":"default"}},{"name":"Disabled","props":{"name":"States","disabled":true,"value":"disabled"}},{"name":"Disabled checked","props":{"name":"SpecialState","disabled":true,"checked":true,"value":"disabled-checked"}},{"name":"Required","props":{"name":"States","required":true,"value":"required"}},{"name":"Checked","props":{"name":"States","checked":true,"value":"checked"}},{"name":"Invalid","props":{"name":"States","invalid":true,"value":"invalid"}}]},{"name":"Size","examples":[{"name":"Default","props":{"name":"Size","value":"default"}},{"name":"Small","props":{"name":"Size","size":"small","value":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,112,4435,8163,9774,2888,179],function(){return e(e.s=65821)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/radio/properties-3988d86a76d46a28.js b/version/v0.0.54/_next/static/chunks/pages/components/radio/properties-3988d86a76d46a28.js
deleted file mode 100644
index f4825455459..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/radio/properties-3988d86a76d46a28.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581],{39622:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return d(18572)}])},18572:function(e,t,d){"use strict";d.r(t);var s=d(52322),r=d(45392),n=d(18338);let i=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBRadio"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"size"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"literal"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"change"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onChange"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"blur"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onBlur"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"focus"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"onFocus"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"validityChange"}),(0,s.jsx)(t.td,{children:"No description"}),(0,s.jsx)(t.td,{children:"function"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"(valid: boolean) => void"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"defaultValue"}),(0,s.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"disabled"}),(0,s.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"form"}),(0,s.jsx)(t.td,{children:"Associates the control with a form element"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"invalid"}),(0,s.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"label"}),(0,s.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"name"}),(0,s.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"required"}),(0,s.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"value"}),(0,s.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"checked"}),(0,s.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"defaultChecked"}),(0,s.jsxs)(t.td,{children:["Returns / Sets the default state of a radio button or checkbox as originally specified in HTML that created this object.",(0,s.jsx)("br",{}),"Vue: according to our research this property should not be used. Please refer to v-model instead.",(0,s.jsx)("br",{}),"cf. ",(0,s.jsx)(t.a,{href:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api",children:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api"})," vs. ",(0,s.jsx)(t.a,{href:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default",children:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default"})]}),(0,s.jsx)(t.td,{children:"boolean"}),(0,s.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=39622)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/readme-bd2bba1a2eebefd2.js b/version/v0.0.54/_next/static/chunks/pages/components/readme-bd2bba1a2eebefd2.js
deleted file mode 100644
index 2a6af8edcd5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/readme-bd2bba1a2eebefd2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7439],{72533:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/readme",function(){return t(31977)}])},31977:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return m}});var o=t(52322),s=t(18338),r=t(45392),c=t(65854);let i={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function a(e){let n=Object.assign({h1:"h1",p:"p",img:"img",a:"a",blockquote:"blockquote",strong:"strong",ul:"ul",li:"li",hr:"hr",h2:"h2",code:"code"},(0,r.ah)(),e.components);return i||h("CH",!1),i.Code||h("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,o.jsx)(n.h1,{children:"@db-ui/components"}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,o.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,o.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,o.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,o.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,o.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,o.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,o.jsxs)(n.p,{children:["A library containing all styles for components of ",(0,o.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,o.jsxs)(n.blockquote,{children:["\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.strong,{children:"Note"}),"\nFurthermore we currently support these additional JavaScript frameworks, with more coming soon:"]}),"\n"]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"Angular components"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"React components"})}),"\n",(0,o.jsx)(n.li,{children:(0,o.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"Vue components"})}),"\n"]}),"\n",(0,o.jsx)(n.p,{children:"Please take a look at your desired framework to retrieve more information."}),"\n",(0,o.jsx)(n.hr,{}),"\n",(0,o.jsx)(n.p,{children:"If you just need the styling follow this:"}),"\n",(0,o.jsx)(n.h2,{children:"Install"}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.code,{children:"npm i @db-ui/components"})}),"\n",(0,o.jsx)(n.h2,{children:"Dependencies"}),"\n",(0,o.jsxs)(n.p,{children:["Import the styles in ",(0,o.jsx)(n.code,{children:"scss"})," or ",(0,o.jsx)(n.code,{children:"css"}),". Based on your technology the file names could be different."]}),"\n",(0,o.jsxs)(n.ul,{children:["\n",(0,o.jsxs)(n.li,{children:["Default (db-ui-42): asset path point to ",(0,o.jsx)(n.code,{children:"../assets"})]}),"\n",(0,o.jsxs)(n.li,{children:["Webpack (db-ui-42-webpack): asset path point to ",(0,o.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,o.jsxs)(n.li,{children:["Rollup (db-ui-42-rollup): asset path point to ",(0,o.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,o.jsxs)(n.p,{children:[(0,o.jsx)(n.code,{children:"db-ui-42"})," bundles all dependencies from ",(0,o.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," + all ",(0,o.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/packages/components/src/styles/db-ui-components.scss",children:"components"})," available."]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"SCSS"})}),"\n",(0,o.jsx)(i.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// index.scss",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"CSS"})}),"\n",(0,o.jsx)(n.p,{children:"Within HTML files directly:"}),"\n",(0,o.jsx)(i.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=99508)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Migration-7e556dae34ed3521.js b/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Migration-7e556dae34ed3521.js
deleted file mode 100644
index 4633eb248b0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Migration-7e556dae34ed3521.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9486],{19749:function(n,e,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Migration",function(){return o(79565)}])},79565:function(n,e,o){"use strict";o.r(e);var t=o(52322),s=o(45392);function c(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,s.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{children:"General"}),"\n",(0,t.jsxs)(e.blockquote,{children:["\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,t.jsx)(e,Object.assign({},n,{children:(0,t.jsx)(c,n)})):c(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=19749)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/React-763fc51217096a3c.js b/version/v0.0.54/_next/static/chunks/pages/components/section/docs/React-763fc51217096a3c.js
deleted file mode 100644
index e99e13d212a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/React-763fc51217096a3c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4922],{48032:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/React",function(){return e(11789)}])},11789:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSection ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=48032)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Vue-bd820dbaf0012195.js b/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Vue-bd820dbaf0012195.js
deleted file mode 100644
index d2ebee04a86..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/docs/Vue-bd820dbaf0012195.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[773],{83:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/docs/Vue",function(){return e(32495)}])},32495:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBSection ",props:{style:{color:"#D8DEE9"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=83)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/examples-db73a48fb5ed01e3.js b/version/v0.0.54/_next/static/chunks/pages/components/section/examples-db73a48fb5ed01e3.js
deleted file mode 100644
index 11ba0382903..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/examples-db73a48fb5ed01e3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9907],{77640:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/examples",function(){return n(49584)}])},67014:function(e,t,n){"use strict";var d=n(52322),i=n(2784),c=n(7070);let s=(0,i.forwardRef)(function(e,t){let[n,s]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,d.jsxs)("section",{ref:t,id:e.id,"data-size":e.size||"medium",className:(0,c.yI)("db-section",e.className),children:[n?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("link",{rel:"stylesheet",href:n})}):null,(0,d.jsx)("div",{"data-variant":e.variant,children:e.children})]})});t.Z=s},7070:function(e,t,n){"use strict";n.d(t,{Vj:function(){return d},mT:function(){return s},yI:function(){return c},yn:function(){return i}});let d=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{let n=e.children;Object.values(n).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},c=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)d+="".concat(e," ");else for(let t in e)e[t]&&(d+="".concat(t," "))}}),d.trim()},s=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none")},49584:function(e,t,n){"use strict";n.r(t);var d=n(52322),i=n(18338),c=n(67014);t.default=()=>(0,d.jsxs)(i.Z,{children:[(0,d.jsx)("h1",{children:" DBSection Examples "}),(0,d.jsxs)("dl",{className:"example-list",children:[(0,d.jsx)("dt",{children:"size:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{size:"medium",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid, id, key, size, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",id:"account",size:"medium",tabIndex:100,title:"account",variant:"large",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title, variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",variant:"large",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex, title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"title:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"variant:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{variant:"large",children:"Test"})]}),(0,d.jsx)("dt",{children:"describedbyid:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"id:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,d.jsx)("dt",{children:"key:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{children:"Test"},"account")]}),(0,d.jsx)("dt",{children:"tabIndex:"})," ",(0,d.jsxs)("dd",{children:[" ",(0,d.jsx)(c.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=77640)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/how-to-use-88b3729c742cd258.js b/version/v0.0.54/_next/static/chunks/pages/components/section/how-to-use-88b3729c742cd258.js
deleted file mode 100644
index 684f1417c51..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/how-to-use-88b3729c742cd258.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7622],{43666:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/how-to-use",function(){return e(81995)}])},32966:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},11789:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSection ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},32495:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBSection ",props:{style:{color:"#D8DEE9"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(l,o)})):l(o)}},81995:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(32966),i=e(88489),l=e(11789),d=e(32495);let p=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function a(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBSection"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(i.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(p,Object.assign({},o,{children:(0,n.jsx)(a,o)}))}}},function(o){o.O(0,[4996,4375,8338,8489,9774,2888,179],function(){return o(o.s=43666)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/migration-cca9672e3fad9cfd.js b/version/v0.0.54/_next/static/chunks/pages/components/section/migration-cca9672e3fad9cfd.js
deleted file mode 100644
index 9b9838478ba..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/migration-cca9672e3fad9cfd.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6195],{50686:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/migration",function(){return t(66809)}])},79565:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392);function r(n){let e=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"General"}),"\n",(0,s.jsxs)(e.blockquote,{children:["\n",(0,s.jsxs)(e.p,{children:[(0,s.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(e.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(e.p,{children:"New Component \uD83E\uDD73"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,o.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}},66809:function(n,e,t){"use strict";t.r(e);var s=t(52322),o=t(45392),r=t(18338),c=t(79565);let i=n=>{let{children:e}=n;return(0,s.jsx)(r.Z,{children:e})};function u(n){let e=Object.assign({h1:"h1"},(0,o.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"DBSection Migration"}),"\n",(0,s.jsx)(c.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},n,{children:(0,s.jsx)(u,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=50686)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/overview-0b960fab0d82d50f.js b/version/v0.0.54/_next/static/chunks/pages/components/section/overview-0b960fab0d82d50f.js
deleted file mode 100644
index c15d533f3b2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/overview-0b960fab0d82d50f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8734],{9844:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/overview",function(){return n(17338)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return l}});let l=(e,a,n)=>{var l,s,t;return e.map((e,i)=>({...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(s=e.props.id)&&void 0!==s?s:e.name,children:null!==(t=e.props.children)&&void 0!==t?t:e.name})}))}))}},68623:function(e,a,n){"use strict";var l=n(52322),s=n(5632),t=n(2784),i=n(18338),r=n(51963);let o=e=>{let{examples:a,slotCode:n}=e;return(0,l.jsx)(r.wq,{className:"variants-card",slotCode:n,children:(0,l.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,d]=(0,t.useState)(),u=(0,s.useRouter)();(0,t.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);d(e)}}},[u]);let p=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,l.jsxs)(l.Fragment,{children:[c&&(0,l.jsx)("div",{children:(0,l.jsx)(o,{...c})}),!c&&(0,l.jsx)(i.Z,{children:(0,l.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,l.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,l.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},17338:function(e,a,n){"use strict";n.r(a);var l=n(52322),s=n(5917),t=n(67577),i=n(99954),r=n(51963),o=n(68623),c=n(32694),d=n(75549);let u=e=>{let{variant:a,size:n,children:s}=e;return(0,l.jsx)(r.cN,{className:"db-bg-informational",size:n,variant:a,children:s})};a.default=()=>(0,l.jsx)(o.Z,{title:"DBSection",variants:(0,d.P)(c,u,[(0,l.jsx)(s.default,{}),(0,l.jsx)(t.default,{}),(0,l.jsx)(i.default,{})])})},32694:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Full (Default)","style":{"width":"100%","display":"block"},"props":{}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"variant":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"variant":"large"}}]},{"name":"Size","examples":[{"name":"Medium (Default)","props":{}},{"name":"Large","props":{"size":"large"}},{"name":"Small","props":{"size":"small"}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,7577,9954,5917,9774,2888,179],function(){return e(e.s=9844)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/section/properties-0441e247ab6d83a5.js b/version/v0.0.54/_next/static/chunks/pages/components/section/properties-0441e247ab6d83a5.js
deleted file mode 100644
index f682d7bcedc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/section/properties-0441e247ab6d83a5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6317],{73208:function(e,t,d){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return d(22212)}])},22212:function(e,t,d){"use strict";d.r(t);var s=d(52322),i=d(45392),n=d(18338);let r=e=>{let{children:t}=e;return(0,s.jsx)(n.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code",a:"a"},(0,i.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"DBSection"}),"\n",(0,s.jsx)(t.h2,{children:"Properties"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Description"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Options"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"size"}),(0,s.jsxs)(t.td,{children:["The size attribute changes the ",(0,s.jsx)(t.code,{children:"padding-block"})," (former ",(0,s.jsx)(t.code,{children:"padding-top"})," and ",(0,s.jsx)(t.code,{children:"padding-bottom"}),") of the container inside the section."]}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'small' | 'medium' | 'large' | 'none'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"variant"}),(0,s.jsxs)(t.td,{children:["The variant attribute changes the ",(0,s.jsx)(t.code,{children:"padding-inline"})," (former ",(0,s.jsx)(t.code,{children:"padding-left"})," and ",(0,s.jsx)(t.code,{children:"padding-right"}),") of the container inside the section."]}),(0,s.jsx)(t.td,{children:"union"}),(0,s.jsx)(t.td,{children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'large' | 'full'"})})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"children"}),(0,s.jsx)(t.td,{children:"default slot"}),(0,s.jsx)(t.td,{children:"any"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"describedbyid"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,s.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"id"}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"key"}),(0,s.jsx)(t.td,{children:"React specific for render process."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"stylePath"}),(0,s.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"tabIndex"}),(0,s.jsxs)(t.td,{children:["The default tabindex (",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsxs)(t.td,{children:["The ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(r,Object.assign({},e,{children:(0,s.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=73208)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select-6568e77f7a1367b6.js b/version/v0.0.54/_next/static/chunks/pages/components/select-6568e77f7a1367b6.js
deleted file mode 100644
index 4c9015ec3c2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select-6568e77f7a1367b6.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[285],{96148:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select",function(){return l(74005)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return n}});let n=(e,a,l)=>{var n,t,s;return e.map((e,i)=>({...e,slotCode:null!==(n=null==l?void 0:l.at(i))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,a,l){"use strict";var n=l(52322),t=l(5632),s=l(2784),i=l(18338),o=l(51963);let r=e=>{let{examples:a,slotCode:l}=e;return(0,n.jsx)(o.wq,{className:"variants-card",slotCode:l,children:(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[p,u]=(0,s.useState)(),c=(0,t.useRouter)();(0,s.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);u(e)}}},[c]);let v=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[p&&(0,n.jsx)("div",{children:(0,n.jsx)(r,{...p})}),!p&&(0,n.jsx)(i.Z,{children:(0,n.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,n.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(o.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(o.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,n.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},74005:function(e,a,l){"use strict";l.r(a);var n=l(52322),t=l(14018),s=l(11424),i=l(21127),o=l(69426),r=l(51963),p=l(68623),u=l(28213),c=l(75549);let v=e=>{let{children:a,label:l,variant:t,options:s,icon:i,message:o,disabled:p,value:u,required:c}=e;return(0,n.jsx)(r.kr,{label:l,variant:t,options:s,disabled:p,icon:i,value:u,message:o,required:c,children:a})};a.default=()=>(0,n.jsx)(p.Z,{title:"DBSelect",variants:(0,c.P)(u,v,[(0,n.jsx)(t.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{})])})},28213:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label","message":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label","message":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label","message":"expressive"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"(Default) Adaptive","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Informational","props":{"label":"Label","message":"Informational","variant":"informational","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Warning","props":{"label":"Label","message":"Warning","variant":"warning","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Critical","props":{"label":"Label","message":"Critical","variant":"critical","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Successful","props":{"label":"Label","message":"Successful","variant":"successful","options":[{"value":"Option 1"},{"value":"Option 2"}]}}]},{"name":"States","examples":[{"name":"Default","props":{"label":"Label","message":"Default","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With value","props":{"label":"Label","message":"With value","value":"Option 2","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Required","props":{"label":"Label","message":"Required","options":[{"value":"Option 1"},{"value":"Option 2"}],"required":true}},{"name":"Disabled","props":{"label":"Label","message":"Disabled","disabled":true,"options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Disabled + value","props":{"label":"Label","message":"Disabled + value","disabled":true,"value":"Option 2","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Optgroup","props":{"label":"Label","message":"Optgroup","options":[{"value":"Optgroup 1","options":[{"value":"Option 1"},{"value":"Option 2"}]},{"value":"Option 2"}]}}]},{"name":"Content","examples":[{"name":"Default","props":{"label":"Label","message":"Default","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With Icon","props":{"label":"Label","message":"With Icon","icon":"edit","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With Icon + Variant","props":{"label":"Label","message":"With Icon + Variant","icon":"edit","variant":"successful","options":[{"value":"Option 1"},{"value":"Option 2"}]}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,1127,1424,9426,4018,9774,2888,179],function(){return e(e.s=96148)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Content-9c305545559d42f9.js b/version/v0.0.54/_next/static/chunks/pages/components/select/code/Content-9c305545559d42f9.js
deleted file mode 100644
index a398e4181ed..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Content-9c305545559d42f9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7862],{24834:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Content",function(){return e(69426)}])}},function(n){n.O(0,[4996,9426,9774,2888,179],function(){return n(n.s=24834)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/code/States-1e34768e33f1547f.js b/version/v0.0.54/_next/static/chunks/pages/components/select/code/States-1e34768e33f1547f.js
deleted file mode 100644
index b0d9c39bac5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/code/States-1e34768e33f1547f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8057],{89138:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/States",function(){return e(21127)}])}},function(n){n.O(0,[4996,1127,9774,2888,179],function(){return n(n.s=89138)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Tonality-fa7edddc90ffa2a8.js b/version/v0.0.54/_next/static/chunks/pages/components/select/code/Tonality-fa7edddc90ffa2a8.js
deleted file mode 100644
index ef9029ae2be..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Tonality-fa7edddc90ffa2a8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5463],{10612:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Tonality",function(){return e(14018)}])}},function(n){n.O(0,[4996,4018,9774,2888,179],function(){return n(n.s=10612)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Variant-bf460d21675fb675.js b/version/v0.0.54/_next/static/chunks/pages/components/select/code/Variant-bf460d21675fb675.js
deleted file mode 100644
index 73483b01e37..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/code/Variant-bf460d21675fb675.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8246],{20098:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/code/Variant",function(){return e(11424)}])}},function(n){n.O(0,[4996,1424,9774,2888,179],function(){return n(n.s=20098)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Angular-ddf33919294eefa9.js b/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Angular-ddf33919294eefa9.js
deleted file mode 100644
index 06536cb1087..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Angular-ddf33919294eefa9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8561],{2662:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Angular",function(){return u(81355)}])}},function(n){n.O(0,[4996,1355,9774,2888,179],function(){return n(n.s=2662)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/HTML-07aacdfaba089d51.js b/version/v0.0.54/_next/static/chunks/pages/components/select/docs/HTML-07aacdfaba089d51.js
deleted file mode 100644
index 4358dd0c426..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/HTML-07aacdfaba089d51.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6222],{75297:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/HTML",function(){return u(23497)}])}},function(n){n.O(0,[4996,3497,9774,2888,179],function(){return n(n.s=75297)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Migration-3d5ad7ad72473ca4.js b/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Migration-3d5ad7ad72473ca4.js
deleted file mode 100644
index 0d2ce7867a0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Migration-3d5ad7ad72473ca4.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1920],{28184:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Migration",function(){return t(64336)}])},64336:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"elm-select"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-select"})}),(0,s.jsx)(n.td,{})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"select"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"multiple"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"size"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,r.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)})):c(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=28184)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/React-7a2600fbefda13ae.js b/version/v0.0.54/_next/static/chunks/pages/components/select/docs/React-7a2600fbefda13ae.js
deleted file mode 100644
index 04b03340416..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/React-7a2600fbefda13ae.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5164],{98153:function(n,_,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/React",function(){return c(26914)}])}},function(n){n.O(0,[4996,6914,9774,2888,179],function(){return n(n.s=98153)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Vue-6e70f538e5dbe16f.js b/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Vue-6e70f538e5dbe16f.js
deleted file mode 100644
index 55949b54ba6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/docs/Vue-6e70f538e5dbe16f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1074],{40766:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/docs/Vue",function(){return u(58721)}])}},function(n){n.O(0,[4996,8721,9774,2888,179],function(){return n(n.s=40766)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/examples-27f85ab9569a76ac.js b/version/v0.0.54/_next/static/chunks/pages/components/select/examples-27f85ab9569a76ac.js
deleted file mode 100644
index fcda7ae9399..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/examples-27f85ab9569a76ac.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2175],{82042:function(e,n,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/examples",function(){return c(32154)}])},6272:function(e,n,c){"use strict";c.d(n,{E:function(){return a.Z}});var a=c(40816)},40816:function(e,n,c){"use strict";var a=c(52322),l=c(2784),o=c(7070);let s=(0,l.forwardRef)(function(e,n){let[c,s]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{e.stylePath&&s(e.stylePath)},[]),(0,a.jsxs)("span",{ref:n,id:e.id,className:(0,o.yI)("db-infotext",e.className),title:e.title,"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:[c?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:c})}):null,e.children]})});n.Z=s},42492:function(e,n,c){"use strict";var a=c(52322),l=c(2784),o=c(7070),s=c(8490),i=c(6272);let t=(0,l.forwardRef)(function(e,n){var c,t;let[d,r]=(0,l.useState)(()=>s.IY),[u,g]=(0,l.useState)(()=>s.IY+s.Kn),[h,v]=(0,l.useState)(()=>void 0),[m,x]=(0,l.useState)(()=>void 0);function j(e){var n;return null!==(n=e.label)&&void 0!==n?n:e.value.toString()}let[f,b]=(0,l.useState)(()=>null);return(0,l.useEffect)(()=>{r(e.id||"select-"+(0,o.Vj)()),g(d+s.Kn),e.value&&x(e.value),e.stylePath&&b(e.stylePath)},[]),(0,l.useEffect)(()=>{e.value&&x(e.value)},[e.value]),(0,a.jsxs)("div",{className:(0,o.yI)("db-select",e.className),"data-variant":e.variant,"data-icon":e.icon,children:[f?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("link",{rel:"stylesheet",href:f})}):null,(0,a.jsxs)("select",{ref:n,"data-value":e.value||m,"aria-invalid":e.invalid,required:e.required,disabled:e.disabled,id:d,name:e.name,value:e.value||m,onClick:n=>{e.onClick&&e.onClick(n)},onChange:n=>{var c,a,l,o,s,i;e.onChange&&e.onChange(n),e.change&&e.change(n),x(n.target.value),(null===(a=n.target)||void 0===a?void 0:null===(c=a.validity)||void 0===c?void 0:c.valid)!=h&&(v(null===(o=n.target)||void 0===o?void 0:null===(l=o.validity)||void 0===l?void 0:l.valid),e.validityChange&&e.validityChange(!!(null===(i=n.target)||void 0===i?void 0:null===(s=i.validity)||void 0===s?void 0:s.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},"aria-describedby":e.message&&u,children:[(0,a.jsx)("option",{hidden:!0}),e.options?(0,a.jsx)(a.Fragment,{children:null===(c=e.options)||void 0===c?void 0:c.map(e=>{var n;return(0,a.jsxs)(a.Fragment,{children:[e.options?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("optgroup",{label:j(e),children:null===(n=e.options)||void 0===n?void 0:n.map(e=>(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:j(e)},"option-"+e.value))},"optgroup-"+e.value)}):null,e.options?null:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:j(e)},"option-"+e.value)})]})})}):null,e.children]}),(0,a.jsx)("label",{htmlFor:d,children:null!==(t=e.label)&&void 0!==t?t:s.SU}),e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.E,{size:"small",variant:e.variant,icon:(0,o.mT)(e.variant,e.messageIcon),id:u,children:e.message})}):null]})});n.Z=t},8490:function(e,n,c){"use strict";var a,l,o,s,i,t,d;c.d(n,{$f:function(){return m},DM:function(){return x},IY:function(){return r},Kn:function(){return g},SU:function(){return u},YP:function(){return h},ce:function(){return v},iw:function(){return a},r$:function(){return o}});let r="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",g="-message",h="Back",v="Close Button";(i=a||(a={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive";let m=Object.entries(a).map(e=>{let[,n]=e;return n});(l||(l={})).PRIMARY="primary",(t=o||(o={})).NEUTRAL="neutral",t.NEUTRAL_STRONG="neutral-strong",t.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",t.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",t.PRIMARY="primary",t.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",t.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",t.SUCCESSFUL="successful",t.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",t.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",t.CRITICAL="critical",t.CRITICAL_TRANSPARENT_Full="critical-transparent-full",t.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",t.WARNING="warning",t.WARNING_TRANSPARENT_FULL="warning-transparent-full",t.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",t.INFORMATIONAL="informational",t.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",t.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let x=Object.entries(o).map(e=>{let[,n]=e;return n});Object.entries(l).map(e=>{let[,n]=e;return n}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},7070:function(e,n,c){"use strict";c.d(n,{Vj:function(){return a},mT:function(){return s},yI:function(){return o},yn:function(){return l}});let a=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},l=(e,n)=>{let c=e.children;Object.values(c).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&l(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),c=0;c{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},s=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},32154:function(e,n,c){"use strict";c.r(n);var a=c(52322),l=c(18338),o=c(42492);n.default=()=>(0,a.jsxs)(l.Z,{children:[(0,a.jsx)("h1",{children:" DBSelect Examples "}),(0,a.jsxs)("dl",{className:"example-list",children:[(0,a.jsx)("dt",{children:"description:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{description:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, describedbyid, description, disabled, focus, form, icon, id, invalid, key, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, options, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",description:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),options:[{value:"Test1"},{value:"Test2"}],required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, describedbyid, disabled, focus, form, icon, id, invalid, key, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, options, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),options:[{value:"Test1"},{value:"Test2"}],required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, describedbyid, disabled, focus, form, icon, id, invalid, key, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, id, invalid, key, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",id:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, invalid, key, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, tabIndex, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, title, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onChange, onClick, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onClick:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, change, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onChange, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"blur, defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onBlur, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue, disabled, focus, form, icon, invalid, label, message, messageIcon, name, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",disabled:!0,focus:e=>console.log(e),form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue, disabled, form, icon, invalid, label, message, messageIcon, name, onFocus, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",onFocus:e=>console.log(e),required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue, disabled, form, icon, invalid, label, message, messageIcon, name, required, validityChange, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue, disabled, form, icon, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled, form, icon, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"form, icon, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{form:"account",icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, invalid, label, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",invalid:!0,label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, label, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",label:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, message, messageIcon, name, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",message:"account",messageIcon:"account",name:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, message, messageIcon, required, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",message:"account",messageIcon:"account",required:!0,value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, message, messageIcon, value, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",message:"account",messageIcon:"account",value:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, message, messageIcon, variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",message:"account",messageIcon:"account",variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon, message, messageIcon:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",message:"account",messageIcon:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"message, messageIcon:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{message:"account",messageIcon:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"messageIcon:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{messageIcon:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"options:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{options:[{value:"Test1"},{value:"Test2"}],children:"Test"})]}),(0,a.jsx)("dt",{children:"describedbyid:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{describedbyid:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"id:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{id:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"key:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{children:"Test"},"account")]}),(0,a.jsx)("dt",{children:"tabIndex:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{tabIndex:100,children:"Test"})]}),(0,a.jsx)("dt",{children:"title:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{title:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"onClick:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{onClick:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"change:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{change:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"onChange:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"blur:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"onBlur:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"focus:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"onFocus:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{onFocus:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"validityChange:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{validityChange:e=>console.log(e),children:"Test"})]}),(0,a.jsx)("dt",{children:"defaultValue:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{defaultValue:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"disabled:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{disabled:!0,children:"Test"})]}),(0,a.jsx)("dt",{children:"form:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{form:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"invalid:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{invalid:!0,children:"Test"})]}),(0,a.jsx)("dt",{children:"label:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{label:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"name:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{name:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"required:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{required:!0,children:"Test"})]}),(0,a.jsx)("dt",{children:"value:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{value:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"variant:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{variant:"critical",children:"Test"})]}),(0,a.jsx)("dt",{children:"icon:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{icon:"account",children:"Test"})]}),(0,a.jsx)("dt",{children:"message:"})," ",(0,a.jsxs)("dd",{children:[" ",(0,a.jsx)(o.Z,{message:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=82042)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/how-to-use-91a0ef209dd4d06a.js b/version/v0.0.54/_next/static/chunks/pages/components/select/how-to-use-91a0ef209dd4d06a.js
deleted file mode 100644
index 3a1c3d1d180..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/how-to-use-91a0ef209dd4d06a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8469],{25787:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/how-to-use",function(){return t(39624)}])},39624:function(n,e,t){"use strict";t.r(e);var s=t(52322),u=t(45392),c=t(18338),l=t(23497),o=t(81355),r=t(26914),i=t(58721);let f=n=>{let{children:e}=n;return(0,s.jsx)(c.Z,{children:e})};function h(n){let e=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBSelect"}),"\n",(0,s.jsx)(l.default,{}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(r.default,{}),"\n",(0,s.jsx)(i.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(f,Object.assign({},n,{children:(0,s.jsx)(h,n)}))}}},function(n){n.O(0,[4996,4375,8338,1355,6914,3497,8721,9774,2888,179],function(){return n(n.s=25787)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/migration-4e57f7fbdd306aa5.js b/version/v0.0.54/_next/static/chunks/pages/components/select/migration-4e57f7fbdd306aa5.js
deleted file mode 100644
index 3a40adb3346..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/migration-4e57f7fbdd306aa5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1442],{60495:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/migration",function(){return t(93266)}])},64336:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"elm-select"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-select"})}),(0,s.jsx)(n.td,{})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"select"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"multiple"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"size"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,r.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)})):c(e)}},93266:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392),c=t(18338),i=t(64336);let d=e=>{let{children:n}=e;return(0,s.jsx)(c.Z,{children:n})};function h(e){let n=Object.assign({h1:"h1"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h1,{children:"DBSelect Migration"}),"\n",(0,s.jsx)(i.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(d,Object.assign({},e,{children:(0,s.jsx)(h,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=60495)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/overview-9909459ed5464b32.js b/version/v0.0.54/_next/static/chunks/pages/components/select/overview-9909459ed5464b32.js
deleted file mode 100644
index 13289b598a5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/overview-9909459ed5464b32.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1265],{74729:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/overview",function(){return l(28938)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return n}});let n=(e,a,l)=>{var n,t,s;return e.map((e,i)=>({...e,slotCode:null!==(n=null==l?void 0:l.at(i))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(t=e.props.id)&&void 0!==t?t:e.name,children:null!==(s=e.props.children)&&void 0!==s?s:e.name})}))}))}},68623:function(e,a,l){"use strict";var n=l(52322),t=l(5632),s=l(2784),i=l(18338),o=l(51963);let r=e=>{let{examples:a,slotCode:l}=e;return(0,n.jsx)(o.wq,{className:"variants-card",slotCode:l,children:(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[p,u]=(0,s.useState)(),c=(0,t.useRouter)();(0,s.useEffect)(()=>{if(c.query){var e;let a=null===(e=c.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);u(e)}}},[c]);let v=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,n.jsxs)(n.Fragment,{children:[p&&(0,n.jsx)("div",{children:(0,n.jsx)(r,{...p})}),!p&&(0,n.jsx)(i.Z,{children:(0,n.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,n.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(o.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(o.vB,{content:"external",target:"_blank",href:v(e),children:e.name})}),(0,n.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},28938:function(e,a,l){"use strict";l.r(a);var n=l(52322),t=l(14018),s=l(11424),i=l(21127),o=l(69426),r=l(51963),p=l(68623),u=l(28213),c=l(75549);let v=e=>{let{children:a,label:l,variant:t,options:s,icon:i,message:o,disabled:p,value:u,required:c}=e;return(0,n.jsx)(r.kr,{label:l,variant:t,options:s,disabled:p,icon:i,value:u,message:o,required:c,children:a})};a.default=()=>(0,n.jsx)(p.Z,{title:"DBSelect",variants:(0,c.P)(u,v,[(0,n.jsx)(t.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{})])})},28213:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label","message":"functional"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label","message":"regular (Default)"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label","message":"expressive"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"(Default) Adaptive","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Informational","props":{"label":"Label","message":"Informational","variant":"informational","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Warning","props":{"label":"Label","message":"Warning","variant":"warning","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Critical","props":{"label":"Label","message":"Critical","variant":"critical","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Successful","props":{"label":"Label","message":"Successful","variant":"successful","options":[{"value":"Option 1"},{"value":"Option 2"}]}}]},{"name":"States","examples":[{"name":"Default","props":{"label":"Label","message":"Default","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With value","props":{"label":"Label","message":"With value","value":"Option 2","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Required","props":{"label":"Label","message":"Required","options":[{"value":"Option 1"},{"value":"Option 2"}],"required":true}},{"name":"Disabled","props":{"label":"Label","message":"Disabled","disabled":true,"options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Disabled + value","props":{"label":"Label","message":"Disabled + value","disabled":true,"value":"Option 2","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"Optgroup","props":{"label":"Label","message":"Optgroup","options":[{"value":"Optgroup 1","options":[{"value":"Option 1"},{"value":"Option 2"}]},{"value":"Option 2"}]}}]},{"name":"Content","examples":[{"name":"Default","props":{"label":"Label","message":"Default","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With Icon","props":{"label":"Label","message":"With Icon","icon":"edit","options":[{"value":"Option 1"},{"value":"Option 2"}]}},{"name":"With Icon + Variant","props":{"label":"Label","message":"With Icon + Variant","icon":"edit","variant":"successful","options":[{"value":"Option 1"},{"value":"Option 2"}]}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,1127,1424,9426,4018,9774,2888,179],function(){return e(e.s=74729)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/select/properties-5c138346d69ce928.js b/version/v0.0.54/_next/static/chunks/pages/components/select/properties-5c138346d69ce928.js
deleted file mode 100644
index 6d54362739a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/select/properties-5c138346d69ce928.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{67554:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return r(56316)}])},56316:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),s=r(18338);let a=e=>{let{children:t}=e;return(0,i.jsx)(s.Z,{children:t})};function d(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBSelect"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"description"}),(0,i.jsx)(t.td,{children:"The description attribute will add a paragraph below the select."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"options"}),(0,i.jsx)(t.td,{children:"If you don't/can't use children/slots you can pass in the options as an array."}),(0,i.jsx)(t.td,{children:"Array"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsxs)("code",{className:"code-pre-wrap",children:["const array:DBSelectOptionType[] = [{",(0,i.jsx)("br",{})," /////",(0,i.jsx)("br",{})," // Disables this option",(0,i.jsx)("br",{})," ///",(0,i.jsx)("br",{})," // Disables this option",(0,i.jsx)("br",{})," disabled?: boolean;",(0,i.jsx)("br",{}),(0,i.jsx)("br",{})," /////",(0,i.jsx)("br",{})," // If the value is different from the label you want to show to the user.",(0,i.jsx)("br",{})," ///",(0,i.jsx)("br",{})," label?: string;",(0,i.jsx)("br",{}),(0,i.jsx)("br",{})," /////",(0,i.jsx)("br",{})," // If you want to use optgroup you can nest options here.",(0,i.jsx)("br",{})," ///",(0,i.jsx)("br",{})," options?: DBSelectOptionType[];",(0,i.jsx)("br",{}),(0,i.jsx)("br",{})," /////",(0,i.jsx)("br",{})," // The main value you select, will be shown as default label if no label is set.",(0,i.jsx)("br",{})," ///",(0,i.jsx)("br",{})," value: string | string[] | number;",(0,i.jsx)("br",{}),"}]"]})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onClick"}),(0,i.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"change"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"blur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onBlur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"focus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onFocus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"validityChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(valid: boolean) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"defaultValue"}),(0,i.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"form"}),(0,i.jsx)(t.td,{children:"Associates the control with a form element"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"invalid"}),(0,i.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"required"}),(0,i.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"message"}),(0,i.jsx)(t.td,{children:"Optional helper message for form components"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"messageIcon"}),(0,i.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(a,Object.assign({},e,{children:(0,i.jsx)(d,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=67554)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Angular-decf898b24e639f9.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Angular-decf898b24e639f9.js
deleted file mode 100644
index 2d563a7c2f8..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Angular-decf898b24e639f9.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6166],{64793:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/Angular",function(){return t(19781)}])},19781:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Angular"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=64793)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/HTML-5c629a53f61a7ecf.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/HTML-5c629a53f61a7ecf.js
deleted file mode 100644
index 96700621eb0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/HTML-5c629a53f61a7ecf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6862],{31413:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/HTML",function(){return t(56016)}])},56016:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"HTML"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=31413)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/React-22b7966a9a5e66de.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/React-22b7966a9a5e66de.js
deleted file mode 100644
index ae51b67ac00..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/React-22b7966a9a5e66de.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3159],{2070:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/React",function(){return t(88135)}])},88135:function(n,e,t){"use strict";t.r(e);var c=t(52322),s=t(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,s.ah)(),n.components);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(e.h2,{children:"React"}),"\n",(0,c.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,c.jsx)(e,Object.assign({},n,{children:(0,c.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=2070)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Vue-1d62c893ec7f2dad.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Vue-1d62c893ec7f2dad.js
deleted file mode 100644
index 5e4bfed896d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/docs/Vue-1d62c893ec7f2dad.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2721],{88858:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/docs/Vue",function(){return t(78371)}])},78371:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Vue"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=88858)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/examples-a4d637d24e345960.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/examples-a4d637d24e345960.js
deleted file mode 100644
index 77aab442f89..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/examples-a4d637d24e345960.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5558],{18275:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/examples",function(){return n(5256)}])},14870:function(e,t,n){"use strict";var r=n(52322),i=n(2784),c=n(55136),s=n(7070);let a=(0,i.forwardRef)(function(e,t){var n;let[a,d]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{e.stylePath&&d(e.stylePath)},[]),(0,r.jsxs)("div",{role:"tablist",ref:t,id:e.id,className:(0,s.yI)("cmp-tab-bar",e.className),children:[a?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:a})}):null,e.tabs?(0,r.jsx)(r.Fragment,{children:null===(n=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.tabs))||void 0===n?void 0:n.map(e=>(0,r.jsx)(c.Q,{name:e.name,active:e.active,label:e.label,content:e.content,children:e.children},e.name))}):null,e.children]})});t.Z=a},55136:function(e,t,n){"use strict";n.d(t,{Q:function(){return r.Z}});var r=n(83437)},83437:function(e,t,n){"use strict";var r=n(52322),i=n(2784),c=n(8490),s=n(7070);let a=(0,i.forwardRef)(function(e,t){let n=(0,i.useRef)(null),[a,d]=(0,i.useState)(()=>c.IY),[l,u]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{if(d((0,s.Vj)()),e.stylePath&&u(e.stylePath),e.active){var t;null===(t=n.current)||void 0===t||t.click()}},[]),(0,r.jsxs)("div",{ref:t,id:e.id,className:(0,s.yI)("db-tab",e.className),children:[l?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("link",{rel:"stylesheet",href:l})}):null,(0,r.jsx)("input",{type:"radio",ref:n,name:e.name,id:a}),(0,r.jsx)("label",{role:"tab",htmlFor:a,children:e.label}),(0,r.jsxs)("section",{role:"tabpanel",id:"content-"+a,children:[e.content?(0,r.jsx)(r.Fragment,{children:e.content}):null,e.children]})]})});t.Z=a},8490:function(e,t,n){"use strict";var r,i,c,s,a,d,l;n.d(t,{$f:function(){return j},DM:function(){return b},IY:function(){return u},Kn:function(){return h},SU:function(){return o},YP:function(){return f},ce:function(){return x},iw:function(){return r},r$:function(){return c}});let u="OVERWRITE_DEFAULT_ID",o="LABEL SHOULD BE SET",h="-message",f="Back",x="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive";let j=Object.entries(r).map(e=>{let[,t]=e;return t});(i||(i={})).PRIMARY="primary",(d=c||(c={})).NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.PRIMARY="primary",d.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",d.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.WARNING="warning",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let b=Object.entries(c).map(e=>{let[,t]=e;return t});Object.entries(i).map(e=>{let[,t]=e;return t}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},7070:function(e,t,n){"use strict";n.d(t,{Vj:function(){return r},mT:function(){return s},yI:function(){return c},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{let n=e.children;Object.values(n).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},c=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none")},5256:function(e,t,n){"use strict";n.r(t);var r=n(52322),i=n(18338),c=n(14870);t.default=()=>(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:" DBTabBar Examples "}),(0,r.jsxs)("dl",{className:"example-list",children:[(0,r.jsx)("dt",{children:"name:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{name:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, name, tabIndex, tabs, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{describedbyid:"account",id:"account",name:"account",tabIndex:100,tabs:"undefined",title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, tabIndex, tabs, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,tabs:"undefined",title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"tabIndex, title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"title:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{title:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"tabs:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{tabs:"undefined",children:"Test"})]}),(0,r.jsx)("dt",{children:"describedbyid:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{describedbyid:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"id:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{id:"account",children:"Test"})]}),(0,r.jsx)("dt",{children:"key:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{children:"Test"},"account")]}),(0,r.jsx)("dt",{children:"tabIndex:"})," ",(0,r.jsxs)("dd",{children:[" ",(0,r.jsx)(c.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=18275)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/how-to-use-f2d647f0216d6f2d.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/how-to-use-f2d647f0216d6f2d.js
deleted file mode 100644
index 816ae8d7299..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/how-to-use-f2d647f0216d6f2d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6590],{33533:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/how-to-use",function(){return t(45609)}])},19781:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Angular"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},56016:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"HTML"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},88135:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"React"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},78371:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Vue"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},45609:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392),c=t(18338),i=t(56016),a=t(19781),h=t(88135),u=t(78371);let o=n=>{let{children:e}=n;return(0,s.jsx)(c.Z,{children:e})};function l(n){let e=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBTabBar"}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(a.default,{}),"\n",(0,s.jsx)(h.default,{}),"\n",(0,s.jsx)(u.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(o,Object.assign({},n,{children:(0,s.jsx)(l,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=33533)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/migration-5d3f91ebc6a3d8b7.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/migration-5d3f91ebc6a3d8b7.js
deleted file mode 100644
index 911fe513b45..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/migration-5d3f91ebc6a3d8b7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3978],{57185:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/migration",function(){return e(49620)}])},49620:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),u=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBTabBar Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=57185)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/properties-8a549f94e94ba52c.js b/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/properties-8a549f94e94ba52c.js
deleted file mode 100644
index 3d3cfaa57f2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab-bar/properties-8a549f94e94ba52c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6571],{39334:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-bar/properties",function(){return s(44184)}])},44184:function(e,t,s){"use strict";s.r(t);var d=s(52322),r=s(45392),i=s(18338);let n=e=>{let{children:t}=e;return(0,d.jsx)(i.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,r.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBTabBar"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"name"}),(0,d.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabs"}),(0,d.jsx)(t.td,{children:"No description"}),(0,d.jsx)(t.td,{children:"union"}),(0,d.jsx)(t.td,{children:(0,d.jsx)("pre",{children:(0,d.jsx)("code",{className:"code-pre-wrap",children:" | | | | "})})})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(n,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=39334)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Angular-60f9b9a788869233.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Angular-60f9b9a788869233.js
deleted file mode 100644
index 7c26a5c9864..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Angular-60f9b9a788869233.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2850],{98765:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/Angular",function(){return t(52413)}])},52413:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function r(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Angular"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(r,n)})):r(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=98765)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/HTML-8bdd474ca9352527.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/HTML-8bdd474ca9352527.js
deleted file mode 100644
index e0542e9ccf7..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/HTML-8bdd474ca9352527.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4768],{33919:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/HTML",function(){return t(91318)}])},91318:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function i(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"HTML"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(i,n)})):i(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=33919)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/React-921a4da73dad0ee4.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/React-921a4da73dad0ee4.js
deleted file mode 100644
index 1ff5ca9ae58..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/React-921a4da73dad0ee4.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9240],{2703:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/React",function(){return t(35958)}])},35958:function(n,e,t){"use strict";t.r(e);var c=t(52322),s=t(45392);function i(n){let e=Object.assign({h2:"h2",p:"p"},(0,s.ah)(),n.components);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(e.h2,{children:"React"}),"\n",(0,c.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,s.ah)(),n.components);return e?(0,c.jsx)(e,Object.assign({},n,{children:(0,c.jsx)(i,n)})):i(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=2703)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Vue-ffe8b9f86a683c88.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Vue-ffe8b9f86a683c88.js
deleted file mode 100644
index ef5be27de2e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/docs/Vue-ffe8b9f86a683c88.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2963],{59984:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/docs/Vue",function(){return t(3210)}])},3210:function(n,e,t){"use strict";t.r(e);var s=t(52322),c=t(45392);function u(n){let e=Object.assign({h2:"h2",p:"p"},(0,c.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Vue"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(u,n)})):u(n)}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=59984)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/examples-5d7c4faf5b3060f8.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/examples-5d7c4faf5b3060f8.js
deleted file mode 100644
index 340396c4a25..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/examples-5d7c4faf5b3060f8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[633],{37468:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/examples",function(){return n(66264)}])},83437:function(e,t,n){"use strict";var c=n(52322),i=n(2784),r=n(8490),d=n(7070);let s=(0,i.forwardRef)(function(e,t){let n=(0,i.useRef)(null),[s,a]=(0,i.useState)(()=>r.IY),[l,u]=(0,i.useState)(()=>null);return(0,i.useEffect)(()=>{if(a((0,d.Vj)()),e.stylePath&&u(e.stylePath),e.active){var t;null===(t=n.current)||void 0===t||t.click()}},[]),(0,c.jsxs)("div",{ref:t,id:e.id,className:(0,d.yI)("db-tab",e.className),children:[l?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:l})}):null,(0,c.jsx)("input",{type:"radio",ref:n,name:e.name,id:s}),(0,c.jsx)("label",{role:"tab",htmlFor:s,children:e.label}),(0,c.jsxs)("section",{role:"tabpanel",id:"content-"+s,children:[e.content?(0,c.jsx)(c.Fragment,{children:e.content}):null,e.children]})]})});t.Z=s},8490:function(e,t,n){"use strict";var c,i,r,d,s,a,l;n.d(t,{$f:function(){return b},DM:function(){return T},IY:function(){return u},Kn:function(){return x},SU:function(){return o},YP:function(){return h},ce:function(){return j},iw:function(){return c},r$:function(){return r}});let u="OVERWRITE_DEFAULT_ID",o="LABEL SHOULD BE SET",x="-message",h="Back",j="Close Button";(s=c||(c={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive";let b=Object.entries(c).map(e=>{let[,t]=e;return t});(i||(i={})).PRIMARY="primary",(a=r||(r={})).NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.PRIMARY="primary",a.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",a.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.WARNING="warning",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let T=Object.entries(r).map(e=>{let[,t]=e;return t});Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},7070:function(e,t,n){"use strict";n.d(t,{Vj:function(){return c},mT:function(){return d},yI:function(){return r},yn:function(){return i}});let c=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{let n=e.children;Object.values(n).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},r=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)c+="".concat(e," ");else for(let t in e)e[t]&&(c+="".concat(t," "))}}),c.trim()},d=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none")},66264:function(e,t,n){"use strict";n.r(t);var c=n(52322),i=n(18338),r=n(83437);t.default=()=>(0,c.jsxs)(i.Z,{children:[(0,c.jsx)("h1",{children:" DBTab Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"active:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{active:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"active, content, describedbyid, id, key, label, name, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{active:!0,content:"account",describedbyid:"account",id:"account",label:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"content, describedbyid, id, key, label, name, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{content:"account",describedbyid:"account",id:"account",label:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"content, describedbyid, id, key, name, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{content:"account",describedbyid:"account",id:"account",name:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"content, describedbyid, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{content:"account",describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"describedbyid, id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{describedbyid:"account",id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"id, key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{id:"account",tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"key, tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{tabIndex:100,title:"account",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex, title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{tabIndex:100,title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"content:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{content:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(r.Z,{tabIndex:100,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=37468)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/how-to-use-0cbcdd699e3d36cf.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/how-to-use-0cbcdd699e3d36cf.js
deleted file mode 100644
index 2efff7a6b9e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/how-to-use-0cbcdd699e3d36cf.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4297],{41013:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/how-to-use",function(){return t(45764)}])},52413:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Angular"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},91318:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"HTML"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},35958:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"React"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},3210:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392);function c(n){let e=Object.assign({h2:"h2",p:"p"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h2,{children:"Vue"}),"\n",(0,s.jsx)(e.p,{children:"TODO"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,r.ah)(),n.components);return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(c,n)})):c(n)}},45764:function(n,e,t){"use strict";t.r(e);var s=t(52322),r=t(45392),c=t(18338),i=t(91318),h=t(52413),u=t(35958),a=t(3210);let o=n=>{let{children:e}=n;return(0,s.jsx)(c.Z,{children:e})};function l(n){let e=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBTab"}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(h.default,{}),"\n",(0,s.jsx)(u.default,{}),"\n",(0,s.jsx)(a.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(o,Object.assign({},n,{children:(0,s.jsx)(l,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=41013)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/migration-9dbee33b32500d0b.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/migration-9dbee33b32500d0b.js
deleted file mode 100644
index db51739e99e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/migration-9dbee33b32500d0b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5800],{25921:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/migration",function(){return e(61483)}])},61483:function(n,t,e){"use strict";e.r(t);var i=e(52322),r=e(45392),u=e(18338);let c=n=>{let{children:t}=n;return(0,i.jsx)(u.Z,{children:t})};function s(n){let t=Object.assign({h1:"h1"},(0,r.ah)(),n.components);return(0,i.jsx)(t.h1,{children:"DBTab Migration"})}t.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(c,Object.assign({},n,{children:(0,i.jsx)(s,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=25921)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tab/properties-eba42ddb66512ce7.js b/version/v0.0.54/_next/static/chunks/pages/components/tab/properties-eba42ddb66512ce7.js
deleted file mode 100644
index f2f09abc108..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tab/properties-eba42ddb66512ce7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8460],{6931:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return s(12076)}])},12076:function(e,t,s){"use strict";s.r(t);var d=s(52322),i=s(45392),n=s(18338);let r=e=>{let{children:t}=e;return(0,d.jsx)(n.Z,{children:t})};function l(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,i.ah)(),e.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(t.h1,{children:"DBTab"}),"\n",(0,d.jsx)(t.h2,{children:"Properties"}),"\n",(0,d.jsxs)(t.table,{children:[(0,d.jsx)(t.thead,{children:(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.th,{children:"Name"}),(0,d.jsx)(t.th,{children:"Description"}),(0,d.jsx)(t.th,{children:"Type"}),(0,d.jsx)(t.th,{children:"Options"})]})}),(0,d.jsxs)(t.tbody,{children:[(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"active"}),(0,d.jsx)(t.td,{children:"If the tab is checked/active."}),(0,d.jsx)(t.td,{children:"boolean"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"label"}),(0,d.jsx)(t.td,{children:"The label of the tab, shown in the tab-bar."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"name"}),(0,d.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Otherwise content won't switch by clicking the tabs."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"content"}),(0,d.jsx)(t.td,{children:"The content if you don't want to use children."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"children"}),(0,d.jsx)(t.td,{children:"default slot"}),(0,d.jsx)(t.td,{children:"any"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"className"}),(0,d.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"describedbyid"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,d.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"id"}),(0,d.jsxs)(t.td,{children:[(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"key"}),(0,d.jsx)(t.td,{children:"React specific for render process."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"stylePath"}),(0,d.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"tabIndex"}),(0,d.jsxs)(t.td,{children:["The default tabindex (",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,d.jsx)(t.td,{children:"number"}),(0,d.jsx)(t.td,{})]}),(0,d.jsxs)(t.tr,{children:[(0,d.jsx)(t.td,{children:"title"}),(0,d.jsxs)(t.td,{children:["The ",(0,d.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,d.jsx)(t.td,{children:"string"}),(0,d.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,d.jsx)(r,Object.assign({},e,{children:(0,d.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=6931)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag-4c9b424e1ff509da.js b/version/v0.0.54/_next/static/chunks/pages/components/tag-4c9b424e1ff509da.js
deleted file mode 100644
index 661fb11cab6..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag-4c9b424e1ff509da.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[496],{55413:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag",function(){return n(43695)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,r,i;return e.map((e,s)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(s))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),r=n(5632),i=n(2784),s=n(18338),o=n(51963);let l=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(o.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,u]=(0,i.useState)(),p=(0,r.useRouter)();(0,i.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[p]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(l,{...c})}),!c&&(0,t.jsx)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(o.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(o.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,t.jsx)(l,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},43695:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(51336),i=n(57559),s=n(32576),o=n(56388),l=n(44429),c=n(14183),u=n(97453),p=n(51963),m=n(68623),d=n(47837),v=n(75549);let f=e=>{let{variant:a,disabled:n,children:r,icon:i,overflow:s,checked:o,noText:l,behaviour:c,emphasis:u,label:m,removeButton:d,name:v}=e;return(0,t.jsx)(p.k8,{variant:a,disabled:n,icon:i,noText:l,behaviour:c,emphasis:u,checked:o,label:m,overflow:s,removeButton:d,name:v,onRemove:()=>{alert(r.toString())},children:r})};a.default=()=>(0,t.jsx)(m.Z,{title:"DBTag",variants:(0,v.P)(d,f,[(0,t.jsx)(r.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(o.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(c.default,{}),(0,t.jsx)(u.default,{})])})},47837:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"Neutral (Default)","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Neutral Strong","props":{"emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"Static (Default)","props":{}},{"name":"Interactive","props":{"behaviour":"interactive"}},{"name":"Interactive-unique 01","props":{"name":"interactive-unique","behaviour":"interactive-unique"}},{"name":"Interactive-unique 02","props":{"name":"interactive-unique","behaviour":"interactive-unique"}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"Unchecked (Default)","props":{"behaviour":"interactive"}},{"name":"Checked","props":{"behaviour":"interactive","checked":true}},{"name":"Disabled","props":{"behaviour":"interactive","checked":true,"disabled":true}}]},{"name":"Content","examples":[{"name":"Text (Default)","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"No Overflow (Default)","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,2576,6388,4429,4183,1336,7559,7453,9774,2888,179],function(){return e(e.s=55413)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Behaviour-19143bd6be7631d5.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Behaviour-19143bd6be7631d5.js
deleted file mode 100644
index 06aef833f8e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Behaviour-19143bd6be7631d5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2994],{72982:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Behaviour",function(){return u(56388)}])}},function(n){n.O(0,[4996,6388,9774,2888,179],function(){return n(n.s=72982)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Content-34bc3d023af004bc.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Content-34bc3d023af004bc.js
deleted file mode 100644
index ab5d68cf3bf..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Content-34bc3d023af004bc.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8494],{17035:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Content",function(){return o(14183)}])}},function(n){n.O(0,[4996,4183,9774,2888,179],function(){return n(n.s=17035)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Emphasis-7dab1d194ae9ac60.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Emphasis-7dab1d194ae9ac60.js
deleted file mode 100644
index 69adac036cf..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Emphasis-7dab1d194ae9ac60.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9869],{83200:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Emphasis",function(){return u(57559)}])}},function(n){n.O(0,[4996,7559,9774,2888,179],function(){return n(n.s=83200)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Overflow-091ed5d5fa8f8569.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Overflow-091ed5d5fa8f8569.js
deleted file mode 100644
index 514896f5ea9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Overflow-091ed5d5fa8f8569.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4490],{168:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Overflow",function(){return o(97453)}])}},function(n){n.O(0,[4996,7453,9774,2888,179],function(){return n(n.s=168)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/State-db464b2a01d59c5b.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/State-db464b2a01d59c5b.js
deleted file mode 100644
index 85d47dd62d9..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/State-db464b2a01d59c5b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[371],{46595:function(n,_,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/State",function(){return t(44429)}])}},function(n){n.O(0,[4996,4429,9774,2888,179],function(){return n(n.s=46595)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Tonality-8231efe0539f00b7.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Tonality-8231efe0539f00b7.js
deleted file mode 100644
index 3a67a219b3c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Tonality-8231efe0539f00b7.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8524],{39558:function(n,_,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Tonality",function(){return o(51336)}])}},function(n){n.O(0,[4996,1336,9774,2888,179],function(){return n(n.s=39558)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Variant-9fe97d7cc7d9672a.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Variant-9fe97d7cc7d9672a.js
deleted file mode 100644
index 973aa2af8c0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/code/Variant-9fe97d7cc7d9672a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[431],{98714:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/code/Variant",function(){return u(32576)}])}},function(n){n.O(0,[4996,2576,9774,2888,179],function(){return n(n.s=98714)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Angular-e6ded1dcbc4c0086.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Angular-e6ded1dcbc4c0086.js
deleted file mode 100644
index 975983e39c3..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Angular-e6ded1dcbc4c0086.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1267],{13735:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Angular",function(){return e(41548)}])},41548:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,c.ah)(),o.components);return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTagModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTagModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(p,o)})):p(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=13735)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/HTML-7dea6d124cd5c97c.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/HTML-7dea6d124cd5c97c.js
deleted file mode 100644
index 1c8563f9d3a..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/HTML-7dea6d124cd5c97c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3661],{47075:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/HTML",function(){return e(48529)}])},48529:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:d,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=47075)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Migration-d5374191eea96109.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Migration-d5374191eea96109.js
deleted file mode 100644
index 7baafd135ef..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Migration-d5374191eea96109.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8092],{98791:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Migration",function(){return r(98745)}])},98745:function(e,n,r){"use strict";r.r(n);var t=r(52322),s=r(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,s.ah)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h2,{children:"General"}),"\n",(0,t.jsxs)(n.blockquote,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,t.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,t.jsx)(n.h3,{children:"class"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Before"}),(0,t.jsx)(n.th,{align:"center",children:"Status"}),(0,t.jsx)(n.th,{children:"After"}),(0,t.jsx)(n.th,{children:"Description"})]})}),(0,t.jsx)(n.tbody,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"elm-tag"})}),(0,t.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"db-tag"})}),(0,t.jsx)(n.td,{})]})})]}),"\n",(0,t.jsx)(n.h3,{children:"sizes"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Before"}),(0,t.jsx)(n.th,{align:"center",children:"Status"}),(0,t.jsx)(n.th,{align:"center",children:"After"}),(0,t.jsx)(n.th,{children:"Description"})]})}),(0,t.jsx)(n.tbody,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"small"})}),(0,t.jsx)(n.td,{align:"center",children:"❌"}),(0,t.jsx)(n.td,{align:"center",children:"❌"}),(0,t.jsxs)(n.td,{children:["We removed small tags because of tonality. But you can use ",(0,t.jsx)(n.code,{children:"type"})," property with value ",(0,t.jsx)(n.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,t.jsx)(n.h3,{children:"variants"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Before"}),(0,t.jsx)(n.th,{align:"center",children:"Status"}),(0,t.jsx)(n.th,{children:"After"}),(0,t.jsx)(n.th,{children:"Description"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"poi-*"})}),(0,t.jsx)(n.td,{align:"center",children:"❌"}),(0,t.jsx)(n.td,{children:"❌"}),(0,t.jsx)(n.td,{children:"We removed all point of interest colors for now."})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"track"})}),(0,t.jsx)(n.td,{align:"center",children:"❌"}),(0,t.jsx)(n.td,{children:"❌"}),(0,t.jsx)(n.td,{children:"We removed track for now."})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"error"})}),(0,t.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"critical"})}),(0,t.jsx)(n.td,{})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"informative"})}),(0,t.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"informational"})}),(0,t.jsx)(n.td,{})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"success"})}),(0,t.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"successful"})}),(0,t.jsx)(n.td,{})]})]})]}),"\n",(0,t.jsx)(n.h3,{children:"icons"}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{children:"Before"}),(0,t.jsx)(n.th,{align:"center",children:"Status"}),(0,t.jsx)(n.th,{children:"After"}),(0,t.jsx)(n.th,{children:"Description"})]})}),(0,t.jsx)(n.tbody,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"iconAfter"})}),(0,t.jsx)(n.td,{align:"center",children:"❌"}),(0,t.jsx)(n.td,{children:"❌"}),(0,t.jsx)(n.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,s.ah)(),e.components);return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(c,e)})):c(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=98791)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/React-06ad80bb46bbb137.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/React-06ad80bb46bbb137.js
deleted file mode 100644
index c4f1b1c8f46..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/React-06ad80bb46bbb137.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8603],{40322:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/React",function(){return e(23310)}])},23310:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||l("CH",!1),s.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTag ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function l(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=40322)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Vue-f4c2406ec49b2c83.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Vue-f4c2406ec49b2c83.js
deleted file mode 100644
index 02e6165d229..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/docs/Vue-f4c2406ec49b2c83.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2926],{64721:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/docs/Vue",function(){return e(65378)}])},65378:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function p(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}},function(o){o.O(0,[4996,9774,2888,179],function(){return o(o.s=64721)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/examples-94b36c766978c250.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/examples-94b36c766978c250.js
deleted file mode 100644
index 56b4478810d..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/examples-94b36c766978c250.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8686],{62509:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/examples",function(){return a(44339)}])},96889:function(e,n,a){"use strict";var c=a(52322),d=a(2784),t=a(7070);let i=(0,d.forwardRef)(function(e,n){let[a,i]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{e.stylePath&&i(e.stylePath)},[]),(0,c.jsxs)("button",{id:e.id,ref:n,className:(0,t.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:[a?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=i},94938:function(e,n,a){"use strict";a.d(n,{Y:function(){return c.Z}});var c=a(96889)},35524:function(e,n,a){"use strict";var c=a(52322),d=a(2784),t=a(94938),i=a(7070),l=a(8490);let r=(0,d.forwardRef)(function(e,n){let[a,r]=(0,d.useState)(()=>!1),[o,s]=(0,d.useState)(()=>l.IY),[u,h]=(0,d.useState)(()=>void 0);function f(){return e.removeButton?e.removeButton:"Remove tag"}function v(){return!!e.behaviour&&e.behaviour.includes("interactive")}let[x,m]=(0,d.useState)(()=>null);return(0,d.useEffect)(()=>{r(!0),s(e.id||"tag-"+(0,i.Vj)()),e.stylePath&&m(e.stylePath)},[]),(0,d.useEffect)(()=>{if(e.checked&&a&&document&&o){var n;let e=null===(n=document)||void 0===n?void 0:n.getElementById(o);e&&(e.checked=!0,r(!1))}},[a]),(0,c.jsxs)("div",{ref:n,id:e.id,className:(0,i.yI)("db-tag",e.className),tabIndex:function(){var n;if(!e.disabled)return null!==(n=e.tabIndex)&&void 0!==n?n:void 0}(),"data-interactive":v(),"data-disabled":e.disabled,"data-variant":e.variant,"data-emphasis":e.emphasis,children:[x?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:x})}):null,v()?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("input",{id:o,type:"interactive-unique"===e.behaviour?"radio":"checkbox",checked:e.checked,name:e.name,value:e.value,disabled:e.disabled,required:e.required,"aria-invalid":e.invalid,onChange:n=>{e.onChange&&e.onChange(n),e.change&&e.change(n)}}),(0,c.jsx)("label",{className:(0,i.yI)("tag-label",{"is-icon-text-replace":e.noText}),htmlFor:o,"data-icon":e.icon,"data-overflow":e.overflow,children:e.children})]}):(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("span",{className:(0,i.yI)("tag-label",{"is-icon-text-replace":e.noText}),"data-icon":e.icon,"data-overflow":e.overflow,children:e.children})}),"removable"===e.behaviour?(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(t.Y,{icon:"close",size:"small",variant:"text",onClick:n=>void(e.onRemove&&e.onRemove()),noText:!0,title:f(),children:f()})}):null]})});n.Z=r},8490:function(e,n,a){"use strict";var c,d,t,i,l,r,o;a.d(n,{$f:function(){return x},DM:function(){return m},IY:function(){return s},Kn:function(){return h},SU:function(){return u},YP:function(){return f},ce:function(){return v},iw:function(){return c},r$:function(){return t}});let s="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",f="Back",v="Close Button";(l=c||(c={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive";let x=Object.entries(c).map(e=>{let[,n]=e;return n});(d||(d={})).PRIMARY="primary",(r=t||(t={})).NEUTRAL="neutral",r.NEUTRAL_STRONG="neutral-strong",r.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",r.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",r.PRIMARY="primary",r.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",r.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",r.SUCCESSFUL="successful",r.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",r.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",r.CRITICAL="critical",r.CRITICAL_TRANSPARENT_Full="critical-transparent-full",r.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",r.WARNING="warning",r.WARNING_TRANSPARENT_FULL="warning-transparent-full",r.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",r.INFORMATIONAL="informational",r.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",r.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let m=Object.entries(t).map(e=>{let[,n]=e;return n});Object.entries(d).map(e=>{let[,n]=e;return n}),(o=i||(i={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(i).map(e=>{let[,n]=e;return n})},7070:function(e,n,a){"use strict";a.d(n,{Vj:function(){return c},mT:function(){return i},yI:function(){return t},yn:function(){return d}});let c=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},d=(e,n)=>{let a=e.children;Object.values(a).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&d(e,n)})},t=function(){for(var e=arguments.length,n=Array(e),a=0;a{if(e){if("string"==typeof e)c+="".concat(e," ");else for(let n in e)e[n]&&(c+="".concat(n," "))}}),c.trim()},i=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},44339:function(e,n,a){"use strict";a.r(n);var c=a(52322),d=a(18338),t=a(35524);n.default=()=>(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("h1",{children:" DBTag Examples "}),(0,c.jsxs)("dl",{className:"example-list",children:[(0,c.jsx)("dt",{children:"behaviour:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{behaviour:"interactive-unique",children:"Test"})]}),(0,c.jsx)("dt",{children:"behaviour, change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, noText, onChange, onRemove, overflow, removeButton, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{behaviour:"interactive-unique",change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",noText:!0,onChange:e=>console.log(e),onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, noText, onChange, onRemove, overflow, removeButton, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",noText:!0,onChange:e=>console.log(e),onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, onChange, onRemove, overflow, removeButton, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),onRemove:()=>console.log("onRemove triggered"),overflow:!0,removeButton:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, onChange, overflow, removeButton, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,removeButton:"account",required:!0,tabIndex:100,title:"account",value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, onChange, overflow, required, tabIndex, title, value, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,tabIndex:100,title:"account",value:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, describedbyid, disabled, emphasis, form, icon, id, invalid, key, label, name, onChange, overflow, required, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",describedbyid:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, id, invalid, key, label, name, onChange, overflow, required, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",id:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, key, label, name, onChange, overflow, required, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,tabIndex:100,title:"account",variant:"critical",children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, label, name, onChange, overflow, required, tabIndex, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,tabIndex:100,title:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, label, name, onChange, overflow, required, title, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,title:"account",variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"change, checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, label, name, onChange, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, label, name, onChange, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",onChange:e=>console.log(e),overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, defaultValue, disabled, emphasis, form, icon, invalid, label, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,defaultValue:"account",disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, disabled, emphasis, form, icon, invalid, label, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,disabled:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, form, icon, invalid, label, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",form:"account",icon:"account",invalid:!0,label:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, icon, invalid, label, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",icon:"account",invalid:!0,label:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, icon, label, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",icon:"account",label:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, icon, name, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",icon:"account",name:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, icon, overflow, required, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",icon:"account",overflow:!0,required:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"checked, defaultChecked, emphasis, icon, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,defaultChecked:!0,emphasis:"strong",icon:"account",overflow:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultChecked, emphasis, icon, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{defaultChecked:!0,emphasis:"strong",icon:"account",overflow:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, icon, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{emphasis:"strong",icon:"account",overflow:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, overflow, variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{emphasis:"strong",overflow:!0,variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis, overflow:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{emphasis:"strong",overflow:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"emphasis:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{emphasis:"strong",children:"Test"})]}),(0,c.jsx)("dt",{children:"noText:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{noText:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"onRemove:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{onRemove:()=>console.log("onRemove triggered"),children:"Test"})]}),(0,c.jsx)("dt",{children:"removeButton:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{removeButton:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"value:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{value:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"describedbyid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{describedbyid:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"id:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{id:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"key:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{children:"Test"},"account")]}),(0,c.jsx)("dt",{children:"tabIndex:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{tabIndex:100,children:"Test"})]}),(0,c.jsx)("dt",{children:"title:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{title:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"change:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{change:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"onChange:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultValue:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{defaultValue:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"disabled:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{disabled:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"form:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{form:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"invalid:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{invalid:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"label:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{label:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"name:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{name:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"required:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{required:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"checked:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{checked:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"defaultChecked:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{defaultChecked:!0,children:"Test"})]}),(0,c.jsx)("dt",{children:"icon:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{icon:"account",children:"Test"})]}),(0,c.jsx)("dt",{children:"variant:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{variant:"critical",children:"Test"})]}),(0,c.jsx)("dt",{children:"overflow:"})," ",(0,c.jsxs)("dd",{children:[" ",(0,c.jsx)(t.Z,{overflow:!0,children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=62509)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/how-to-use-27bd7823c21e7522.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/how-to-use-27bd7823c21e7522.js
deleted file mode 100644
index 8aaafff3505..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/how-to-use-27bd7823c21e7522.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1250],{27107:function(o,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/how-to-use",function(){return e(60362)}])},41548:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTagModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D08770"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTagModule",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},48529:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},23310:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTag ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},65378:function(o,t,e){"use strict";e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t=Object.assign({h2:"h2",p:"p",a:"a",h3:"h3"},(0,r.ah)(),o.components);return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#D8DEE9"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.ah)(),o.components);return t?(0,n.jsx)(t,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}},60362:function(o,t,e){"use strict";e.r(t);var n=e(52322),r=e(45392),c=e(18338),s=e(48529),l=e(41548),d=e(23310),i=e(65378);let a=o=>{let{children:t}=o;return(0,n.jsx)(c.Z,{children:t})};function p(o){let t=Object.assign({h1:"h1"},(0,r.ah)(),o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"How to use DBTag"}),"\n",(0,n.jsx)(s.default,{}),"\n",(0,n.jsx)(l.default,{}),"\n",(0,n.jsx)(d.default,{}),"\n",(0,n.jsx)(i.default,{})]})}t.default=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,Object.assign({},o,{children:(0,n.jsx)(p,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=27107)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/migration-254e556320bc15e8.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/migration-254e556320bc15e8.js
deleted file mode 100644
index c98cf97c56f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/migration-254e556320bc15e8.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6422],{33615:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/migration",function(){return t(93853)}])},98745:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392);function c(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"elm-tag"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-tag"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"sizes"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{align:"center",children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"small"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsxs)(n.td,{children:["We removed small tags because of tonality. But you can use ",(0,r.jsx)(n.code,{children:"type"})," property with value ",(0,r.jsx)(n.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,r.jsx)(n.h3,{children:"variants"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"poi-*"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{children:"We removed all point of interest colors for now."})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"track"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{children:"We removed track for now."})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"error"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"critical"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informative"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"informational"})}),(0,r.jsx)(n.td,{})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"success"})}),(0,r.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"successful"})}),(0,r.jsx)(n.td,{})]})]})]}),"\n",(0,r.jsx)(n.h3,{children:"icons"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"iconAfter"})}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsx)(n.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,s.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(c,e)})):c(e)}},93853:function(e,n,t){"use strict";t.r(n);var r=t(52322),s=t(45392),c=t(18338),d=t(98745);let i=e=>{let{children:n}=e;return(0,r.jsx)(c.Z,{children:n})};function l(e){let n=Object.assign({h1:"h1"},(0,s.ah)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{children:"DBTag Migration"}),"\n",(0,r.jsx)(d.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(i,Object.assign({},e,{children:(0,r.jsx)(l,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=33615)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/overview-583453f77a2dbe1b.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/overview-583453f77a2dbe1b.js
deleted file mode 100644
index 93ce37e76bf..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/overview-583453f77a2dbe1b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5846],{10199:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/overview",function(){return n(37984)}])},75549:function(e,a,n){"use strict";n.d(a,{P:function(){return t}});let t=(e,a,n)=>{var t,r,i;return e.map((e,s)=>({...e,slotCode:null!==(t=null==n?void 0:n.at(s))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(r=e.props.id)&&void 0!==r?r:e.name,children:null!==(i=e.props.children)&&void 0!==i?i:e.name})}))}))}},68623:function(e,a,n){"use strict";var t=n(52322),r=n(5632),i=n(2784),s=n(18338),o=n(51963);let l=e=>{let{examples:a,slotCode:n}=e;return(0,t.jsx)(o.wq,{className:"variants-card",slotCode:n,children:(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:n}=e,[c,u]=(0,i.useState)(),p=(0,r.useRouter)();(0,i.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();if(a){let e=n.find(e=>e.name.toLowerCase()===a);u(e)}}},[p]);let m=e=>{var a,n;return window.location.origin?"".concat(null===(n=window)||void 0===n?void 0:null===(a=n.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,t.jsxs)(t.Fragment,{children:[c&&(0,t.jsx)("div",{children:(0,t.jsx)(l,{...c})}),!c&&(0,t.jsx)(s.Z,{children:(0,t.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,t.jsx)("h1",{children:a}),null==n?void 0:n.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(o.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(o.vB,{content:"external",target:"_blank",href:m(e),children:e.name})}),(0,t.jsx)(l,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},37984:function(e,a,n){"use strict";n.r(a);var t=n(52322),r=n(51336),i=n(57559),s=n(32576),o=n(56388),l=n(44429),c=n(14183),u=n(97453),p=n(51963),m=n(68623),v=n(47837),d=n(75549);let f=e=>{let{variant:a,disabled:n,children:r,icon:i,overflow:s,checked:o,noText:l,behaviour:c,emphasis:u,label:m,removeButton:v,name:d}=e;return(0,t.jsx)(p.k8,{variant:a,disabled:n,icon:i,noText:l,behaviour:c,emphasis:u,checked:o,label:m,overflow:s,removeButton:v,name:d,onRemove:()=>{alert(r.toString())},children:r})};a.default=()=>(0,t.jsx)(m.Z,{title:"DBTag",variants:(0,d.P)(v,f,[(0,t.jsx)(r.default,{}),(0,t.jsx)(i.default,{}),(0,t.jsx)(s.default,{}),(0,t.jsx)(o.default,{}),(0,t.jsx)(l.default,{}),(0,t.jsx)(c.default,{}),(0,t.jsx)(u.default,{})])})},47837:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{}},{"name":"regular (Default)","className":"db-ui-regular","props":{}},{"name":"expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"Weak (Default)","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"Neutral (Default)","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Neutral Strong","props":{"emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"Static (Default)","props":{}},{"name":"Interactive","props":{"behaviour":"interactive"}},{"name":"Interactive-unique 01","props":{"name":"interactive-unique","behaviour":"interactive-unique"}},{"name":"Interactive-unique 02","props":{"name":"interactive-unique","behaviour":"interactive-unique"}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"Unchecked (Default)","props":{"behaviour":"interactive"}},{"name":"Checked","props":{"behaviour":"interactive","checked":true}},{"name":"Disabled","props":{"behaviour":"interactive","checked":true,"disabled":true}}]},{"name":"Content","examples":[{"name":"Text (Default)","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"No Overflow (Default)","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,2576,6388,4429,4183,1336,7559,7453,9774,2888,179],function(){return e(e.s=10199)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/tag/properties-2dfa857d572a5643.js b/version/v0.0.54/_next/static/chunks/pages/components/tag/properties-2dfa857d572a5643.js
deleted file mode 100644
index 49ce23ccc6c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/tag/properties-2dfa857d572a5643.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[872],{15622:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return r(2329)}])},2329:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),s=r(18338);let d=e=>{let{children:t}=e;return(0,i.jsx)(s.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code",em:"em"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBTag"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"behaviour"}),(0,i.jsxs)(t.td,{children:["Defines the behaviour of the component:",(0,i.jsx)("br",{}),"- static: default behaviour only label",(0,i.jsx)("br",{})," - interactive: use the tag like a checkbox",(0,i.jsx)("br",{})," - interactive-unique: use the tag like a radio",(0,i.jsx)("br",{})," - removable: add a remove button at the end of the tag"]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'static' | 'interactive-unique' | 'interactive' | 'removable'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"noText"}),(0,i.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onRemove"}),(0,i.jsx)(t.td,{children:'If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.'}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"removeButton"}),(0,i.jsx)(t.td,{children:"The removeButton attribute shows the cancel button."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsx)(t.td,{children:'If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.'}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"change"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"defaultValue"}),(0,i.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"form"}),(0,i.jsx)(t.td,{children:"Associates the control with a form element"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"invalid"}),(0,i.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"required"}),(0,i.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"checked"}),(0,i.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"defaultChecked"}),(0,i.jsxs)(t.td,{children:["Returns / Sets the default state of a radio button or checkbox as originally specified in HTML that created this object.",(0,i.jsx)("br",{}),"Vue: according to our research this property should not be used. Please refer to v-model instead.",(0,i.jsx)("br",{}),"cf. ",(0,i.jsx)(t.a,{href:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api",children:"https://react.carbondesignsystem.com/?path=/docs/components-checkbox--overview#component-api"})," vs. ",(0,i.jsx)(t.a,{href:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default",children:"https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox--default"})]}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"icon"}),(0,i.jsxs)(t.td,{children:["Define an icon by it's identifier (like e.g. ",(0,i.jsx)(t.em,{children:"account"}),", compare to ",(0,i.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons",children:"Icons"})," to get displayed in front of the elements content."]}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"overflow"}),(0,i.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"emphasis"}),(0,i.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,Object.assign({},e,{children:(0,i.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=15622)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea-27f8191461a098d1.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea-27f8191461a098d1.js
deleted file mode 100644
index e0f1e157333..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea-27f8191461a098d1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4283],{78701:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea",function(){return l(7099)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return s}});let s=(e,a,l)=>{var s,n,r;return e.map((e,t)=>({...e,slotCode:null!==(s=null==l?void 0:l.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(r=e.props.children)&&void 0!==r?r:e.name})}))}))}},68623:function(e,a,l){"use strict";var s=l(52322),n=l(5632),r=l(2784),t=l(18338),i=l(51963);let o=e=>{let{examples:a,slotCode:l}=e;return(0,s.jsx)(i.wq,{className:"variants-card",slotCode:l,children:(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[u,d]=(0,r.useState)(),m=(0,n.useRouter)();(0,r.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);d(e)}}},[m]);let p=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[u&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...u})}),!u&&(0,s.jsx)(t.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},7099:function(e,a,l){"use strict";l.r(a);var s=l(52322),n=l(4456),r=l(61766),t=l(88606),i=l(92589),o=l(67136),u=l(4260),d=l(51963),m=l(68623),p=l(92829),c=l(75549);let b=e=>{let{debug:a}=console;a(e)},f=e=>{let{cols:a,disabled:l,message:n,label:r,placeholder:t,rows:i,value:o,variant:u,readOnly:m,required:p,children:c}=e;return(0,s.jsx)(d.GI,{cols:a,disabled:l,message:n,label:r,readOnly:m,onChange:b,required:p,placeholder:null!=t?t:c,rows:i,defaultValue:o,variant:u})};a.default=()=>(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(m.Z,{title:"DBTextarea",variants:(0,c.P)(p,f,[(0,s.jsx)(n.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(u.default,{})])})})},92829:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Message","examples":[{"name":"Basic (Default)","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Variant","examples":[{"name":"(Default) Basic","props":{"label":"Label","description":"(Default) Basic","message":"Helper Message"}},{"name":"Informational","props":{"label":"Label","description":"Informational","variant":"informational","message":"Informational Message"}},{"name":"Warning","props":{"label":"Label","description":"Warning","variant":"warning","message":"Warning Message"}},{"name":"Critical","props":{"label":"Label","description":"Critical","variant":"critical","message":"Critical Message"}},{"name":"Successful","props":{"label":"Label","description":"Successful","variant":"successful","message":"Successful Message"}}]},{"name":"States","examples":[{"name":"(Default) Empty","props":{"label":"Label","message":"Helper Message"}},{"name":"Filled","props":{"label":"Label","value":"Filled","message":"Helper Message"}},{"name":"Disabled","props":{"label":"Label","value":"Disabled","disabled":true,"message":"Helper Message"}},{"name":"Readonly","props":{"label":"Label","value":"Readonly","readOnly":true,"message":"Helper Message"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Filled Required","props":{"label":"Label","value":"Filled Required","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8606,2589,7136,4456,4260,1766,9774,2888,179],function(){return e(e.s=78701)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Message-e71aa5daeec0c240.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Message-e71aa5daeec0c240.js
deleted file mode 100644
index deb59471fbc..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Message-e71aa5daeec0c240.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6921],{61141:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Message",function(){return _(61766)}])}},function(n){n.O(0,[4996,1766,9774,2888,179],function(){return n(n.s=61141)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Requirement-55ed41b4afd9573f.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Requirement-55ed41b4afd9573f.js
deleted file mode 100644
index dcee2c9b037..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Requirement-55ed41b4afd9573f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2207],{33783:function(n,e,_){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Requirement",function(){return _(67136)}])}},function(n){n.O(0,[4996,7136,9774,2888,179],function(){return n(n.s=33783)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Rows-33dceb85da5fe458.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Rows-33dceb85da5fe458.js
deleted file mode 100644
index b9872cfc0bb..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Rows-33dceb85da5fe458.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6974],{8372:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Rows",function(){return e(4260)}])}},function(n){n.O(0,[4996,4260,9774,2888,179],function(){return n(n.s=8372)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/States-2b0a02f98ac9622a.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/States-2b0a02f98ac9622a.js
deleted file mode 100644
index c95b173c58b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/States-2b0a02f98ac9622a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7399],{55807:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/States",function(){return e(92589)}])}},function(n){n.O(0,[4996,2589,9774,2888,179],function(){return n(n.s=55807)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Tonality-b697d9f48c344b4f.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Tonality-b697d9f48c344b4f.js
deleted file mode 100644
index 16c54d872ab..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Tonality-b697d9f48c344b4f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2043],{12123:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Tonality",function(){return e(4456)}])}},function(n){n.O(0,[4996,4456,9774,2888,179],function(){return n(n.s=12123)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Variant-953bb1aa5e02dc59.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Variant-953bb1aa5e02dc59.js
deleted file mode 100644
index 13285a5cdc2..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/code/Variant-953bb1aa5e02dc59.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4926],{48308:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/code/Variant",function(){return e(88606)}])}},function(n){n.O(0,[4996,8606,9774,2888,179],function(){return n(n.s=48308)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Angular-745a342443d2c97c.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Angular-745a342443d2c97c.js
deleted file mode 100644
index e9fb146cdaa..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Angular-745a342443d2c97c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5754],{12380:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Angular",function(){return u(88159)}])}},function(n){n.O(0,[4996,8159,9774,2888,179],function(){return n(n.s=12380)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/HTML-453726cf77b41dd4.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/HTML-453726cf77b41dd4.js
deleted file mode 100644
index e85e047fc4f..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/HTML-453726cf77b41dd4.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1888],{57147:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/HTML",function(){return u(32951)}])}},function(n){n.O(0,[4996,2951,9774,2888,179],function(){return n(n.s=57147)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Migration-874c2a103d88e05b.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Migration-874c2a103d88e05b.js
deleted file mode 100644
index df0dbd04fd4..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Migration-874c2a103d88e05b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9351],{82534:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Migration",function(){return t(88935)}])},88935:function(e,n,t){"use strict";t.r(n);var s=t(52322),d=t(45392);function r(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,d.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"elm-textarea"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-textarea"})}),(0,s.jsx)(n.td,{})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"variants"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"semitransparent"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"white"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"solid"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"outline"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"adaptive"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"critical"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"informational"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"warning"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"successful"})}),(0,s.jsx)(n.td,{})]})]})]}),"\n",(0,s.jsx)(n.h3,{children:"other"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"description"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"message"})}),(0,s.jsx)(n.td,{})]})})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,d.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(r,e)})):r(e)}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=82534)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/React-83a404032353d4b3.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/React-83a404032353d4b3.js
deleted file mode 100644
index fec2f0db391..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/React-83a404032353d4b3.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5181],{76798:function(n,_,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/React",function(){return e(88818)}])}},function(n){n.O(0,[4996,8818,9774,2888,179],function(){return n(n.s=76798)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Vue-96d3917adabfad61.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Vue-96d3917adabfad61.js
deleted file mode 100644
index 3a9c17d7bc5..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/docs/Vue-96d3917adabfad61.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7336],{48766:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/docs/Vue",function(){return u(9109)}])}},function(n){n.O(0,[4996,9109,9774,2888,179],function(){return n(n.s=48766)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/examples-613ed839ada72213.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/examples-613ed839ada72213.js
deleted file mode 100644
index 1f62c23bf20..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/examples-613ed839ada72213.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3653],{42114:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/examples",function(){return a(26952)}])},6272:function(e,n,a){"use strict";a.d(n,{E:function(){return o.Z}});var o=a(40816)},40816:function(e,n,a){"use strict";var o=a(52322),c=a(2784),l=a(7070);let t=(0,c.forwardRef)(function(e,n){let[a,t]=(0,c.useState)(()=>null);return(0,c.useEffect)(()=>{e.stylePath&&t(e.stylePath)},[]),(0,o.jsxs)("span",{ref:n,id:e.id,className:(0,l.yI)("db-infotext",e.className),title:e.title,"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:[a?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("link",{rel:"stylesheet",href:a})}):null,e.children]})});n.Z=t},7484:function(e,n,a){"use strict";var o=a(52322),c=a(2784),l=a(6272),t=a(7070),d=a(8490);let s=(0,c.forwardRef)(function(e,n){var a,s,i,r;let[u,h]=(0,c.useState)(()=>d.IY),[m,g]=(0,c.useState)(()=>d.IY+d.Kn),[x,f]=(0,c.useState)(()=>void 0),[b,v]=(0,c.useState)(()=>({label:d.SU,placeholder:" ",rows:"4"})),[j,y]=(0,c.useState)(()=>null);return(0,c.useEffect)(()=>{e.stylePath&&y(e.stylePath),h(e.id||"textarea-"+(0,t.Vj)()),g(u+d.Kn)},[]),(0,o.jsxs)("div",{ref:n,className:(0,t.yI)("db-textarea",e.className),"data-variant":e.variant,children:[j?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("link",{rel:"stylesheet",href:j})}):null,(0,o.jsx)("label",{htmlFor:u,"data-overflow":e.overflow,id:u+"-label",children:null!==(a=e.label)&&void 0!==a?a:b.label}),(0,o.jsx)("textarea",{id:u,"data-resize":e.resize,autoComplete:e.autoComplete,autoFocus:e.autoFocus,disabled:e.disabled,required:e.required,readOnly:e.readOnly,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,onChange:n=>{var a,o,c,l,t,d;e.onChange&&e.onChange(n),e.change&&e.change(n),(null===(o=n.target)||void 0===o?void 0:null===(a=o.validity)||void 0===a?void 0:a.valid)!=x&&(f(null===(l=n.target)||void 0===l?void 0:null===(c=l.validity)||void 0===c?void 0:c.valid),e.validityChange&&e.validityChange(!!(null===(d=n.target)||void 0===d?void 0:null===(t=d.validity)||void 0===t?void 0:t.valid)))},onBlur:n=>{e.onBlur&&e.onBlur(n),e.blur&&e.blur(n)},onFocus:n=>{e.onFocus&&e.onFocus(n),e.focus&&e.focus(n)},defaultValue:null!==(s=e.defaultValue)&&void 0!==s?s:e.children,value:e.value,"aria-describedby":e.message&&m,placeholder:null!==(i=e.placeholder)&&void 0!==i?i:b.placeholder,rows:null!==(r=e.rows)&&void 0!==r?r:b.rows,cols:e.cols}),e.message?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(l.E,{size:"small",variant:e.variant,icon:(0,t.mT)(e.variant,e.messageIcon),id:m,children:e.message})}):null]})});n.Z=s},8490:function(e,n,a){"use strict";var o,c,l,t,d,s,i;a.d(n,{$f:function(){return x},DM:function(){return f},IY:function(){return r},Kn:function(){return h},SU:function(){return u},YP:function(){return m},ce:function(){return g},iw:function(){return o},r$:function(){return l}});let r="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",h="-message",m="Back",g="Close Button";(d=o||(o={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive";let x=Object.entries(o).map(e=>{let[,n]=e;return n});(c||(c={})).PRIMARY="primary",(s=l||(l={})).NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.PRIMARY="primary",s.PRIMARY_TRANSPARENT_FULL="primary-transparent-full",s.PRIMARY_TRANSPARENT_SEMI="primary-transparent-semi",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.WARNING="warning",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi";let f=Object.entries(l).map(e=>{let[,n]=e;return n});Object.entries(c).map(e=>{let[,n]=e;return n}),(i=t||(t={})).CRITICAL="critical",i.INFORMATIONAL="informational",i.WARNING="warning",i.SUCCESSFUL="successful",Object.entries(t).map(e=>{let[,n]=e;return n})},7070:function(e,n,a){"use strict";a.d(n,{Vj:function(){return o},mT:function(){return t},yI:function(){return l},yn:function(){return c}});let o=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},c=(e,n)=>{let a=e.children;Object.values(a).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&c(e,n)})},l=function(){for(var e=arguments.length,n=Array(e),a=0;a{if(e){if("string"==typeof e)o+="".concat(e," ");else for(let n in e)e[n]&&(o+="".concat(n," "))}}),o.trim()},t=(e,n)=>n||(e&&"adaptive"!==e?void 0:"none")},26952:function(e,n,a){"use strict";a.r(n);var o=a(52322),c=a(18338),l=a(7484);n.default=()=>(0,o.jsxs)(c.Z,{children:[(0,o.jsx)("h1",{children:" DBTextarea Examples "}),(0,o.jsxs)("dl",{className:"example-list",children:[(0,o.jsx)("dt",{children:"cols:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{cols:100,children:"Test"})]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, cols, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, resize, rows, spellCheck, tabIndex, title, validityChange, value, variant, wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),cols:100,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,resize:"both",rows:100,spellCheck:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",wrap:"soft",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, resize, rows, spellCheck, tabIndex, title, validityChange, value, variant, wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,resize:"both",rows:100,spellCheck:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",wrap:"soft",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, rows, spellCheck, tabIndex, title, validityChange, value, variant, wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,rows:100,spellCheck:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",wrap:"soft",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, spellCheck, tabIndex, title, validityChange, value, variant, wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,spellCheck:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",wrap:"soft",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant, wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",wrap:"soft",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, change, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),change:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onChange, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onChange:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value, variant:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",variant:"critical",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, blur, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,blur:e=>console.log(e),defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onBlur, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onBlur:e=>console.log(e),onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, defaultValue, describedbyid, disabled, focus, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,defaultValue:"account",describedbyid:"account",disabled:!0,focus:e=>console.log(e),form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, defaultValue, describedbyid, disabled, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, onFocus, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,defaultValue:"account",describedbyid:"account",disabled:!0,form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",onFocus:e=>console.log(e),overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, defaultValue, describedbyid, disabled, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, validityChange, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,defaultValue:"account",describedbyid:"account",disabled:!0,form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",validityChange:e=>console.log(e),value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, defaultValue, describedbyid, disabled, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,defaultValue:"account",describedbyid:"account",disabled:!0,form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, disabled, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",disabled:!0,form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, form, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",form:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, invalid, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",invalid:!0,label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, key, label, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",label:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, key, maxLength, message, messageIcon, minLength, name, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,name:"account",overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, key, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, required, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,required:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, key, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, tabIndex, title, value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,tabIndex:100,title:"account",value:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, describedbyid, id, key, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, tabIndex, title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,describedbyid:"account",id:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, id, key, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, tabIndex, title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,id:"account",maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, key, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, tabIndex, title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,tabIndex:100,title:"account",children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, tabIndex, title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,tabIndex:100,title:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly, title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,title:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"autoComplete, autoFocus, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",autoFocus:!0,maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"autoFocus, maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoFocus:!0,maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"maxLength, message, messageIcon, minLength, overflow, placeholder, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{maxLength:100,message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"message, messageIcon, minLength, overflow, placeholder, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{message:"account",messageIcon:"account",minLength:100,overflow:!0,placeholder:"account",readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"message, messageIcon, overflow, placeholder, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{message:"account",messageIcon:"account",overflow:!0,placeholder:"account",readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"message, messageIcon, overflow, readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{message:"account",messageIcon:"account",overflow:!0,readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"message, messageIcon, overflow:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{message:"account",messageIcon:"account",overflow:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"messageIcon, overflow:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{messageIcon:"account",overflow:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"overflow:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{overflow:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"resize:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{resize:"both",children:"Test"})]}),(0,o.jsx)("dt",{children:"rows:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{rows:100,children:"Test"})]}),(0,o.jsx)("dt",{children:"spellCheck:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{spellCheck:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"wrap:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{wrap:"soft",children:"Test"})]}),(0,o.jsx)("dt",{children:"change:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{change:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"onChange:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{onChange:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"variant:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{variant:"critical",children:"Test"})]}),(0,o.jsx)("dt",{children:"blur:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{blur:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"onBlur:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{onBlur:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"focus:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{focus:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"onFocus:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{onFocus:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"validityChange:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{validityChange:e=>console.log(e),children:"Test"})]}),(0,o.jsx)("dt",{children:"defaultValue:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{defaultValue:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"disabled:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{disabled:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"form:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{form:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"invalid:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{invalid:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"label:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{label:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"name:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{name:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"required:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{required:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"value:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{value:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"describedbyid:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{describedbyid:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"id:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{id:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"key:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{children:"Test"},"account")]}),(0,o.jsx)("dt",{children:"tabIndex:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{tabIndex:100,children:"Test"})]}),(0,o.jsx)("dt",{children:"title:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{title:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"autoComplete:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoComplete:"off",children:"Test"})]}),(0,o.jsx)("dt",{children:"autoFocus:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{autoFocus:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"maxLength:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{maxLength:100,children:"Test"})]}),(0,o.jsx)("dt",{children:"minLength:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{minLength:100,children:"Test"})]}),(0,o.jsx)("dt",{children:"placeholder:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{placeholder:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"readOnly:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{readOnly:!0,children:"Test"})]}),(0,o.jsx)("dt",{children:"message:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{message:"account",children:"Test"})]}),(0,o.jsx)("dt",{children:"messageIcon:"})," ",(0,o.jsxs)("dd",{children:[" ",(0,o.jsx)(l.Z,{messageIcon:"account",children:"Test"})]})]})]})}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=42114)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/how-to-use-f4f0df776641ce43.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/how-to-use-f4f0df776641ce43.js
deleted file mode 100644
index 01396fdce8b..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/how-to-use-f4f0df776641ce43.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2735],{59675:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/how-to-use",function(){return t(54393)}])},54393:function(n,e,t){"use strict";t.r(e);var s=t(52322),u=t(45392),r=t(18338),c=t(32951),o=t(88159),i=t(88818),a=t(9109);let l=n=>{let{children:e}=n;return(0,s.jsx)(r.Z,{children:e})};function f(n){let e=Object.assign({h1:"h1"},(0,u.ah)(),n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{children:"How to use DBTextarea"}),"\n",(0,s.jsx)(c.default,{}),"\n",(0,s.jsx)(o.default,{}),"\n",(0,s.jsx)(i.default,{}),"\n",(0,s.jsx)(a.default,{})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,Object.assign({},n,{children:(0,s.jsx)(f,n)}))}}},function(n){n.O(0,[4996,4375,8338,8159,8818,9109,2951,9774,2888,179],function(){return n(n.s=59675)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/migration-451fc23f1599948b.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/migration-451fc23f1599948b.js
deleted file mode 100644
index 8db94ef36f0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/migration-451fc23f1599948b.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1867],{36326:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/migration",function(){return t(62793)}])},88935:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392);function d(e){let n=Object.assign({h2:"h2",blockquote:"blockquote",p:"p",strong:"strong",a:"a",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",code:"code"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h2,{children:"General"}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(n.h3,{children:"class"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"elm-textarea"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"db-textarea"})}),(0,s.jsx)(n.td,{})]})})]}),"\n",(0,s.jsx)(n.h3,{children:"variants"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"semitransparent"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"white"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"solid"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"outline"})}),(0,s.jsx)(n.td,{align:"center",children:"❌"}),(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"adaptive"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"critical"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"informational"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"warning"})}),(0,s.jsx)(n.td,{})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{}),(0,s.jsx)(n.td,{align:"center",children:"\uD83C\uDD95"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"successful"})}),(0,s.jsx)(n.td,{})]})]})]}),"\n",(0,s.jsx)(n.h3,{children:"other"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Before"}),(0,s.jsx)(n.th,{align:"center",children:"Status"}),(0,s.jsx)(n.th,{children:"After"}),(0,s.jsx)(n.th,{children:"Description"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"description"})}),(0,s.jsx)(n.td,{align:"center",children:"\uD83D\uDD01"}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"message"})}),(0,s.jsx)(n.td,{})]})})]})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,r.ah)(),e.components);return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(d,e)})):d(e)}},62793:function(e,n,t){"use strict";t.r(n);var s=t(52322),r=t(45392),d=t(18338),c=t(88935);let i=e=>{let{children:n}=e;return(0,s.jsx)(d.Z,{children:n})};function h(e){let n=Object.assign({h1:"h1"},(0,r.ah)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h1,{children:"DBTextarea Migration"}),"\n",(0,s.jsx)(c.default,{})]})}n.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(i,Object.assign({},e,{children:(0,s.jsx)(h,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=36326)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/overview-06ae9ec0adc135d5.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/overview-06ae9ec0adc135d5.js
deleted file mode 100644
index 76acbf69eed..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/overview-06ae9ec0adc135d5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5980],{56881:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/overview",function(){return l(67478)}])},75549:function(e,a,l){"use strict";l.d(a,{P:function(){return s}});let s=(e,a,l)=>{var s,n,r;return e.map((e,t)=>({...e,slotCode:null!==(s=null==l?void 0:l.at(t))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>({...e,example:a({...e.props,id:null!==(n=e.props.id)&&void 0!==n?n:e.name,children:null!==(r=e.props.children)&&void 0!==r?r:e.name})}))}))}},68623:function(e,a,l){"use strict";var s=l(52322),n=l(5632),r=l(2784),t=l(18338),i=l(51963);let o=e=>{let{examples:a,slotCode:l}=e;return(0,s.jsx)(i.wq,{className:"variants-card",slotCode:l,children:(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))})})};a.Z=e=>{let{title:a,variants:l}=e,[u,d]=(0,r.useState)(),m=(0,n.useRouter)();(0,r.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();if(a){let e=l.find(e=>e.name.toLowerCase()===a);d(e)}}},[m]);let p=e=>{var a,l;return window.location.origin?"".concat(null===(l=window)||void 0===l?void 0:null===(a=l.location)||void 0===a?void 0:a.href,"?page=").concat(e.name.toLowerCase()):""};return(0,s.jsxs)(s.Fragment,{children:[u&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...u})}),!u&&(0,s.jsx)(t.Z,{children:(0,s.jsxs)("div",{className:"default-container db-bg-neutral-0",children:[(0,s.jsx)("h1",{children:a}),null==l?void 0:l.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:p(e),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))]})})]})}},67478:function(e,a,l){"use strict";l.r(a);var s=l(52322),n=l(4456),r=l(61766),t=l(88606),i=l(92589),o=l(67136),u=l(4260),d=l(51963),m=l(68623),p=l(92829),c=l(75549);let b=e=>{let{debug:a}=console;a(e)},f=e=>{let{cols:a,disabled:l,message:n,label:r,placeholder:t,rows:i,value:o,variant:u,readOnly:m,required:p,children:c}=e;return(0,s.jsx)(d.GI,{cols:a,disabled:l,message:n,label:r,readOnly:m,onChange:b,required:p,placeholder:null!=t?t:c,rows:i,defaultValue:o,variant:u})};a.default=()=>(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(m.Z,{title:"DBTextarea",variants:(0,c.P)(p,f,[(0,s.jsx)(n.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(u.default,{})])})})},92829:function(e){"use strict";e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"regular (Default)","className":"db-ui-regular","props":{"label":"Label"}},{"name":"expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Message","examples":[{"name":"Basic (Default)","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Variant","examples":[{"name":"(Default) Basic","props":{"label":"Label","description":"(Default) Basic","message":"Helper Message"}},{"name":"Informational","props":{"label":"Label","description":"Informational","variant":"informational","message":"Informational Message"}},{"name":"Warning","props":{"label":"Label","description":"Warning","variant":"warning","message":"Warning Message"}},{"name":"Critical","props":{"label":"Label","description":"Critical","variant":"critical","message":"Critical Message"}},{"name":"Successful","props":{"label":"Label","description":"Successful","variant":"successful","message":"Successful Message"}}]},{"name":"States","examples":[{"name":"(Default) Empty","props":{"label":"Label","message":"Helper Message"}},{"name":"Filled","props":{"label":"Label","value":"Filled","message":"Helper Message"}},{"name":"Disabled","props":{"label":"Label","value":"Disabled","disabled":true,"message":"Helper Message"}},{"name":"Readonly","props":{"label":"Label","value":"Readonly","readOnly":true,"message":"Helper Message"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Filled Required","props":{"label":"Label","value":"Filled Required","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}},function(e){e.O(0,[4996,4375,8338,1963,8606,2589,7136,4456,4260,1766,9774,2888,179],function(){return e(e.s=56881)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/components/textarea/properties-28c48658865b9c81.js b/version/v0.0.54/_next/static/chunks/pages/components/textarea/properties-28c48658865b9c81.js
deleted file mode 100644
index c31c571639e..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/components/textarea/properties-28c48658865b9c81.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1636],{79444:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return r(55432)}])},55432:function(e,t,r){"use strict";r.r(t);var i=r(52322),n=r(45392),d=r(18338);let s=e=>{let{children:t}=e;return(0,i.jsx)(d.Z,{children:t})};function c(e){let t=Object.assign({h1:"h1",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",code:"code"},(0,n.ah)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"DBTextarea"}),"\n",(0,i.jsx)(t.h2,{children:"Properties"}),"\n",(0,i.jsxs)(t.table,{children:[(0,i.jsx)(t.thead,{children:(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.th,{children:"Name"}),(0,i.jsx)(t.th,{children:"Description"}),(0,i.jsx)(t.th,{children:"Type"}),(0,i.jsx)(t.th,{children:"Options"})]})}),(0,i.jsxs)(t.tbody,{children:[(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"cols"}),(0,i.jsx)(t.td,{children:"The visible width of the text control, in average character widths. If it is specified, it must be a positive integer"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"resize"}),(0,i.jsx)(t.td,{children:"In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'both' | 'horizontal' | 'vertical'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"rows"}),(0,i.jsx)(t.td,{children:"The number of visible text lines for the control. If it is specified, it must be a positive integer"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"spellCheck"}),(0,i.jsx)(t.td,{children:"Specifies whether the textarea is subject to spell checking by the underlying browser/OS"}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"wrap"}),(0,i.jsx)(t.td,{children:"Indicates how the control should wrap the value for form submission."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'hard' | 'soft' | 'off'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"change"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"variant"}),(0,i.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"blur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onBlur"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"focus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"onFocus"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: any) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"validityChange"}),(0,i.jsx)(t.td,{children:"No description"}),(0,i.jsx)(t.td,{children:"function"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(valid: boolean) => void"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"defaultValue"}),(0,i.jsx)(t.td,{children:"React specific attribute to set default value."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"disabled"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"form"}),(0,i.jsx)(t.td,{children:"Associates the control with a form element"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"invalid"}),(0,i.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"label"}),(0,i.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"name"}),(0,i.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"required"}),(0,i.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"value"}),(0,i.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"children"}),(0,i.jsx)(t.td,{children:"default slot"}),(0,i.jsx)(t.td,{children:"any"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"className"}),(0,i.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"describedbyid"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"id"}),(0,i.jsxs)(t.td,{children:[(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"key"}),(0,i.jsx)(t.td,{children:"React specific for render process."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"stylePath"}),(0,i.jsx)(t.td,{children:"Web Component specific: Adds a link tag with the path to show css inside Shadow DOM."}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"tabIndex"}),(0,i.jsxs)(t.td,{children:["The default tabindex (",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex?retiredLocale=de"}),")."]}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"title"}),(0,i.jsxs)(t.td,{children:["The ",(0,i.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title",children:"title attribute"})," specifies the tooltip of the component."]}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"autoComplete"}),(0,i.jsx)(t.td,{children:"This attribute indicates whether the value of the control can be automatically completed by the browser."}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'on' | 'off'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"autoFocus"}),(0,i.jsx)(t.td,{children:"This Boolean attribute lets you specify that a form control should have input focus when the page loads. Only one form-associated element in a document can have this attribute specified."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"maxLength"}),(0,i.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"minLength"}),(0,i.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,i.jsx)(t.td,{children:"number"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"placeholder"}),(0,i.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"readOnly"}),(0,i.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"message"}),(0,i.jsx)(t.td,{children:"Optional helper message for form components"}),(0,i.jsx)(t.td,{children:"string"}),(0,i.jsx)(t.td,{})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"messageIcon"}),(0,i.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,i.jsx)(t.td,{children:"union"}),(0,i.jsx)(t.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:" | 'account' | 'add' | 'add_circle' | 'add_link' | 'alarm' | 'alarm_add' | 'alert' | 'alert_off' | 'attachment' | 'augmented_reality' | 'block' | 'bookmark' | 'bug' | 'build' | 'calendar' | 'camera' | 'cash' | 'check_circle' | 'cloud' | 'cloud_download' | 'cloud_upload' | 'compass' | 'copy' | 'credit_card' | 'dashboard' | 'delete' | 'discount' | 'document' | 'done' | 'download' | 'drag_and_drop' | 'edit' | 'face_neutral' | 'face_sad' | 'face_smiling' | 'filter' | 'fingerprint' | 'folder' | 'folder_open' | 'generic_card' | 'giftcard' | 'hearing' | 'hearing_disabled' | 'heart' | 'help' | 'image' | 'info' | 'key' | 'legal' | 'lightbulb' | 'lock_close' | 'lock_open' | 'logbook' | 'log_out' | 'minus' | 'pin' | 'print' | 'remove' | 'resize' | 'save' | 'schedule' | 'search' | 'send' | 'sepa' | 'settings' | 'share' | 'shopping_bag' | 'shopping_basket' | 'shopping_basket_disabled' | 'shopping_cart' | 'shopping_cart_disabled' | 'sort_down' | 'sort_up' | 'star' | 'swap_horizontal' | 'swap_vertical' | 'thumb_up' | 'thumb_up_down' | 'translation' | 'undo' | 'upload' | 'visibility' | 'visibility_off' | 'voucher' | 'website' | 'zoom_in' | 'zoom_out' | 'fast_backward_10' | 'fast_backward_30' | 'fast_backward_empty' | 'fast_forward_10' | 'fast_forward_30' | 'fast_forward_empty' | 'microphone' | 'pause' | 'play' | 'skip_backward' | 'skip_forward' | 'stop' | 'subtitles' | 'volume_down' | 'volume_mute' | 'volume_off' | 'volume_up' | 'logo' | 'call' | 'chat' | 'conversation' | 'fax' | 'feedback' | 'mail' | 'mobile_off' | 'mobile_phone' | 'question' | 'receive_item' | 'share_item' | 'wifi' | 'wifi_off' | 'mask' | 'playground' | 'restricted_mobility_toilet' | 'shower' | 'shower_men' | 'shower_women' | 'sink' | 'wc' | 'wc_men' | 'wc_sign' | 'wc_women' | 'air_condition' | 'buggy' | 'clothing_hanger' | 'day' | 'entry_aid' | 'environmental_mobility_check' | 'hydrogen' | 'luggage_compartment' | 'luggage_rack' | 'marketplace' | 'medical' | 'night' | 'no_smoking' | 'person_with_cane' | 'person_with_rollator' | 'platform' | 'power_outlet' | 'reservation' | 'standing_room' | 'steppless_entry' | 'support_dog' | 'breakfast' | 'coffee_cup' | 'drink' | 'restaurant' | 'database' | '1st_class' | '2nd_class' | 'alternative_connection' | 'booking' | 'capacity_indicator' | 'capacity_indicator_fully_booked' | 'capacity_indicator_high' | 'capacity_indicator_low' | 'destination' | 'intermediary_stop' | 'mixed_class' | 'monochrome_capacity_indicator_high' | 'monochrome_capacity_indicator_low' | 'monochrome_capacity_indicator_moderate' | 'round_trip' | 'single_trip' | 'start' | 'gps' | 'gps_north' | 'home' | 'map' | 'parking' | 'place' | 'set_position' | 'station' | 'stop_sign' | 'train_station' | 'arrow_back' | 'arrow_down' | 'arrow_forward' | 'arrow_up' | 'cancel' | 'chevron_left' | 'chevron_right' | 'close' | 'expand_less' | 'expand_more' | 'fullscreen' | 'fullscreen_exit' | 'grid_view' | 'link' | 'link_external' | 'list' | 'menu' | 'more_horizontal' | 'more_vertical' | 'refresh' | 'error' | 'notify' | 'notify_cutoff' | 'warning' | 'aisle' | 'aisle_not_available' | 'bed' | 'childrens_compartment' | 'couchette' | 'elderly' | 'handicapped' | 'parent_child_compartment' | 'priority' | 'quiet_zone' | 'table' | 'window' | 'bahnbonus' | 'bahnbonus_card' | 'bahncard' | 'best_price' | 'commuter_ticket' | 'komfort_check_in' | 'komfort_check_in_check' | 'komfort_check_in_circle' | 'multiple_cards' | 'multiple_passenger' | 'my_travel' | 'outward_journey' | 'qr_code' | 'return_journey' | 'ticket' | 'ticket_discount' | 'ticket_multiple' | 'ticket_subscription' | 'timetable' | 'time_outward_journey' | 'time_return_journey' | 'travel_insurance' | 'airplane_inverted' | 'bicycle_inverted' | 'bicycle_trailer_inverted' | 'call_a_bike_inverted' | 'carsharing_inverted' | 'car_inverted' | 'electric_locomotive_inverted' | 'electric_scooter_inverted' | 'ev_car_inverted' | 'ferry_inverted' | 'handcart_inverted' | 'ice_inverted' | 'intercity_train_inverted' | 'local_bus_inverted' | 'local_train_inverted' | 'long_distance_bus_inverted' | 'scooter_inverted' | 'speedboat_inverted' | 'subway_inverted' | 's_bahn_inverted' | 'taxi_inverted' | 'train_and_car_inverted' | 'tram_inverted' | 'walking_fast_inverted' | 'walking_inverted' | 'airplane' | 'bicycle' | 'bicycle_trailer' | 'call_a_bike' | 'carsharing' | 'car' | 'car_sequence' | 'electric_locomotive' | 'electric_scooter' | 'ev_car' | 'ferry' | 'handcart' | 'ice' | 'ice_side_view' | 'intercity_train' | 'local_bus' | 'local_train' | 'long_distance_bus' | 'railroad_car' | 'rail_and_fly' | 'scooter' | 'sev' | 'speedboat' | 'sprinter' | 'subway' | 's_bahn' | 'taxi' | 'train_and_car' | 'tram' | 'walking' | 'walking_fast'"})})})]}),(0,i.jsxs)(t.tr,{children:[(0,i.jsx)(t.td,{children:"overflow"}),(0,i.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,i.jsx)(t.td,{children:"boolean"}),(0,i.jsx)(t.td,{})]})]})]})]})}t.default=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(s,Object.assign({},e,{children:(0,i.jsx)(c,e)}))}}},function(e){e.O(0,[4375,8338,9774,2888,179],function(){return e(e.s=79444)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/foundations/colors/examples-21008ca7ecfba656.js b/version/v0.0.54/_next/static/chunks/pages/foundations/colors/examples-21008ca7ecfba656.js
deleted file mode 100644
index 024c1ba5541..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/foundations/colors/examples-21008ca7ecfba656.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3243],{40121:function(n,e,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/examples",function(){return s(33226)}])},33226:function(n,e,s){"use strict";s.r(e);var t=s(52322),r=s(45392),o=s(18338);let c=n=>{let{children:e}=n;return(0,t.jsx)(o.Z,{children:e})};function i(n){let e=Object.assign({h1:"h1",p:"p"},(0,r.ah)(),n.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h1,{children:"Colors Examples"}),"\n",(0,t.jsx)(e.p,{children:"TODO: Color Examples"})]})}e.default=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(c,Object.assign({},n,{children:(0,t.jsx)(i,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=40121)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/foundations/colors/readme-fdcfc9e795bb696f.js b/version/v0.0.54/_next/static/chunks/pages/foundations/colors/readme-fdcfc9e795bb696f.js
deleted file mode 100644
index fb7736e124c..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/foundations/colors/readme-fdcfc9e795bb696f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2560],{35255:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/readme",function(){return t(77807)}])},77807:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return h}});var r=t(52322),s=t(18338),c=t(45392);function i(n){let e=Object.assign({h1:"h1",p:"p"},(0,c.ah)(),n.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{children:"Colors"}),"\n",(0,r.jsx)(e.p,{children:"TODO"})]})}var u=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),n.components);return e?(0,r.jsx)(e,Object.assign({},n,{children:(0,r.jsx)(i,n)})):i(n)};let o=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function l(n){return(0,r.jsx)(u,{})}var h=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,Object.assign({},n,{children:(0,r.jsx)(l,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=35255)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/foundations/icons-a07c916a3496bcb4.js b/version/v0.0.54/_next/static/chunks/pages/foundations/icons-a07c916a3496bcb4.js
deleted file mode 100644
index 0ced3f6e2ba..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/foundations/icons-a07c916a3496bcb4.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3213],{96475:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons",function(){return e(59732)}])},59732:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),s=e(18338),c=e(45392);function i(n){let t=Object.assign({h1:"h1",p:"p"},(0,c.ah)(),n.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"Icons"}),"\n",(0,r.jsx)(t.p,{children:"TODO"})]})}var u=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,c.ah)(),n.components);return t?(0,r.jsx)(t,Object.assign({},n,{children:(0,r.jsx)(i,n)})):i(n)};let o=n=>{let{children:t}=n;return(0,r.jsx)(s.Z,{children:t})};function h(n){return(0,r.jsx)(u,{})}var l=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,Object.assign({},n,{children:(0,r.jsx)(h,n)}))}}},function(n){n.O(0,[4375,8338,9774,2888,179],function(){return n(n.s=96475)}),_N_E=n.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/foundations/readme-b2bbc6f563c615c2.js b/version/v0.0.54/_next/static/chunks/pages/foundations/readme-b2bbc6f563c615c2.js
deleted file mode 100644
index d339b8a3a99..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/foundations/readme-b2bbc6f563c615c2.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6559],{89236:function(o,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return t(30688)}])},30688:function(o,e,t){"use strict";t.r(e),t.d(e,{default:function(){return u}});var n=t(52322),s=t(18338),c=t(45392),r=t(65854);let l={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(o){let e=Object.assign({h1:"h1",p:"p",img:"img",a:"a",ul:"ul",li:"li",h2:"h2",code:"code",h3:"h3",blockquote:"blockquote",strong:"strong",em:"em"},(0,c.ah)(),o.components);return l||d("CH",!1),l.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(e.h1,{children:"@db-ui/foundations"}),"\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,n.jsx)(e.a,{href:"https://github.com/prettier/prettier",children:(0,n.jsx)(e.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,n.jsx)(e.a,{href:"https://conventionalcommits.org",children:(0,n.jsx)(e.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,n.jsx)(e.a,{href:"https://makeapullrequest.com",children:(0,n.jsx)(e.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,n.jsxs)(e.p,{children:["A library containing all tokens of ",(0,n.jsx)(e.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,n.jsx)(e.p,{children:"We currently support:"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:"#css",children:"CSS"})}),"\n",(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:"#scss",children:"SCSS"})}),"\n",(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:"#tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,n.jsx)(e.h2,{children:"Install"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,n.jsx)(e.h2,{children:"Usage"}),"\n",(0,n.jsxs)(e.p,{children:["The defaults for ",(0,n.jsx)(e.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,n.jsx)(e.code,{children:"regular"})]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,n.jsx)(e.code,{children:"neutral-0"})]}),"\n"]}),"\n",(0,n.jsx)(e.h3,{children:"CSS"}),"\n",(0,n.jsxs)(e.p,{children:["Default assets path for ",(0,n.jsx)(e.code,{children:"db-ui-foundations.css"})," is ",(0,n.jsx)(e.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,n.jsx)(e.code,{children:"public"})," folder before build."]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// main.ts / main.js",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/css/db-ui-foundations.css",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"// optional: to use classes like e.g. db-ui-bg-success",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/css/color-classes.css",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"my-container ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" padding",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"var",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"--db-spacing-fixed-md",props:{style:{color:"#88C0D0"}}},{content:")",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"css"},annotations:[]}]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{children:"SCSS"}),"\n",(0,n.jsx)(e.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:["Default: points to ",(0,n.jsx)(e.code,{children:"../assets"})]}),"\n",(0,n.jsxs)(e.li,{children:["Webpack: points to ",(0,n.jsx)(e.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,n.jsxs)(e.li,{children:["Rollup: points to ",(0,n.jsx)(e.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// index.scss",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/rollup.assets-paths",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/icon/icons",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/db-ui-foundations",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"// optional: to use db-ui-bg-success",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@import ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/color-classes",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as",props:{style:{color:"#88C0D0"}}},{content:" *",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"// optional: to use use $db-spacing-fixed-md",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"@use ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/scss/variables.global",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"as *;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"my-container ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" padding",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"$db-spacing-fixed-md",props:{style:{color:"#88C0D0"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{children:"Tailwind"}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"//tailwind.config.cjs",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"tokens ",props:{style:{color:"#D8DEE9"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"require",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/foundations/build/tailwind/tailwind-tokens.json",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"module",props:{style:{color:"#8FBCBB"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"exports ",props:{style:{color:"#8FBCBB"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" content",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"./index.html",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"./src/**/*.{js,jsx,ts,tsx}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" plugins",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" []",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" theme",props:{style:{color:"#88C0D0"}}},{content:": {",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" screens",props:{style:{color:"#88C0D0"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"tokens",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"screens",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" spacing",props:{style:{color:"#88C0D0"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"tokens",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" boxShadow",props:{style:{color:"#88C0D0"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"tokens",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"elevation",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" gap",props:{style:{color:"#88C0D0"}}},{content:": ({ ",props:{style:{color:"#ECEFF4"}}},{content:"theme ",props:{style:{color:"#D8DEE9"}}},{content:"}) ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}},{content:"theme",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" space",props:{style:{color:"#88C0D0"}}},{content:": ({ ",props:{style:{color:"#ECEFF4"}}},{content:"theme ",props:{style:{color:"#D8DEE9"}}},{content:"}) ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}},{content:"theme",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"javascript"},annotations:[]}]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(e.h2,{children:"Icons"}),"\n",(0,n.jsxs)(e.p,{children:["We use icon fonts as ",(0,n.jsx)(e.code,{children:"woff2"})," files for all our icons.\nWe auto generate these files out of ",(0,n.jsx)(e.code,{children:".svg"})," files."]}),"\n",(0,n.jsx)(e.h3,{children:"Custom Icons"}),"\n",(0,n.jsxs)(e.p,{children:["If you have custom icons and want to use them for foundations and/or in components, you need to generate a ",(0,n.jsx)(e.code,{children:"woff2"})," file."]}),"\n",(0,n.jsx)(e.p,{children:"For this run:"}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"node ",props:{style:{color:"#D8DEE9FF"}}},{content:"node_modules/@db-ui/foundations/scripts/generate-icon-fonts/index.js --src ./my-path-to/icons --fontName my-name",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["We search for all ",(0,n.jsx)(e.code,{children:"**/*.svg"})," files inside the ",(0,n.jsx)(e.code,{children:"src"})," directory and create a new icon font with the provided name."]}),"\n",(0,n.jsxs)(e.blockquote,{children:["\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:(0,n.jsx)(e.em,{children:"NOTE:"})}),' We use 3 different sizes for components (16,20,24) to show more or less details. You can do the same by providing another file with a size postfix for example "icon_file_name_16.svg".']}),"\n"]}),"\n",(0,n.jsx)(e.p,{children:"In your app you need to include some of the generated files:"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.code,{children:"./my-path-to/icons/fonts/my-name.woff2"})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.code,{children:"./my-path-to/icons/fonts/font-face.css"})}),"\n",(0,n.jsxs)(e.p,{children:["Now you can use your icons with your ",(0,n.jsx)(e.code,{children:"font-family: my-name"}),", e.g.:"]}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"icon_file_name",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{children:"data-icon"}),"\n",(0,n.jsx)(e.p,{children:"If you like to use a custom icon in one of our components you can do it by overwriting the default font-family like this:"}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(e.h3,{children:"Foundation Developer"}),"\n",(0,n.jsxs)(e.p,{children:["If you update a ",(0,n.jsx)(e.code,{children:"svg"})," inside ",(0,n.jsx)(e.code,{children:"assets/icons/functional/images"})," you need to recreate the ",(0,n.jsx)(e.code,{children:"woff2"})," file."]}),"\n",(0,n.jsx)(e.p,{children:"For this you just need to run"}),"\n",(0,n.jsx)(l.Code,{codeConfig:p,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"run generate:icon-fonts",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,n.jsxs)(e.p,{children:["Your new icon should be inside ",(0,n.jsx)(e.code,{children:"assets/icons/functional/fonts/info.json"})," and you should see it inside ",(0,n.jsx)(e.code,{children:"assets/icons/functional/fonts/index.html"})," in the browser."]}),"\n",(0,n.jsx)(e.h2,{children:"Deutsche Bahn brand"}),"\n",(0,n.jsxs)(e.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,n.jsx)(e.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,n.jsx)(e.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,n.jsx)(e.h2,{children:"Contributions"}),"\n",(0,n.jsxs)(e.p,{children:["Contributions are very welcome, please refer to the ",(0,n.jsx)(e.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,n.jsx)(e.h2,{children:"Code of conduct"}),"\n",(0,n.jsxs)(e.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,n.jsx)(e.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,n.jsx)(e.h2,{children:"License"}),"\n",(0,n.jsxs)(e.p,{children:["This project is licensed under ",(0,n.jsx)(e.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}var a=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}=Object.assign({},(0,c.ah)(),o.components);return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)};function d(o,e){throw Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}let h=o=>{let{children:e}=o;return(0,n.jsx)(s.Z,{children:e})};function y(o){return(0,n.jsx)(a,{})}var u=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(h,Object.assign({},o,{children:(0,n.jsx)(y,o)}))}}},function(o){o.O(0,[4996,4375,8338,9774,2888,179],function(){return o(o.s=89236)}),_N_E=o.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/iframe-1cc4ebb64b830b5a.js b/version/v0.0.54/_next/static/chunks/pages/iframe-1cc4ebb64b830b5a.js
deleted file mode 100644
index 894160e52f0..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/iframe-1cc4ebb64b830b5a.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4614],{60359:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/iframe",function(){return n(6147)}])},6147:function(e,a,n){"use strict";n.r(a),n.d(a,{default:function(){return h}});var s=n(52322),r=n(48834),c=n(5632),t=n(2784),l=n(51963);let i=new Set(["marketingportal.extranet.deutschebahn.com"]),o=e=>{let{type:a,content:n,index:r,props:c,className:t}=e,d=Array.isArray(n)?n.map((e,a)=>(0,s.jsx)(o,{index:"".concat(r,"-").concat(a),type:e.type,content:e.content,props:e.props,className:e.className},"innerComponent-".concat(r,"-").concat(a))):n;if("h1"===a)return(0,s.jsx)("h1",{className:t,children:d});if("h2"===a)return(0,s.jsx)("h2",{className:t,children:d});if("h3"===a)return(0,s.jsx)("h3",{className:t,children:d});if("h4"===a)return(0,s.jsx)("h4",{className:t,children:d});if("p"===a)return(0,s.jsx)("p",{className:t,children:d});if("div"===a)return(0,s.jsx)("div",{className:t,children:d});if("flex"===a)return(0,s.jsx)("div",{className:"flex ".concat(null!=t?t:""),"data-variant":(null==c?void 0:c.column)?"column":"row",children:d});if("a"===a)try{let e=new URL("",c.href),a=e.host;if(i.has(a))return(0,s.jsx)("a",{className:t,href:c.href,target:c.target,children:d})}catch(e){console.error(e)}return"alert"===a?(0,s.jsx)(l.H3,{className:t,...c,children:d}):"brand"===a?(0,s.jsx)(l.mX,{className:t,...c,children:d}):"button"===a?(0,s.jsx)(l.Y1,{className:t,...c,children:d}):"card"===a?(0,s.jsx)(l.f,{className:t,...c,children:d}):"divider"===a?(0,s.jsx)(l.oH,{className:t,...c,children:d}):"header"===a?(0,s.jsx)(l.W4,{className:t,...c,children:d}):"icon"===a?(0,s.jsx)(l.Pg,{className:t,...c,children:d}):"infotext"===a?(0,s.jsx)(l.EZ,{className:t,...c,children:d}):"input"===a?(0,s.jsx)(l.aq,{className:t,...c,children:d}):"checkbox"===a?(0,s.jsx)(l.I3,{className:t,...c,children:d}):"radio"===a?(0,s.jsx)(l.an,{className:t,...c,children:d}):"link"===a?(0,s.jsx)(l.vB,{className:t,...c,children:d}):"section"===a?(0,s.jsx)(l.cN,{className:t,...c,children:d}):"textarea"===a?(0,s.jsx)(l.GI,{className:t,...c,children:d}):"select"===a?(0,s.jsx)(l.kr,{className:t,...c,children:d}):"tag"===a?(0,s.jsx)(l.k8,{className:t,...c,children:d}):"navigation-item"===a?(0,s.jsx)(l.pK,{className:t,...c,children:d}):"accordion"===a?(0,s.jsx)(l.aw,{className:t,...c,children:d}):"accordion-item"===a?(0,s.jsx)(l.kC,{className:t,...c,children:d}):"main-navigation"===a?(0,s.jsx)(l.Cc,{className:t,...c,children:d}):"badge"===a?(0,s.jsx)(l.aE,{className:t,...c,children:d}):(0,s.jsx)("span",{className:t,children:d})};var d=e=>{let{componentsString:a}=e,[n,r]=(0,t.useState)();return((0,t.useEffect)(()=>{try{r(JSON.parse(a))}catch(e){console.error(e)}},[a]),n&&Array.isArray(n))?(0,s.jsx)(s.Fragment,{children:n.map((e,a)=>(0,s.jsx)(o,{index:a,type:e.type,content:e.content,props:e.props},"component-".concat(a)))}):(0,s.jsx)(l.EZ,{variant:"critical",children:"Wrong format"})},h=()=>{var e,a,n;let t=(0,c.useRouter)(),l=null!==(e=t.query.tonality)&&void 0!==e?e:"regular",i=null!==(a=t.query.color)&&void 0!==a?a:"neutral-0",o=null!==(n=t.query.components)&&void 0!==n?n:"",h=r.lW.from(o,"base64"),m=h.toString("utf8");return(0,s.jsx)("div",{className:"iframe-component-container db-ui-".concat(l," db-bg-").concat(i),children:(0,s.jsx)(d,{componentsString:m})})}},5632:function(e,a,n){e.exports=n(16244)}},function(e){e.O(0,[8834,1963,9774,2888,179],function(){return e(e.s=60359)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/pages/index-84a360ded8a592ce.js b/version/v0.0.54/_next/static/chunks/pages/index-84a360ded8a592ce.js
deleted file mode 100644
index 159f36f9bae..00000000000
--- a/version/v0.0.54/_next/static/chunks/pages/index-84a360ded8a592ce.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{53525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(5382)}])},5382:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return j}});var r=t(52322),s=t(18338),c=t(45392),i=t(65854);let l={annotations:i.ds,Code:i.EK},d={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function o(e){let n=Object.assign({p:"p",h1:"h1",img:"img",a:"a",blockquote:"blockquote",strong:"strong",ul:"ul",li:"li",code:"code",h2:"h2",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",h3:"h3",h4:"h4"},(0,c.ah)(),e.components);return l||h("CH",!1),l.Code||h("CH.Code",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n","\n","\n",(0,r.jsx)(n.p,{children:" "}),"\n",(0,r.jsx)(n.h1,{children:"DB UI Mono (Alpha) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,r.jsx)(n.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,r.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,r.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,r.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,r.jsx)(n.a,{href:"https://github.com/xojs/xo",children:(0,r.jsx)(n.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,r.jsx)(n.a,{href:"http://makeapullrequest.com",children:(0,r.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,r.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:(0,r.jsx)(n.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,r.jsx)(n.p,{children:"DB UI Mono provides robust HTML UI components, reusable visual styles, and powerful tooling to help developers,\ndesigners, and content authors build, maintain, and scale best of class digital experiences."}),"\n","\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Warning"}),"\nWe currently don't fully support Mozilla Firefox until it adds the following functionalities, that are expected to get integrated later this year:"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsxs)(n.a,{href:"https://caniuse.com/css-has",children:["CSS: ",(0,r.jsx)(n.code,{children:":has"})]})}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsxs)(n.a,{href:"https://caniuse.com/mdn-api_htmlinputelement_popovertargetaction",children:[(0,r.jsx)(n.code,{children:"popover"}),"-attribute"]}),"(not in use by us currently, but planned)"]}),"\n"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"Packages"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Package"}),(0,r.jsx)(n.th,{children:"Content"}),(0,r.jsx)(n.th,{align:"left",children:"Version"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/foundations",children:"foundations"})}),(0,r.jsx)(n.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,r.jsx)(n.td,{align:"left",children:(0,r.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,r.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components",children:"components"})}),(0,r.jsx)(n.td,{children:"CSS/SCSS styles for components"}),(0,r.jsx)(n.td,{align:"left",children:(0,r.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,r.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"output/angular",children:"ngx-components"})}),(0,r.jsx)(n.td,{children:"Native Angular components"}),(0,r.jsx)(n.td,{align:"left",children:(0,r.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,r.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"output/react",children:"react-components"})}),(0,r.jsx)(n.td,{children:"Native React components"}),(0,r.jsx)(n.td,{align:"left",children:(0,r.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,r.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"output/vue/vue3",children:"v-components"})}),(0,r.jsx)(n.td,{children:"Native Vue components"}),(0,r.jsx)(n.td,{align:"left",children:(0,r.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,r.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,r.jsx)(n.h2,{children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,r.jsx)(n.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["Afterwards you need to add the specific CSS or SCSS files to provide the styles of DB UX Design System.\nFor a detailed overview look at our ",(0,r.jsx)(n.a,{href:"examples",children:"examples"}),"."]}),"\n",(0,r.jsx)(n.h2,{children:"Components"}),"\n",(0,r.jsx)(n.p,{children:"Here is an overview of all components you can use:"}),"\n","\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Name"}),(0,r.jsx)(n.th,{children:"Category"}),(0,r.jsx)(n.th,{align:"center",children:"Status"}),(0,r.jsx)(n.th,{align:"center",children:"Planned for beta"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Accordion"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/alert",children:"Alert"})}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Avatar"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Backdrop"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Badge"}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Bottom-Navigation"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Breadcrumbs"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/brand",children:"Brand"})}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/button",children:"Button"})}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Button-Group"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/card",children:"Card"})}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Carousel"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/checkbox",children:"Checkbox"})}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Combobox"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Container"}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Date-Picker"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/divider",children:"Divider"})}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/drawer",children:"Drawer"})}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Dropdown"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Floating-Button"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Footer"}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Grid"}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Header"}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/icon",children:"Icons"})}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Image"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Indicator"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/infotext",children:"Infotext"})}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/input",children:"Input"})}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/link",children:"Link"})}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"List-Item"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Menu"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Modal"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/navigationitem",children:"NavigationItem"})}),(0,r.jsx)(n.td,{children:"05 - Navigation"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Notification"}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Numbers-Field"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Pagination"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Popover"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Progress"}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/radio",children:"Radio"})}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Rating"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/section",children:"Section"})}),(0,r.jsx)(n.td,{children:"01 - Layout"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/select",children:"Select"})}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"Beta"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Skeleton"}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Slider"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Spinner"}),(0,r.jsx)(n.td,{children:"05 - Feedback"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Stack/List"}),(0,r.jsx)(n.td,{children:"06 - Utility"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Stepper"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Switch"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Table"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/tabs",children:"Tabs"})}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.a,{href:"packages/components/src/components/tag",children:"Tag"})}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"Alpha"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Text"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Textarea"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"✅"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Timeline"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Time-Picker"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Toggle-Button"}),(0,r.jsx)(n.td,{children:"02 - Action"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Tooltip"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Tree"}),(0,r.jsx)(n.td,{children:"04 - Data-Display"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Upload"}),(0,r.jsx)(n.td,{children:"03 - Data-Input"}),(0,r.jsx)(n.td,{align:"center",children:"❌"}),(0,r.jsx)(n.td,{align:"center",children:"❌"})]})]})]}),"\n","\n",(0,r.jsx)(n.p,{children:"‼ Some components are missing and some are not migrated to the new styling, be aware that non-completed components may change in the future. You can enable automated warnings with ESLint if you like."}),"\n",(0,r.jsx)(n.h3,{children:"Warnings with ESLint"}),"\n",(0,r.jsxs)(n.p,{children:["Install ESLint plugin: ",(0,r.jsx)(n.code,{children:"npm i @db-ui/eslint-plugin"}),"."]}),"\n",(0,r.jsx)(n.p,{children:"Add the plugin and rule to your configuration:"}),"\n",(0,r.jsx)(l.Code,{codeConfig:d,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"plugins",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:": [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"rules",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:' "',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/v2-component-used",props:{style:{color:"#A3BE8C"}}},{content:'": "',props:{style:{color:"#ECEFF4"}}},{content:"warn",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,r.jsx)(n.h2,{children:"Core principals"}),"\n","\n",(0,r.jsxs)(n.p,{children:["DB UI Mono is part of ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System Core"}),",\nthat are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."]}),"\n","\n","\n",(0,r.jsxs)(n.p,{children:["DB UI Mono leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus\nenforcing correct, accessible markup. And we're quality checking this in partnership with\nthe ",(0,r.jsx)(n.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,r.jsx)(n.p,{children:"DB UI Mono uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human\nread- and understandable, lean, performant and so much easier to update."}),"\n","\n",(0,r.jsxs)(n.p,{children:["As ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System"})," evolves, so does DB UI\nMono, meaning apps only need to keep their DB UI Mono package updated to ensure the latest look and feel."]}),"\n","\n",(0,r.jsx)(n.h2,{children:"More information"}),"\n",(0,r.jsx)(n.p,{children:"Additionally we'll provide some more information over time regrading the whole ecosystem:"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System documentation within the DB Marketingportal (german)"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://db.de/pu8moh",children:'Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)'})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://db.de/1tyr73",children:"Confluence - Web UI Component Library (only available internally)"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/db-ui/core/blob/main/CHANGELOG.md",children:"Changelog"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://github.com/db-ui/core/tree/main/docs/adr",children:"Architectural Decision Records"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://db.de/4cwtyn/",children:"DB UI Mono 1.x Gitlab repository (only accessible internally)"})}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"Things to keep in mind"}),"\n",(0,r.jsx)(n.h3,{children:"Developed for and driven by the community"}),"\n",(0,r.jsx)(n.p,{children:"This is mainly a platform providing the space and technology for a common basis of curated components; their development\nis mainly driven by the community and adapted out of the work done in projects and through the huge amount of feedback\nthat we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!"}),"\n",(0,r.jsx)(n.h2,{children:"How to start develop / contribute"}),"\n",(0,r.jsx)(l.Code,{codeConfig:d,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"install",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"run build",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"run start",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,r.jsxs)(n.p,{children:["Please mind the ",(0,r.jsx)(n.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,r.jsx)(n.h3,{children:"Versions"}),"\n",(0,r.jsxs)(n.p,{children:["All versions in all ",(0,r.jsx)(n.code,{children:"package.json"})," files are set to ",(0,r.jsx)(n.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,r.jsx)(n.h2,{children:"Give us your feedback!"}),"\n","\n","\n",(0,r.jsxs)(n.p,{children:["This is only the first version of our framework and we really want your feedback - either within\nthe ","DB UI Channel by Web Dev Community in\nMicrosoft Teams (only available DB internally)",", or directly\nat ",(0,r.jsx)(n.a,{href:"mailto:db-ux-designsystem@deutschebahn.com",children:"db-ux-designsystem@deutschebahn.com"}),". ","\nWe're particularly keen to add as many examples to the behaviours as possible, to further clarify them."]}),"\n",(0,r.jsx)(n.h2,{children:"Deutsche Bahn brand"}),"\n",(0,r.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and\ntrademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with\nthis product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that\nwe're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions\nand whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn\nMarketingportal, you'll agree with\nthe ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684#",children:'"Allgemeine Nutzungsbedingungen f\xfcr das DB-Marketingportal" (german)'}),"\nin case of using them."]}),"\n",(0,r.jsx)(n.p,{children:"For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and\ndesign assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme\nthat would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,r.jsxs)(n.p,{children:["This especially relates to the files in the directories ",(0,r.jsx)(n.code,{children:"/source/fonts/"}),", ",(0,r.jsx)(n.code,{children:"source/images"})," and ",(0,r.jsx)(n.code,{children:"source/samples"}),"\nand ",(0,r.jsx)(n.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,r.jsx)(n.h2,{children:"Development"}),"\n",(0,r.jsx)(n.h3,{children:"Tests"}),"\n",(0,r.jsx)(n.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,r.jsx)(n.h4,{children:"Component Tests"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Visual regression tests"})}),"\n",(0,r.jsx)(n.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,r.jsx)(n.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,r.jsx)(l.Code,{codeConfig:d,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"run regenerate:screenshots",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,r.jsx)(n.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,r.jsx)(l.Code,{codeConfig:d,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"run build",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"# unix",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#D8DEE9FF"}}},{content:"run --rm --network host -v ",props:{style:{color:"#A3BE8C"}}},{content:"$(",props:{style:{color:"#ECEFF4"}}},{content:"pwd",props:{style:{color:"#88C0D0"}}},{content:")",props:{style:{color:"#ECEFF4"}}},{content:":/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"#windows - allow file sharing (windows pop up)",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"docker ",props:{style:{color:"#D8DEE9FF"}}},{content:"run --rm --network host -v ",props:{style:{color:"#A3BE8C"}}},{content:"${",props:{style:{color:"#81A1C1"}}},{content:"PWD",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}},{content:":/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"npm ",props:{style:{color:"#D8DEE9FF"}}},{content:"install",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"cd ",props:{style:{color:"#88C0D0"}}},{content:"output/",props:{style:{color:"#A3BE8C"}}},{content:"${",props:{style:{color:"#81A1C1"}}},{content:"frameworkFolder",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"npx ",props:{style:{color:"#D8DEE9FF"}}},{content:"playwright test --update-snapshots",props:{style:{color:"#A3BE8C"}}}]}],lang:"shell"},annotations:[]}]}),"\n",(0,r.jsxs)(n.p,{children:["You can also use ",(0,r.jsx)(n.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["testing: ",(0,r.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,r.jsxs)(n.li,{children:["update screenshots: ",(0,r.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{children:"Contributions"}),"\n",(0,r.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,r.jsx)(n.a,{href:"CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,r.jsx)(n.h2,{children:"Code of conduct"}),"\n",(0,r.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at\nour ",(0,r.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,r.jsx)(n.h2,{children:"License"}),"\n",(0,r.jsxs)(n.p,{children:["This project is licensed under ",(0,r.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2023 by DB Systel GmbH."]})]})}var a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}=Object.assign({},(0,c.ah)(),e.components);return n?(0,r.jsx)(n,Object.assign({},e,{children:(0,r.jsx)(o,e)})):o(e)};function h(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let x=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function p(e){return(0,r.jsx)(a,{})}var j=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(x,Object.assign({},e,{children:(0,r.jsx)(p,e)}))}}},function(e){e.O(0,[4996,4375,8338,9774,2888,179],function(){return e(e.s=53525)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js b/version/v0.0.54/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js
deleted file mode 100644
index 6c105cac9df..00000000000
--- a/version/v0.0.54/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){var e={exports:{}};return t(e,e.exports),e.exports}var r=function(t){return t&&t.Math==Math&&t},n=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof t&&t)||Function("return this")(),o=function(t){try{return!!t()}catch(t){return!0}},i=!o(function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}),a={}.propertyIsEnumerable,u=Object.getOwnPropertyDescriptor,s=u&&!a.call({1:2},1)?function(t){var e=u(this,t);return!!e&&e.enumerable}:a,c={f:s},f=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}},l={}.toString,h=function(t){return l.call(t).slice(8,-1)},p="".split,d=o(function(){return!Object("z").propertyIsEnumerable(0)})?function(t){return"String"==h(t)?p.call(t,""):Object(t)}:Object,v=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t},g=function(t){return d(v(t))},y=function(t){return"object"==typeof t?null!==t:"function"==typeof t},m=function(t,e){if(!y(t))return t;var r,n;if(e&&"function"==typeof(r=t.toString)&&!y(n=r.call(t)))return n;if("function"==typeof(r=t.valueOf)&&!y(n=r.call(t)))return n;if(!e&&"function"==typeof(r=t.toString)&&!y(n=r.call(t)))return n;throw TypeError("Can't convert object to primitive value")},b={}.hasOwnProperty,w=function(t,e){return b.call(t,e)},S=n.document,E=y(S)&&y(S.createElement),x=function(t){return E?S.createElement(t):{}},A=!i&&!o(function(){return 7!=Object.defineProperty(x("div"),"a",{get:function(){return 7}}).a}),O=Object.getOwnPropertyDescriptor,R={f:i?O:function(t,e){if(t=g(t),e=m(e,!0),A)try{return O(t,e)}catch(t){}if(w(t,e))return f(!c.f.call(t,e),t[e])}},j=function(t){if(!y(t))throw TypeError(String(t)+" is not an object");return t},P=Object.defineProperty,I={f:i?P:function(t,e,r){if(j(t),e=m(e,!0),j(r),A)try{return P(t,e,r)}catch(t){}if("get"in r||"set"in r)throw TypeError("Accessors not supported");return"value"in r&&(t[e]=r.value),t}},T=i?function(t,e,r){return I.f(t,e,f(1,r))}:function(t,e,r){return t[e]=r,t},k=function(t,e){try{T(n,t,e)}catch(r){n[t]=e}return e},L="__core-js_shared__",U=n[L]||k(L,{}),M=Function.toString;"function"!=typeof U.inspectSource&&(U.inspectSource=function(t){return M.call(t)});var _,N,C,F=U.inspectSource,B=n.WeakMap,D="function"==typeof B&&/native code/.test(F(B)),q=!1,z=e(function(t){(t.exports=function(t,e){return U[t]||(U[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.5",mode:"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})}),W=0,K=Math.random(),G=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++W+K).toString(36)},$=z("keys"),V=function(t){return $[t]||($[t]=G(t))},H={};if(D){var X=new(0,n.WeakMap),Y=X.get,J=X.has,Q=X.set;_=function(t,e){return Q.call(X,t,e),e},N=function(t){return Y.call(X,t)||{}},C=function(t){return J.call(X,t)}}else{var Z=V("state");H[Z]=!0,_=function(t,e){return T(t,Z,e),e},N=function(t){return w(t,Z)?t[Z]:{}},C=function(t){return w(t,Z)}}var tt,et={set:_,get:N,has:C,enforce:function(t){return C(t)?N(t):_(t,{})},getterFor:function(t){return function(e){var r;if(!y(e)||(r=N(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return r}}},rt=e(function(t){var e=et.get,r=et.enforce,o=String(String).split("String");(t.exports=function(t,e,i,a){var u=!!a&&!!a.unsafe,s=!!a&&!!a.enumerable,c=!!a&&!!a.noTargetGet;"function"==typeof i&&("string"!=typeof e||w(i,"name")||T(i,"name",e),r(i).source=o.join("string"==typeof e?e:"")),t!==n?(u?!c&&t[e]&&(s=!0):delete t[e],s?t[e]=i:T(t,e,i)):s?t[e]=i:k(e,i)})(Function.prototype,"toString",function(){return"function"==typeof this&&e(this).source||F(this)})}),nt=n,ot=function(t){return"function"==typeof t?t:void 0},it=function(t,e){return arguments.length<2?ot(nt[t])||ot(n[t]):nt[t]&&nt[t][e]||n[t]&&n[t][e]},at=Math.ceil,ut=Math.floor,st=function(t){return isNaN(t=+t)?0:(t>0?ut:at)(t)},ct=Math.min,ft=function(t){return t>0?ct(st(t),9007199254740991):0},lt=Math.max,ht=Math.min,pt=function(t,e){var r=st(t);return r<0?lt(r+e,0):ht(r,e)},dt=function(t){return function(e,r,n){var o,i=g(e),a=ft(i.length),u=pt(n,a);if(t&&r!=r){for(;a>u;)if((o=i[u++])!=o)return!0}else for(;a>u;u++)if((t||u in i)&&i[u]===r)return t||u||0;return!t&&-1}},vt={includes:dt(!0),indexOf:dt(!1)},gt=vt.indexOf,yt=function(t,e){var r,n=g(t),o=0,i=[];for(r in n)!w(H,r)&&w(n,r)&&i.push(r);for(;e.length>o;)w(n,r=e[o++])&&(~gt(i,r)||i.push(r));return i},mt=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],bt=mt.concat("length","prototype"),wt={f:Object.getOwnPropertyNames||function(t){return yt(t,bt)}},St={f:Object.getOwnPropertySymbols},Et=it("Reflect","ownKeys")||function(t){var e=wt.f(j(t)),r=St.f;return r?e.concat(r(t)):e},xt=function(t,e){for(var r=Et(e),n=I.f,o=R.f,i=0;i2?arguments[2]:void 0,u=Mt((void 0===a?n:pt(a,n))-i,n-o),s=1;for(i0;)i in r?r[o]=r[i]:delete r[o],o+=s,i+=s;return r},Nt=!!Object.getOwnPropertySymbols&&!o(function(){return!String(Symbol())}),Ct=Nt&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,Ft=z("wks"),Bt=n.Symbol,Dt=Ct?Bt:Bt&&Bt.withoutSetter||G,qt=function(t){return w(Ft,t)||(Ft[t]=Nt&&w(Bt,t)?Bt[t]:Dt("Symbol."+t)),Ft[t]},zt=Object.keys||function(t){return yt(t,mt)},Wt=i?Object.defineProperties:function(t,e){j(t);for(var r,n=zt(e),o=n.length,i=0;o>i;)I.f(t,r=n[i++],e[r]);return t},Kt=it("document","documentElement"),Gt="prototype",$t="script",Vt=V("IE_PROTO"),Ht=function(){},Xt=function(t){return"<"+$t+">"+t+""},Yt=function(){try{tt=document.domain&&new ActiveXObject("htmlfile")}catch(t){}var t,e,r;Yt=tt?function(t){t.write(Xt("")),t.close();var e=t.parentWindow.Object;return t=null,e}(tt):(e=x("iframe"),r="java"+$t+":",e.style.display="none",Kt.appendChild(e),e.src=String(r),(t=e.contentWindow.document).open(),t.write(Xt("document.F=Object")),t.close(),t.F);for(var n=mt.length;n--;)delete Yt[Gt][mt[n]];return Yt()};H[Vt]=!0;var Jt=Object.create||function(t,e){var r;return null!==t?(Ht[Gt]=j(t),r=new Ht,Ht[Gt]=null,r[Vt]=t):r=Yt(),void 0===e?r:Wt(r,e)},Qt=qt("unscopables"),Zt=Array.prototype;null==Zt[Qt]&&I.f(Zt,Qt,{configurable:!0,value:Jt(null)});var te=function(t){Zt[Qt][t]=!0};Lt({target:"Array",proto:!0},{copyWithin:_t}),te("copyWithin");var ee=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t},re=function(t,e,r){if(ee(t),void 0===e)return t;switch(r){case 0:return function(){return t.call(e)};case 1:return function(r){return t.call(e,r)};case 2:return function(r,n){return t.call(e,r,n)};case 3:return function(r,n,o){return t.call(e,r,n,o)}}return function(){return t.apply(e,arguments)}},ne=Function.call,oe=function(t,e,r){return re(ne,n[t].prototype[e],r)};oe("Array","copyWithin"),Lt({target:"Array",proto:!0},{fill:function(t){for(var e=Ut(this),r=ft(e.length),n=arguments.length,o=pt(n>1?arguments[1]:void 0,r),i=n>2?arguments[2]:void 0,a=void 0===i?r:pt(i,r);a>o;)e[o++]=t;return e}}),te("fill"),oe("Array","fill");var ie=Array.isArray||function(t){return"Array"==h(t)},ae=qt("species"),ue=function(t,e){var r;return ie(t)&&("function"!=typeof(r=t.constructor)||r!==Array&&!ie(r.prototype)?y(r)&&null===(r=r[ae])&&(r=void 0):r=void 0),new(void 0===r?Array:r)(0===e?0:e)},se=[].push,ce=function(t){var e=1==t,r=2==t,n=3==t,o=4==t,i=6==t,a=5==t||i;return function(u,s,c,f){for(var l,h,p=Ut(u),v=d(p),g=re(s,c,3),y=ft(v.length),m=0,b=f||ue,w=e?b(u,y):r?b(u,0):void 0;y>m;m++)if((a||m in v)&&(h=g(l=v[m],m,p),t))if(e)w[m]=h;else if(h)switch(t){case 3:return!0;case 5:return l;case 6:return m;case 2:se.call(w,l)}else if(o)return!1;return i?-1:n||o?o:w}},fe={forEach:ce(0),map:ce(1),filter:ce(2),some:ce(3),every:ce(4),find:ce(5),findIndex:ce(6)},le=Object.defineProperty,he={},pe=function(t){throw t},de=function(t,e){if(w(he,t))return he[t];e||(e={});var r=[][t],n=!!w(e,"ACCESSORS")&&e.ACCESSORS,a=w(e,0)?e[0]:pe,u=w(e,1)?e[1]:void 0;return he[t]=!!r&&!o(function(){if(n&&!i)return!0;var t={length:-1};n?le(t,1,{enumerable:!0,get:pe}):t[1]=1,r.call(t,a,u)})},ve=fe.find,ge="find",ye=!0,me=de(ge);ge in[]&&Array(1)[ge](function(){ye=!1}),Lt({target:"Array",proto:!0,forced:ye||!me},{find:function(t){return ve(this,t,arguments.length>1?arguments[1]:void 0)}}),te(ge),oe("Array","find");var be=fe.findIndex,we="findIndex",Se=!0,Ee=de(we);we in[]&&Array(1)[we](function(){Se=!1}),Lt({target:"Array",proto:!0,forced:Se||!Ee},{findIndex:function(t){return be(this,t,arguments.length>1?arguments[1]:void 0)}}),te(we),oe("Array","findIndex");var xe=function(t,e,r,n,o,i,a,u){for(var s,c=o,f=0,l=!!a&&re(a,u,3);f0&&ie(s))c=xe(t,e,s,ft(s.length),c,i-1)-1;else{if(c>=9007199254740991)throw TypeError("Exceed the acceptable array length");t[c]=s}c++}f++}return c},Ae=xe;Lt({target:"Array",proto:!0},{flatMap:function(t){var e,r=Ut(this),n=ft(r.length);return ee(t),(e=ue(r,0)).length=Ae(e,r,r,n,0,1,t,arguments.length>1?arguments[1]:void 0),e}}),te("flatMap"),oe("Array","flatMap"),Lt({target:"Array",proto:!0},{flat:function(){var t=arguments.length?arguments[0]:void 0,e=Ut(this),r=ft(e.length),n=ue(e,0);return n.length=Ae(n,e,e,r,0,void 0===t?1:st(t)),n}}),te("flat"),oe("Array","flat");var Oe,Re,je,Pe=function(t){return function(e,r){var n,o,i=String(v(e)),a=st(r),u=i.length;return a<0||a>=u?t?"":void 0:(n=i.charCodeAt(a))<55296||n>56319||a+1===u||(o=i.charCodeAt(a+1))<56320||o>57343?t?i.charAt(a):n:t?i.slice(a,a+2):o-56320+(n-55296<<10)+65536}},Ie={codeAt:Pe(!1),charAt:Pe(!0)},Te=!o(function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}),ke=V("IE_PROTO"),Le=Object.prototype,Ue=Te?Object.getPrototypeOf:function(t){return t=Ut(t),w(t,ke)?t[ke]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?Le:null},Me=qt("iterator"),_e=!1;[].keys&&("next"in(je=[].keys())?(Re=Ue(Ue(je)))!==Object.prototype&&(Oe=Re):_e=!0),null==Oe&&(Oe={}),w(Oe,Me)||T(Oe,Me,function(){return this});var Ne={IteratorPrototype:Oe,BUGGY_SAFARI_ITERATORS:_e},Ce=I.f,Fe=qt("toStringTag"),Be=function(t,e,r){t&&!w(t=r?t:t.prototype,Fe)&&Ce(t,Fe,{configurable:!0,value:e})},De={},qe=Ne.IteratorPrototype,ze=function(){return this},We=function(t,e,r){var n=e+" Iterator";return t.prototype=Jt(qe,{next:f(1,r)}),Be(t,n,!1),De[n]=ze,t},Ke=function(t){if(!y(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t},Ge=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,r={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(r,[]),e=r instanceof Array}catch(t){}return function(r,n){return j(r),Ke(n),e?t.call(r,n):r.__proto__=n,r}}():void 0),$e=Ne.IteratorPrototype,Ve=Ne.BUGGY_SAFARI_ITERATORS,He=qt("iterator"),Xe="keys",Ye="values",Je="entries",Qe=function(){return this},Ze=function(t,e,r,n,o,i,a){We(r,e,n);var u,s,c,f=function(t){if(t===o&&v)return v;if(!Ve&&t in p)return p[t];switch(t){case Xe:case Ye:case Je:return function(){return new r(this,t)}}return function(){return new r(this)}},l=e+" Iterator",h=!1,p=t.prototype,d=p[He]||p["@@iterator"]||o&&p[o],v=!Ve&&d||f(o),g="Array"==e&&p.entries||d;if(g&&(u=Ue(g.call(new t)),$e!==Object.prototype&&u.next&&(Ue(u)!==$e&&(Ge?Ge(u,$e):"function"!=typeof u[He]&&T(u,He,Qe)),Be(u,l,!0))),o==Ye&&d&&d.name!==Ye&&(h=!0,v=function(){return d.call(this)}),p[He]!==v&&T(p,He,v),De[e]=v,o)if(s={values:f(Ye),keys:i?v:f(Xe),entries:f(Je)},a)for(c in s)(Ve||h||!(c in p))&&rt(p,c,s[c]);else Lt({target:e,proto:!0,forced:Ve||h},s);return s},tr=Ie.charAt,er="String Iterator",rr=et.set,nr=et.getterFor(er);Ze(String,"String",function(t){rr(this,{type:er,string:String(t),index:0})},function(){var t,e=nr(this),r=e.string,n=e.index;return n>=r.length?{value:void 0,done:!0}:(t=tr(r,n),e.index+=t.length,{value:t,done:!1})});var or=function(t,e,r,n){try{return n?e(j(r)[0],r[1]):e(r)}catch(e){var o=t.return;throw void 0!==o&&j(o.call(t)),e}},ir=qt("iterator"),ar=Array.prototype,ur=function(t){return void 0!==t&&(De.Array===t||ar[ir]===t)},sr=function(t,e,r){var n=m(e);n in t?I.f(t,n,f(0,r)):t[n]=r},cr={};cr[qt("toStringTag")]="z";var fr="[object z]"===String(cr),lr=qt("toStringTag"),hr="Arguments"==h(function(){return arguments}()),pr=fr?h:function(t){var e,r,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(r=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),lr))?r:hr?h(e):"Object"==(n=h(e))&&"function"==typeof e.callee?"Arguments":n},dr=qt("iterator"),vr=function(t){if(null!=t)return t[dr]||t["@@iterator"]||De[pr(t)]},gr=function(t){var e,r,n,o,i,a,u=Ut(t),s="function"==typeof this?this:Array,c=arguments.length,f=c>1?arguments[1]:void 0,l=void 0!==f,h=vr(u),p=0;if(l&&(f=re(f,c>2?arguments[2]:void 0,2)),null==h||s==Array&&ur(h))for(r=new s(e=ft(u.length));e>p;p++)a=l?f(u[p],p):u[p],sr(r,p,a);else for(i=(o=h.call(u)).next,r=new s;!(n=i.call(o)).done;p++)a=l?or(o,f,[n.value,p],!0):n.value,sr(r,p,a);return r.length=p,r},yr=qt("iterator"),mr=!1;try{var br=0,wr={next:function(){return{done:!!br++}},return:function(){mr=!0}};wr[yr]=function(){return this},Array.from(wr,function(){throw 2})}catch(t){}var Sr=function(t,e){if(!e&&!mr)return!1;var r=!1;try{var n={};n[yr]=function(){return{next:function(){return{done:r=!0}}}},t(n)}catch(t){}return r},Er=!Sr(function(t){Array.from(t)});Lt({target:"Array",stat:!0,forced:Er},{from:gr});var xr=vt.includes,Ar=de("indexOf",{ACCESSORS:!0,1:0});Lt({target:"Array",proto:!0,forced:!Ar},{includes:function(t){return xr(this,t,arguments.length>1?arguments[1]:void 0)}}),te("includes"),oe("Array","includes");var Or="Array Iterator",Rr=et.set,jr=et.getterFor(Or),Pr=Ze(Array,"Array",function(t,e){Rr(this,{type:Or,target:g(t),index:0,kind:e})},function(){var t=jr(this),e=t.target,r=t.kind,n=t.index++;return!e||n>=e.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==r?{value:n,done:!1}:"values"==r?{value:e[n],done:!1}:{value:[n,e[n]],done:!1}},"values");De.Arguments=De.Array,te("keys"),te("values"),te("entries"),oe("Array","values");var Ir=o(function(){function t(){}return!(Array.of.call(t)instanceof t)});Lt({target:"Array",stat:!0,forced:Ir},{of:function(){for(var t=0,e=arguments.length,r=new("function"==typeof this?this:Array)(e);e>t;)sr(r,t,arguments[t++]);return r.length=e,r}});var Tr=qt("hasInstance"),kr=Function.prototype;Tr in kr||I.f(kr,Tr,{value:function(t){if("function"!=typeof this||!y(t))return!1;if(!y(this.prototype))return t instanceof this;for(;t=Ue(t);)if(this.prototype===t)return!0;return!1}}),qt("hasInstance");var Lr=Function.prototype,Ur=Lr.toString,Mr=/^\s*function ([^ (]*)/,_r="name";i&&!(_r in Lr)&&(0,I.f)(Lr,_r,{configurable:!0,get:function(){try{return Ur.call(this).match(Mr)[1]}catch(t){return""}}});var Nr=!o(function(){return Object.isExtensible(Object.preventExtensions({}))}),Cr=e(function(t){var e=I.f,r=G("meta"),n=0,o=Object.isExtensible||function(){return!0},i=function(t){e(t,r,{value:{objectID:"O"+ ++n,weakData:{}}})},a=t.exports={REQUIRED:!1,fastKey:function(t,e){if(!y(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!w(t,r)){if(!o(t))return"F";if(!e)return"E";i(t)}return t[r].objectID},getWeakData:function(t,e){if(!w(t,r)){if(!o(t))return!0;if(!e)return!1;i(t)}return t[r].weakData},onFreeze:function(t){return Nr&&a.REQUIRED&&o(t)&&!w(t,r)&&i(t),t}};H[r]=!0}),Fr=e(function(t){var e=function(t,e){this.stopped=t,this.result=e},r=t.exports=function(t,r,n,o,i){var a,u,s,c,f,l,h,p=re(r,n,o?2:1);if(i)a=t;else{if("function"!=typeof(u=vr(t)))throw TypeError("Target is not iterable");if(ur(u)){for(s=0,c=ft(t.length);c>s;s++)if((f=o?p(j(h=t[s])[0],h[1]):p(t[s]))&&f instanceof e)return f;return new e(!1)}a=u.call(t)}for(l=a.next;!(h=l.call(a)).done;)if("object"==typeof(f=or(a,p,h.value,o))&&f&&f instanceof e)return f;return new e(!1)};r.stop=function(t){return new e(!0,t)}}),Br=function(t,e,r){if(!(t instanceof e))throw TypeError("Incorrect "+(r?r+" ":"")+"invocation");return t},Dr=function(t,e,r){var n,o;return Ge&&"function"==typeof(n=e.constructor)&&n!==r&&y(o=n.prototype)&&o!==r.prototype&&Ge(t,o),t},qr=function(t,e,r){var i=-1!==t.indexOf("Map"),a=-1!==t.indexOf("Weak"),u=i?"set":"add",s=n[t],c=s&&s.prototype,f=s,l={},h=function(t){var e=c[t];rt(c,t,"add"==t?function(t){return e.call(this,0===t?0:t),this}:"delete"==t?function(t){return!(a&&!y(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return a&&!y(t)?void 0:e.call(this,0===t?0:t)}:"has"==t?function(t){return!(a&&!y(t))&&e.call(this,0===t?0:t)}:function(t,r){return e.call(this,0===t?0:t,r),this})};if(Tt(t,"function"!=typeof s||!(a||c.forEach&&!o(function(){(new s).entries().next()}))))f=r.getConstructor(e,t,i,u),Cr.REQUIRED=!0;else if(Tt(t,!0)){var p=new f,d=p[u](a?{}:-0,1)!=p,v=o(function(){p.has(1)}),g=Sr(function(t){new s(t)}),m=!a&&o(function(){for(var t=new s,e=5;e--;)t[u](e,e);return!t.has(-0)});g||((f=e(function(e,r){Br(e,f,t);var n=Dr(new s,e,f);return null!=r&&Fr(r,n[u],n,i),n})).prototype=c,c.constructor=f),(v||m)&&(h("delete"),h("has"),i&&h("get")),(m||d)&&h(u),a&&c.clear&&delete c.clear}return l[t]=f,Lt({global:!0,forced:f!=s},l),Be(f,t),a||r.setStrong(f,t,i),f},zr=function(t,e,r){for(var n in e)rt(t,n,e[n],r);return t},Wr=qt("species"),Kr=function(t){var e=it(t);i&&e&&!e[Wr]&&(0,I.f)(e,Wr,{configurable:!0,get:function(){return this}})},Gr=I.f,$r=Cr.fastKey,Vr=et.set,Hr=et.getterFor,Xr={getConstructor:function(t,e,r,n){var o=t(function(t,a){Br(t,o,e),Vr(t,{type:e,index:Jt(null),first:void 0,last:void 0,size:0}),i||(t.size=0),null!=a&&Fr(a,t[n],t,r)}),a=Hr(e),u=function(t,e,r){var n,o,u=a(t),c=s(t,e);return c?c.value=r:(u.last=c={index:o=$r(e,!0),key:e,value:r,previous:n=u.last,next:void 0,removed:!1},u.first||(u.first=c),n&&(n.next=c),i?u.size++:t.size++,"F"!==o&&(u.index[o]=c)),t},s=function(t,e){var r,n=a(t),o=$r(e);if("F"!==o)return n.index[o];for(r=n.first;r;r=r.next)if(r.key==e)return r};return zr(o.prototype,{clear:function(){for(var t=a(this),e=t.index,r=t.first;r;)r.removed=!0,r.previous&&(r.previous=r.previous.next=void 0),delete e[r.index],r=r.next;t.first=t.last=void 0,i?t.size=0:this.size=0},delete:function(t){var e=this,r=a(e),n=s(e,t);if(n){var o=n.next,u=n.previous;delete r.index[n.index],n.removed=!0,u&&(u.next=o),o&&(o.previous=u),r.first==n&&(r.first=o),r.last==n&&(r.last=u),i?r.size--:e.size--}return!!n},forEach:function(t){for(var e,r=a(this),n=re(t,arguments.length>1?arguments[1]:void 0,3);e=e?e.next:r.first;)for(n(e.value,e.key,this);e&&e.removed;)e=e.previous},has:function(t){return!!s(this,t)}}),zr(o.prototype,r?{get:function(t){var e=s(this,t);return e&&e.value},set:function(t,e){return u(this,0===t?0:t,e)}}:{add:function(t){return u(this,t=0===t?0:t,t)}}),i&&Gr(o.prototype,"size",{get:function(){return a(this).size}}),o},setStrong:function(t,e,r){var n=e+" Iterator",o=Hr(e),i=Hr(n);Ze(t,e,function(t,e){Vr(this,{type:n,target:t,state:o(t),kind:e,last:void 0})},function(){for(var t=i(this),e=t.kind,r=t.last;r&&r.removed;)r=r.previous;return t.target&&(t.last=r=r?r.next:t.state.first)?"keys"==e?{value:r.key,done:!1}:"values"==e?{value:r.value,done:!1}:{value:[r.key,r.value],done:!1}:(t.target=void 0,{value:void 0,done:!0})},r?"entries":"values",!r,!0),Kr(e)}},Yr=qr("Map",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},Xr);fr||rt(Object.prototype,"toString",fr?{}.toString:function(){return"[object "+pr(this)+"]"},{unsafe:!0});var Jr={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0},Qr=qt("iterator"),Zr=qt("toStringTag"),tn=Pr.values;for(var en in Jr){var rn=n[en],nn=rn&&rn.prototype;if(nn){if(nn[Qr]!==tn)try{T(nn,Qr,tn)}catch(t){nn[Qr]=tn}if(nn[Zr]||T(nn,Zr,en),Jr[en])for(var on in Pr)if(nn[on]!==Pr[on])try{T(nn,on,Pr[on])}catch(t){nn[on]=Pr[on]}}}var an=function(t){var e,r,n,o,i=arguments.length,a=i>1?arguments[1]:void 0;return ee(this),(e=void 0!==a)&&ee(a),null==t?new this:(r=[],e?(n=0,o=re(a,i>2?arguments[2]:void 0,2),Fr(t,function(t){r.push(o(t,n++))})):Fr(t,r.push,r),new this(r))};Lt({target:"Map",stat:!0},{from:an});var un=function(){for(var t=arguments.length,e=new Array(t);t--;)e[t]=arguments[t];return new this(e)};Lt({target:"Map",stat:!0},{of:un});var sn=function(){for(var t,e=j(this),r=ee(e.delete),n=!0,o=0,i=arguments.length;o1?arguments[1]:void 0,3);return!Fr(r,function(t,r){if(!n(r,t,e))return Fr.stop()},void 0,!0,!0).stopped}});var ln=qt("species"),hn=function(t,e){var r,n=j(t).constructor;return void 0===n||null==(r=j(n)[ln])?e:ee(r)};Lt({target:"Map",proto:!0,real:!0,forced:q},{filter:function(t){var e=j(this),r=fn(e),n=re(t,arguments.length>1?arguments[1]:void 0,3),o=new(hn(e,it("Map"))),i=ee(o.set);return Fr(r,function(t,r){n(r,t,e)&&i.call(o,t,r)},void 0,!0,!0),o}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{find:function(t){var e=j(this),r=fn(e),n=re(t,arguments.length>1?arguments[1]:void 0,3);return Fr(r,function(t,r){if(n(r,t,e))return Fr.stop(r)},void 0,!0,!0).result}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{findKey:function(t){var e=j(this),r=fn(e),n=re(t,arguments.length>1?arguments[1]:void 0,3);return Fr(r,function(t,r){if(n(r,t,e))return Fr.stop(t)},void 0,!0,!0).result}}),Lt({target:"Map",stat:!0},{groupBy:function(t,e){var r=new this;ee(e);var n=ee(r.has),o=ee(r.get),i=ee(r.set);return Fr(t,function(t){var a=e(t);n.call(r,a)?o.call(r,a).push(t):i.call(r,a,[t])}),r}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{includes:function(t){return Fr(fn(j(this)),function(e,r){if((n=r)===(o=t)||n!=n&&o!=o)return Fr.stop();var n,o},void 0,!0,!0).stopped}}),Lt({target:"Map",stat:!0},{keyBy:function(t,e){var r=new this;ee(e);var n=ee(r.set);return Fr(t,function(t){n.call(r,e(t),t)}),r}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{keyOf:function(t){return Fr(fn(j(this)),function(e,r){if(r===t)return Fr.stop(e)},void 0,!0,!0).result}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{mapKeys:function(t){var e=j(this),r=fn(e),n=re(t,arguments.length>1?arguments[1]:void 0,3),o=new(hn(e,it("Map"))),i=ee(o.set);return Fr(r,function(t,r){i.call(o,n(r,t,e),r)},void 0,!0,!0),o}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{mapValues:function(t){var e=j(this),r=fn(e),n=re(t,arguments.length>1?arguments[1]:void 0,3),o=new(hn(e,it("Map"))),i=ee(o.set);return Fr(r,function(t,r){i.call(o,t,n(r,t,e))},void 0,!0,!0),o}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{merge:function(t){for(var e=j(this),r=ee(e.set),n=0;n1?arguments[1]:void 0,3);return Fr(r,function(t,r){if(n(r,t,e))return Fr.stop()},void 0,!0,!0).stopped}}),Lt({target:"Map",proto:!0,real:!0,forced:q},{update:function(t,e){var r=j(this),n=arguments.length;ee(e);var o=r.has(t);if(!o&&n<3)throw TypeError("Updating absent value");var i=o?r.get(t):ee(n>2?arguments[2]:void 0)(t,r);return r.set(t,e(i,t,r)),r}});var pn=function(t,e){var r,n=j(this),o=arguments.length>2?arguments[2]:void 0;if("function"!=typeof e&&"function"!=typeof o)throw TypeError("At least one callback required");return n.has(t)?(r=n.get(t),"function"==typeof e&&(r=e(r),n.set(t,r))):"function"==typeof o&&(r=o(),n.set(t,r)),r};Lt({target:"Map",proto:!0,real:!0,forced:q},{upsert:pn}),Lt({target:"Map",proto:!0,real:!0,forced:q},{updateOrInsert:pn});var dn="\t\n\v\f\r \u2028\u2029\ufeff",vn="["+dn+"]",gn=RegExp("^"+vn+vn+"*"),yn=RegExp(vn+vn+"*$"),mn=function(t){return function(e){var r=String(v(e));return 1&t&&(r=r.replace(gn,"")),2&t&&(r=r.replace(yn,"")),r}},bn={start:mn(1),end:mn(2),trim:mn(3)},wn=wt.f,Sn=R.f,En=I.f,xn=bn.trim,An="Number",On=n[An],Rn=On.prototype,jn=h(Jt(Rn))==An,Pn=function(t){var e,r,n,o,i,a,u,s,c=m(t,!1);if("string"==typeof c&&c.length>2)if(43===(e=(c=xn(c)).charCodeAt(0))||45===e){if(88===(r=c.charCodeAt(2))||120===r)return NaN}else if(48===e){switch(c.charCodeAt(1)){case 66:case 98:n=2,o=49;break;case 79:case 111:n=8,o=55;break;default:return+c}for(a=(i=c.slice(2)).length,u=0;uo)return NaN;return parseInt(i,n)}return+c};if(Tt(An,!On(" 0o1")||!On("0b1")||On("+0x1"))){for(var In,Tn=function(t){var e=arguments.length<1?0:t,r=this;return r instanceof Tn&&(jn?o(function(){Rn.valueOf.call(r)}):h(r)!=An)?Dr(new On(Pn(e)),r,Tn):Pn(e)},kn=i?wn(On):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),Ln=0;kn.length>Ln;Ln++)w(On,In=kn[Ln])&&!w(Tn,In)&&En(Tn,In,Sn(On,In));Tn.prototype=Rn,Rn.constructor=Tn,rt(n,An,Tn)}Lt({target:"Number",stat:!0},{EPSILON:Math.pow(2,-52)});var Un=n.isFinite;Lt({target:"Number",stat:!0},{isFinite:Number.isFinite||function(t){return"number"==typeof t&&Un(t)}});var Mn=Math.floor,_n=function(t){return!y(t)&&isFinite(t)&&Mn(t)===t};Lt({target:"Number",stat:!0},{isInteger:_n}),Lt({target:"Number",stat:!0},{isNaN:function(t){return t!=t}});var Nn=Math.abs;Lt({target:"Number",stat:!0},{isSafeInteger:function(t){return _n(t)&&Nn(t)<=9007199254740991}}),Lt({target:"Number",stat:!0},{MAX_SAFE_INTEGER:9007199254740991}),Lt({target:"Number",stat:!0},{MIN_SAFE_INTEGER:-9007199254740991});var Cn=bn.trim,Fn=n.parseFloat,Bn=1/Fn(dn+"-0")!=-Infinity?function(t){var e=Cn(String(t)),r=Fn(e);return 0===r&&"-"==e.charAt(0)?-0:r}:Fn;Lt({target:"Number",stat:!0,forced:Number.parseFloat!=Bn},{parseFloat:Bn});var Dn=bn.trim,qn=n.parseInt,zn=/^[+-]?0[Xx]/,Wn=8!==qn(dn+"08")||22!==qn(dn+"0x16")?function(t,e){var r=Dn(String(t));return qn(r,e>>>0||(zn.test(r)?16:10))}:qn;Lt({target:"Number",stat:!0,forced:Number.parseInt!=Wn},{parseInt:Wn});var Kn=c.f,Gn=function(t){return function(e){for(var r,n=g(e),o=zt(n),a=o.length,u=0,s=[];a>u;)r=o[u++],i&&!Kn.call(n,r)||s.push(t?[r,n[r]]:n[r]);return s}},$n={entries:Gn(!0),values:Gn(!1)},Vn=$n.entries;Lt({target:"Object",stat:!0},{entries:function(t){return Vn(t)}}),Lt({target:"Object",stat:!0,sham:!i},{getOwnPropertyDescriptors:function(t){for(var e,r,n=g(t),o=R.f,i=Et(n),a={},u=0;i.length>u;)void 0!==(r=o(n,e=i[u++]))&&sr(a,e,r);return a}});var Hn=o(function(){zt(1)});Lt({target:"Object",stat:!0,forced:Hn},{keys:function(t){return zt(Ut(t))}});var Xn=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e};Lt({target:"Object",stat:!0},{is:Xn});var Yn=$n.values;Lt({target:"Object",stat:!0},{values:function(t){return Yn(t)}});var Jn=it("Reflect","apply"),Qn=Function.apply,Zn=!o(function(){Jn(function(){})});Lt({target:"Reflect",stat:!0,forced:Zn},{apply:function(t,e,r){return ee(t),j(r),Jn?Jn(t,e,r):Qn.call(t,e,r)}});var to=[].slice,eo={},ro=Function.bind||function(t){var e=ee(this),r=to.call(arguments,1),n=function(){var o=r.concat(to.call(arguments));return this instanceof n?function(t,e,r){if(!(e in eo)){for(var n=[],o=0;o-1)&&(e=e.replace(/y/g,""));var a=Dr(hi?new si(t,e):si(t,e),n?this:ci,di);return pi&&r&&ai(a,{sticky:r}),a},vi=function(t){t in di||oi(di,t,{configurable:!0,get:function(){return si[t]},set:function(e){si[t]=e}})},gi=ii(si),yi=0;gi.length>yi;)vi(gi[yi++]);ci.constructor=di,di.prototype=ci,rt(n,"RegExp",di)}Kr("RegExp");var mi="toString",bi=RegExp.prototype,wi=bi[mi];(o(function(){return"/a/b"!=wi.call({source:"a",flags:"b"})})||wi.name!=mi)&&rt(RegExp.prototype,mi,function(){var t=j(this),e=String(t.source),r=t.flags;return"/"+e+"/"+String(void 0===r&&t instanceof RegExp&&!("flags"in bi)?Zo.call(t):r)},{unsafe:!0});var Si=RegExp.prototype.exec,Ei=String.prototype.replace,xi=Si,Ai=function(){var t=/a/,e=/b*/g;return Si.call(t,"a"),Si.call(e,"a"),0!==t.lastIndex||0!==e.lastIndex}(),Oi=ni.UNSUPPORTED_Y||ni.BROKEN_CARET,Ri=void 0!==/()??/.exec("")[1];(Ai||Ri||Oi)&&(xi=function(t){var e,r,n,o,i=this,a=Oi&&i.sticky,u=Zo.call(i),s=i.source,c=0,f=t;return a&&(-1===(u=u.replace("y","")).indexOf("g")&&(u+="g"),f=String(t).slice(i.lastIndex),i.lastIndex>0&&(!i.multiline||i.multiline&&"\n"!==t[i.lastIndex-1])&&(s="(?: "+s+")",f=" "+f,c++),r=new RegExp("^(?:"+s+")",u)),Ri&&(r=new RegExp("^"+s+"$(?!\\s)",u)),Ai&&(e=i.lastIndex),n=Si.call(a?r:i,f),a?n?(n.input=n.input.slice(c),n[0]=n[0].slice(c),n.index=i.lastIndex,i.lastIndex+=n[0].length):i.lastIndex=0:Ai&&n&&(i.lastIndex=i.global?n.index+n[0].length:e),Ri&&n&&n.length>1&&Ei.call(n[0],r,function(){for(o=1;o")}),Ni="$0"==="a".replace(/./,"$0"),Ci=qt("replace"),Fi=!!/./[Ci]&&""===/./[Ci]("a","$0"),Bi=!o(function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var r="ab".split(t);return 2!==r.length||"a"!==r[0]||"b"!==r[1]}),Di=function(t,e,r,n){var i=qt(t),a=!o(function(){var e={};return e[i]=function(){return 7},7!=""[t](e)}),u=a&&!o(function(){var e=!1,r=/a/;return"split"===t&&((r={}).constructor={},r.constructor[Mi]=function(){return r},r.flags="",r[i]=/./[i]),r.exec=function(){return e=!0,null},r[i](""),!e});if(!a||!u||"replace"===t&&(!_i||!Ni||Fi)||"split"===t&&!Bi){var s=/./[i],c=r(i,""[t],function(t,e,r,n,o){return e.exec===ji?a&&!o?{done:!0,value:s.call(e,r,n)}:{done:!0,value:t.call(r,e,n)}:{done:!1}},{REPLACE_KEEPS_$0:Ni,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:Fi}),f=c[1];rt(String.prototype,t,c[0]),rt(RegExp.prototype,i,2==e?function(t,e){return f.call(t,this,e)}:function(t){return f.call(t,this)})}n&&T(RegExp.prototype[i],"sham",!0)},qi=Ie.charAt,zi=function(t,e,r){return e+(r?qi(t,e).length:1)},Wi=function(t,e){var r=t.exec;if("function"==typeof r){var n=r.call(t,e);if("object"!=typeof n)throw TypeError("RegExp exec method returned something other than an Object or null");return n}if("RegExp"!==h(t))throw TypeError("RegExp#exec called on incompatible receiver");return ji.call(t,e)};Di("match",1,function(t,e,r){return[function(e){var r=v(this),n=null==e?void 0:e[t];return void 0!==n?n.call(e,r):new RegExp(e)[t](String(r))},function(t){var n=r(e,t,this);if(n.done)return n.value;var o=j(t),i=String(this);if(!o.global)return Wi(o,i);var a=o.unicode;o.lastIndex=0;for(var u,s=[],c=0;null!==(u=Wi(o,i));){var f=String(u[0]);s[c]=f,""===f&&(o.lastIndex=zi(i,ft(o.lastIndex),a)),c++}return 0===c?null:s}]});var Ki=Math.max,Gi=Math.min,$i=Math.floor,Vi=/\$([$&'`]|\d\d?|<[^>]*>)/g,Hi=/\$([$&'`]|\d\d?)/g;Di("replace",2,function(t,e,r,n){var o=n.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,i=n.REPLACE_KEEPS_$0,a=o?"$":"$0";return[function(r,n){var o=v(this),i=null==r?void 0:r[t];return void 0!==i?i.call(r,o,n):e.call(String(o),r,n)},function(t,n){if(!o&&i||"string"==typeof n&&-1===n.indexOf(a)){var s=r(e,t,this,n);if(s.done)return s.value}var c=j(t),f=String(this),l="function"==typeof n;l||(n=String(n));var h=c.global;if(h){var p=c.unicode;c.lastIndex=0}for(var d=[];;){var v=Wi(c,f);if(null===v)break;if(d.push(v),!h)break;""===String(v[0])&&(c.lastIndex=zi(f,ft(c.lastIndex),p))}for(var g,y="",m=0,b=0;b=m&&(y+=f.slice(m,S)+R,m=S+w.length)}return y+f.slice(m)}];function u(t,r,n,o,i,a){var u=n+t.length,s=o.length,c=Hi;return void 0!==i&&(i=Ut(i),c=Vi),e.call(a,c,function(e,a){var c;switch(a.charAt(0)){case"$":return"$";case"&":return t;case"`":return r.slice(0,n);case"'":return r.slice(u);case"<":c=i[a.slice(1,-1)];break;default:var f=+a;if(0===f)return e;if(f>s){var l=$i(f/10);return 0===l?e:l<=s?void 0===o[l-1]?a.charAt(1):o[l-1]+a.charAt(1):e}c=o[f-1]}return void 0===c?"":c})}}),Di("search",1,function(t,e,r){return[function(e){var r=v(this),n=null==e?void 0:e[t];return void 0!==n?n.call(e,r):new RegExp(e)[t](String(r))},function(t){var n=r(e,t,this);if(n.done)return n.value;var o=j(t),i=String(this),a=o.lastIndex;Xn(a,0)||(o.lastIndex=0);var u=Wi(o,i);return Xn(o.lastIndex,a)||(o.lastIndex=a),null===u?-1:u.index}]});var Xi=[].push,Yi=Math.min,Ji=4294967295,Qi=!o(function(){return!RegExp(Ji,"y")});Di("split",2,function(t,e,r){var n;return n="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,r){var n=String(v(this)),o=void 0===r?Ji:r>>>0;if(0===o)return[];if(void 0===t)return[n];if(!Qo(t))return e.call(n,t,o);for(var i,a,u,s=[],c=0,f=new RegExp(t.source,(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":"")+"g");(i=ji.call(f,n))&&!((a=f.lastIndex)>c&&(s.push(n.slice(c,i.index)),i.length>1&&i.index=o));)f.lastIndex===i.index&&f.lastIndex++;return c===n.length?!u&&f.test("")||s.push(""):s.push(n.slice(c)),s.length>o?s.slice(0,o):s}:"0".split(void 0,0).length?function(t,r){return void 0===t&&0===r?[]:e.call(this,t,r)}:e,[function(e,r){var o=v(this),i=null==e?void 0:e[t];return void 0!==i?i.call(e,o,r):n.call(String(o),e,r)},function(t,o){var i=r(n,t,this,o,n!==e);if(i.done)return i.value;var a=j(t),u=String(this),s=hn(a,RegExp),c=a.unicode,f=new s(Qi?a:"^(?:"+a.source+")",(a.ignoreCase?"i":"")+(a.multiline?"m":"")+(a.unicode?"u":"")+(Qi?"y":"g")),l=void 0===o?Ji:o>>>0;if(0===l)return[];if(0===u.length)return null===Wi(f,u)?[u]:[];for(var h=0,p=0,d=[];p1?arguments[1]:void 0,3);return!Fr(r,function(t){if(!n(t,t,e))return Fr.stop()},void 0,!1,!0).stopped}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{difference:function(t){var e=j(this),r=new(hn(e,it("Set")))(e),n=ee(r.delete);return Fr(t,function(t){n.call(r,t)}),r}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{filter:function(t){var e=j(this),r=ta(e),n=re(t,arguments.length>1?arguments[1]:void 0,3),o=new(hn(e,it("Set"))),i=ee(o.add);return Fr(r,function(t){n(t,t,e)&&i.call(o,t)},void 0,!1,!0),o}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{find:function(t){var e=j(this),r=ta(e),n=re(t,arguments.length>1?arguments[1]:void 0,3);return Fr(r,function(t){if(n(t,t,e))return Fr.stop(t)},void 0,!1,!0).result}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{intersection:function(t){var e=j(this),r=new(hn(e,it("Set"))),n=ee(e.has),o=ee(r.add);return Fr(t,function(t){n.call(e,t)&&o.call(r,t)}),r}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{isDisjointFrom:function(t){var e=j(this),r=ee(e.has);return!Fr(t,function(t){if(!0===r.call(e,t))return Fr.stop()}).stopped}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{isSubsetOf:function(t){var e=cn(this),r=j(t),n=r.has;return"function"!=typeof n&&(r=new(it("Set"))(t),n=ee(r.has)),!Fr(e,function(t){if(!1===n.call(r,t))return Fr.stop()},void 0,!1,!0).stopped}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{isSupersetOf:function(t){var e=j(this),r=ee(e.has);return!Fr(t,function(t){if(!1===r.call(e,t))return Fr.stop()}).stopped}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{join:function(t){var e=j(this),r=ta(e),n=void 0===t?",":String(t),o=[];return Fr(r,o.push,o,!1,!0),o.join(n)}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{map:function(t){var e=j(this),r=ta(e),n=re(t,arguments.length>1?arguments[1]:void 0,3),o=new(hn(e,it("Set"))),i=ee(o.add);return Fr(r,function(t){i.call(o,n(t,t,e))},void 0,!1,!0),o}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{reduce:function(t){var e=j(this),r=ta(e),n=arguments.length<2,o=n?void 0:arguments[1];if(ee(t),Fr(r,function(r){n?(n=!1,o=r):o=t(o,r,r,e)},void 0,!1,!0),n)throw TypeError("Reduce of empty set with no initial value");return o}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{some:function(t){var e=j(this),r=ta(e),n=re(t,arguments.length>1?arguments[1]:void 0,3);return Fr(r,function(t){if(n(t,t,e))return Fr.stop()},void 0,!1,!0).stopped}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{symmetricDifference:function(t){var e=j(this),r=new(hn(e,it("Set")))(e),n=ee(r.delete),o=ee(r.add);return Fr(t,function(t){n.call(r,t)||o.call(r,t)}),r}}),Lt({target:"Set",proto:!0,real:!0,forced:q},{union:function(t){var e=j(this),r=new(hn(e,it("Set")))(e);return Fr(t,ee(r.add),r),r}});var ea,ra,na=it("navigator","userAgent")||"",oa=n.process,ia=oa&&oa.versions,aa=ia&&ia.v8;aa?ra=(ea=aa.split("."))[0]+ea[1]:na&&(!(ea=na.match(/Edge\/(\d+)/))||ea[1]>=74)&&(ea=na.match(/Chrome\/(\d+)/))&&(ra=ea[1]);var ua=ra&&+ra,sa=qt("species"),ca=qt("isConcatSpreadable"),fa=9007199254740991,la="Maximum allowed index exceeded",ha=ua>=51||!o(function(){var t=[];return t[ca]=!1,t.concat()[0]!==t}),pa=ua>=51||!o(function(){var t=[];return(t.constructor={})[sa]=function(){return{foo:1}},1!==t.concat(Boolean).foo}),da=function(t){if(!y(t))return!1;var e=t[ca];return void 0!==e?!!e:ie(t)};Lt({target:"Array",proto:!0,forced:!ha||!pa},{concat:function(t){var e,r,n,o,i,a=Ut(this),u=ue(a,0),s=0;for(e=-1,n=arguments.length;efa)throw TypeError(la);for(r=0;r=fa)throw TypeError(la);sr(u,s++,i)}return u.length=s,u}});var va=wt.f,ga={}.toString,ya="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],ma={f:function(t){return ya&&"[object Window]"==ga.call(t)?function(t){try{return va(t)}catch(t){return ya.slice()}}(t):va(g(t))}},ba={f:qt},wa=I.f,Sa=function(t){var e=nt.Symbol||(nt.Symbol={});w(e,t)||wa(e,t,{value:ba.f(t)})},Ea=fe.forEach,xa=V("hidden"),Aa="Symbol",Oa="prototype",Ra=qt("toPrimitive"),ja=et.set,Pa=et.getterFor(Aa),Ia=Object[Oa],Ta=n.Symbol,ka=it("JSON","stringify"),La=R.f,Ua=I.f,Ma=ma.f,_a=c.f,Na=z("symbols"),Ca=z("op-symbols"),Fa=z("string-to-symbol-registry"),Ba=z("symbol-to-string-registry"),Da=z("wks"),qa=n.QObject,za=!qa||!qa[Oa]||!qa[Oa].findChild,Wa=i&&o(function(){return 7!=Jt(Ua({},"a",{get:function(){return Ua(this,"a",{value:7}).a}})).a})?function(t,e,r){var n=La(Ia,e);n&&delete Ia[e],Ua(t,e,r),n&&t!==Ia&&Ua(Ia,e,n)}:Ua,Ka=function(t,e){var r=Na[t]=Jt(Ta[Oa]);return ja(r,{type:Aa,tag:t,description:e}),i||(r.description=e),r},Ga=Ct?function(t){return"symbol"==typeof t}:function(t){return Object(t)instanceof Ta},$a=function(t,e,r){t===Ia&&$a(Ca,e,r),j(t);var n=m(e,!0);return j(r),w(Na,n)?(r.enumerable?(w(t,xa)&&t[xa][n]&&(t[xa][n]=!1),r=Jt(r,{enumerable:f(0,!1)})):(w(t,xa)||Ua(t,xa,f(1,{})),t[xa][n]=!0),Wa(t,n,r)):Ua(t,n,r)},Va=function(t,e){j(t);var r=g(e),n=zt(r).concat(Ja(r));return Ea(n,function(e){i&&!Ha.call(r,e)||$a(t,e,r[e])}),t},Ha=function(t){var e=m(t,!0),r=_a.call(this,e);return!(this===Ia&&w(Na,e)&&!w(Ca,e))&&(!(r||!w(this,e)||!w(Na,e)||w(this,xa)&&this[xa][e])||r)},Xa=function(t,e){var r=g(t),n=m(e,!0);if(r!==Ia||!w(Na,n)||w(Ca,n)){var o=La(r,n);return!o||!w(Na,n)||w(r,xa)&&r[xa][n]||(o.enumerable=!0),o}},Ya=function(t){var e=Ma(g(t)),r=[];return Ea(e,function(t){w(Na,t)||w(H,t)||r.push(t)}),r},Ja=function(t){var e=t===Ia,r=Ma(e?Ca:g(t)),n=[];return Ea(r,function(t){!w(Na,t)||e&&!w(Ia,t)||n.push(Na[t])}),n};if(Nt||(Ta=function(){if(this instanceof Ta)throw TypeError("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,e=G(t),r=function(t){this===Ia&&r.call(Ca,t),w(this,xa)&&w(this[xa],e)&&(this[xa][e]=!1),Wa(this,e,f(1,t))};return i&&za&&Wa(Ia,e,{configurable:!0,set:r}),Ka(e,t)},rt(Ta[Oa],"toString",function(){return Pa(this).tag}),rt(Ta,"withoutSetter",function(t){return Ka(G(t),t)}),c.f=Ha,I.f=$a,R.f=Xa,wt.f=ma.f=Ya,St.f=Ja,ba.f=function(t){return Ka(qt(t),t)},i&&(Ua(Ta[Oa],"description",{configurable:!0,get:function(){return Pa(this).description}}),rt(Ia,"propertyIsEnumerable",Ha,{unsafe:!0}))),Lt({global:!0,wrap:!0,forced:!Nt,sham:!Nt},{Symbol:Ta}),Ea(zt(Da),function(t){Sa(t)}),Lt({target:Aa,stat:!0,forced:!Nt},{for:function(t){var e=String(t);if(w(Fa,e))return Fa[e];var r=Ta(e);return Fa[e]=r,Ba[r]=e,r},keyFor:function(t){if(!Ga(t))throw TypeError(t+" is not a symbol");if(w(Ba,t))return Ba[t]},useSetter:function(){za=!0},useSimple:function(){za=!1}}),Lt({target:"Object",stat:!0,forced:!Nt,sham:!i},{create:function(t,e){return void 0===e?Jt(t):Va(Jt(t),e)},defineProperty:$a,defineProperties:Va,getOwnPropertyDescriptor:Xa}),Lt({target:"Object",stat:!0,forced:!Nt},{getOwnPropertyNames:Ya,getOwnPropertySymbols:Ja}),Lt({target:"Object",stat:!0,forced:o(function(){St.f(1)})},{getOwnPropertySymbols:function(t){return St.f(Ut(t))}}),ka){var Qa=!Nt||o(function(){var t=Ta();return"[null]"!=ka([t])||"{}"!=ka({a:t})||"{}"!=ka(Object(t))});Lt({target:"JSON",stat:!0,forced:Qa},{stringify:function(t,e,r){for(var n,o=[t],i=1;arguments.length>i;)o.push(arguments[i++]);if(n=e,(y(e)||void 0!==t)&&!Ga(t))return ie(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!Ga(e))return e}),o[1]=e,ka.apply(null,o)}})}Ta[Oa][Ra]||T(Ta[Oa],Ra,Ta[Oa].valueOf),Be(Ta,Aa),H[xa]=!0,Sa("asyncIterator");var Za=I.f,tu=n.Symbol;if(i&&"function"==typeof tu&&(!("description"in tu.prototype)||void 0!==tu().description)){var eu={},ru=function(){var t=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),e=this instanceof ru?new tu(t):void 0===t?tu():tu(t);return""===t&&(eu[e]=!0),e};xt(ru,tu);var nu=ru.prototype=tu.prototype;nu.constructor=ru;var ou=nu.toString,iu="Symbol(test)"==String(tu("test")),au=/^Symbol\((.*)\)[^)]+$/;Za(nu,"description",{configurable:!0,get:function(){var t=y(this)?this.valueOf():this,e=ou.call(t);if(w(eu,t))return"";var r=iu?e.slice(7,-1):e.replace(au,"$1");return""===r?void 0:r}}),Lt({global:!0,forced:!0},{Symbol:ru})}Sa("hasInstance"),Sa("isConcatSpreadable"),Sa("iterator"),Sa("match"),Sa("matchAll"),Sa("replace"),Sa("search"),Sa("species"),Sa("split"),Sa("toPrimitive"),Sa("toStringTag"),Sa("unscopables"),Be(Math,"Math",!0),Be(n.JSON,"JSON",!0),Sa("asyncDispose"),Sa("dispose"),Sa("observable"),Sa("patternMatch"),Sa("replaceAll"),ba.f("asyncIterator");var uu=Ie.codeAt;Lt({target:"String",proto:!0},{codePointAt:function(t){return uu(this,t)}}),oe("String","codePointAt");var su,cu=function(t){if(Qo(t))throw TypeError("The method doesn't accept regular expressions");return t},fu=qt("match"),lu=function(t){var e=/./;try{"/./"[t](e)}catch(r){try{return e[fu]=!1,"/./"[t](e)}catch(t){}}return!1},hu=R.f,pu="".endsWith,du=Math.min,vu=lu("endsWith"),gu=!(vu||(su=hu(String.prototype,"endsWith"),!su||su.writable));Lt({target:"String",proto:!0,forced:!gu&&!vu},{endsWith:function(t){var e=String(v(this));cu(t);var r=arguments.length>1?arguments[1]:void 0,n=ft(e.length),o=void 0===r?n:du(ft(r),n),i=String(t);return pu?pu.call(e,i,o):e.slice(o-i.length,o)===i}}),oe("String","endsWith");var yu=String.fromCharCode,mu=String.fromCodePoint;Lt({target:"String",stat:!0,forced:!!mu&&1!=mu.length},{fromCodePoint:function(t){for(var e,r=[],n=arguments.length,o=0;n>o;){if(e=+arguments[o++],pt(e,1114111)!==e)throw RangeError(e+" is not a valid code point");r.push(e<65536?yu(e):yu(55296+((e-=65536)>>10),e%1024+56320))}return r.join("")}}),Lt({target:"String",proto:!0,forced:!lu("includes")},{includes:function(t){return!!~String(v(this)).indexOf(cu(t),arguments.length>1?arguments[1]:void 0)}}),oe("String","includes");var bu="".repeat||function(t){var e=String(v(this)),r="",n=st(t);if(n<0||Infinity==n)throw RangeError("Wrong number of repetitions");for(;n>0;(n>>>=1)&&(e+=e))1&n&&(r+=e);return r},wu=Math.ceil,Su=function(t){return function(e,r,n){var o,i,a=String(v(e)),u=a.length,s=void 0===n?" ":String(n),c=ft(r);return c<=u||""==s?a:((i=bu.call(s,wu((o=c-u)/s.length))).length>o&&(i=i.slice(0,o)),t?a+i:i+a)}},Eu={start:Su(!1),end:Su(!0)},xu=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(na),Au=Eu.start;Lt({target:"String",proto:!0,forced:xu},{padStart:function(t){return Au(this,t,arguments.length>1?arguments[1]:void 0)}}),oe("String","padStart");var Ou=Eu.end;Lt({target:"String",proto:!0,forced:xu},{padEnd:function(t){return Ou(this,t,arguments.length>1?arguments[1]:void 0)}}),oe("String","padEnd"),Lt({target:"String",stat:!0},{raw:function(t){for(var e=g(t.raw),r=ft(e.length),n=arguments.length,o=[],i=0;r>i;)o.push(String(e[i++])),i1?arguments[1]:void 0,e.length)),n=String(t);return ju?ju.call(e,n,r):e.slice(r,r+n.length)===n}}),oe("String","startsWith");var ku=function(t){return o(function(){return!!dn[t]()||"
"!="
"[t]()||dn[t].name!==t})},Lu=bn.start,Uu=ku("trimStart"),Mu=Uu?function(){return Lu(this)}:"".trimStart;Lt({target:"String",proto:!0,forced:Uu},{trimStart:Mu,trimLeft:Mu}),oe("String","trimLeft");var _u=bn.end,Nu=ku("trimEnd"),Cu=Nu?function(){return _u(this)}:"".trimEnd;Lt({target:"String",proto:!0,forced:Nu},{trimEnd:Cu,trimRight:Cu}),oe("String","trimRight");var Fu=qt("iterator"),Bu=!o(function(){var t=new URL("b?a=1&b=2&c=3","http://a"),e=t.searchParams,r="";return t.pathname="c%20d",e.forEach(function(t,n){e.delete("b"),r+=n+t}),!e.sort||"http://a/c%20d?a=1&c=3"!==t.href||"3"!==e.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!e[Fu]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==r||"x"!==new URL("http://x",void 0).host}),Du=Object.assign,qu=Object.defineProperty,zu=!Du||o(function(){if(i&&1!==Du({b:1},Du(qu({},"a",{enumerable:!0,get:function(){qu(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},r=Symbol(),n="abcdefghijklmnopqrst";return t[r]=7,n.split("").forEach(function(t){e[t]=t}),7!=Du({},t)[r]||zt(Du({},e)).join("")!=n})?function(t,e){for(var r=Ut(t),n=arguments.length,o=1,a=St.f,u=c.f;n>o;)for(var s,f=d(arguments[o++]),l=a?zt(f).concat(a(f)):zt(f),h=l.length,p=0;h>p;)s=l[p++],i&&!u.call(f,s)||(r[s]=f[s]);return r}:Du,Wu=2147483647,Ku=/[^\0-\u007E]/,Gu=/[.\u3002\uFF0E\uFF61]/g,$u="Overflow: input needs wider integers to process",Vu=Math.floor,Hu=String.fromCharCode,Xu=function(t){return t+22+75*(t<26)},Yu=function(t,e,r){var n=0;for(t=r?Vu(t/700):t>>1,t+=Vu(t/e);t>455;n+=36)t=Vu(t/35);return Vu(n+36*t/(t+38))},Ju=function(t){var e=[];t=function(t){for(var e=[],r=0,n=t.length;r=55296&&o<=56319&&r=i&&nVu((Wu-a)/l))throw RangeError($u);for(a+=(f-i)*l,i=f,r=0;rWu)throw RangeError($u);if(n==i){for(var h=a,p=36;;p+=36){var d=p<=u?1:p>=u+26?26:p-u;if(h0?arguments[0]:void 0,f=[];if(ns(this,{type:es,entries:f,updateURL:function(){},updateSearchParams:gs}),void 0!==c)if(y(c))if("function"==typeof(t=vr(c)))for(r=(e=t.call(c)).next;!(n=r.call(e)).done;){if((a=(i=(o=cn(j(n.value))).next).call(o)).done||(u=i.call(o)).done||!i.call(o).done)throw TypeError("Expected sequence with length 2");f.push({key:a.value+"",value:u.value+""})}else for(s in c)w(c,s)&&f.push({key:s,value:c[s]+""});else vs(f,"string"==typeof c?"?"===c.charAt(0)?c.slice(1):c:c+"")},ws=bs.prototype;zr(ws,{append:function(t,e){ys(arguments.length,2);var r=os(this);r.entries.push({key:t+"",value:e+""}),r.updateURL()},delete:function(t){ys(arguments.length,1);for(var e=os(this),r=e.entries,n=t+"",o=0;ot.key){o.splice(e,0,t);break}e===r&&o.push(t)}n.updateURL()},forEach:function(t){for(var e,r=os(this).entries,n=re(t,arguments.length>1?arguments[1]:void 0,3),o=0;o1&&(y(e=arguments[1])&&pr(r=e.body)===es&&((n=e.headers?new Zu(e.headers):new Zu).has("content-type")||n.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"),e=Jt(e,{body:f(0,String(r)),headers:f(0,n)})),o.push(e)),Qu.apply(this,o)}});var Ss,Es={URLSearchParams:bs,getState:os},xs=Ie.codeAt,As=n.URL,Os=Es.URLSearchParams,Rs=Es.getState,js=et.set,Ps=et.getterFor("URL"),Is=Math.floor,Ts=Math.pow,ks="Invalid scheme",Ls="Invalid host",Us="Invalid port",Ms=/[A-Za-z]/,_s=/[\d+-.A-Za-z]/,Ns=/\d/,Cs=/^(0x|0X)/,Fs=/^[0-7]+$/,Bs=/^\d+$/,Ds=/^[\dA-Fa-f]+$/,qs=/[\u0000\u0009\u000A\u000D #%/:?@[\\]]/,zs=/[\u0000\u0009\u000A\u000D #/:?@[\\]]/,Ws=/^[\u0000-\u001F ]+|[\u0000-\u001F ]+$/g,Ks=/[\u0009\u000A\u000D]/g,Gs=function(t,e){var r,n,o;if("["==e.charAt(0)){if("]"!=e.charAt(e.length-1))return Ls;if(!(r=Vs(e.slice(1,-1))))return Ls;t.host=r}else if(ec(t)){if(e=function(t){var e,r,n=[],o=t.toLowerCase().replace(Gu,".").split(".");for(e=0;e4)return t;for(r=[],n=0;n1&&"0"==o.charAt(0)&&(i=Cs.test(o)?16:8,o=o.slice(8==i?1:2)),""===o)a=0;else{if(!(10==i?Bs:8==i?Fs:Ds).test(o))return t;a=parseInt(o,i)}r.push(a)}for(n=0;n=Ts(256,5-e))return null}else if(a>255)return null;for(u=r.pop(),n=0;n6)return;for(n=0;h();){if(o=null,n>0){if(!("."==h()&&n<4))return;l++}if(!Ns.test(h()))return;for(;Ns.test(h());){if(i=parseInt(h(),10),null===o)o=i;else{if(0==o)return;o=10*o+i}if(o>255)return;l++}s[c]=256*s[c]+o,2!=++n&&4!=n||c++}if(4!=n)return;break}if(":"==h()){if(l++,!h())return}else if(h())return;s[c++]=e}else{if(null!==f)return;l++,f=++c}}if(null!==f)for(a=c-f,c=7;0!=c&&a>0;)u=s[c],s[c--]=s[f+a-1],s[f+--a]=u;else if(8!=c)return;return s},Hs=function(t){var e,r,n,o;if("number"==typeof t){for(e=[],r=0;r<4;r++)e.unshift(t%256),t=Is(t/256);return e.join(".")}if("object"==typeof t){for(e="",n=function(t){for(var e=null,r=1,n=null,o=0,i=0;i<8;i++)0!==t[i]?(o>r&&(e=n,r=o),n=null,o=0):(null===n&&(n=i),++o);return o>r&&(e=n,r=o),e}(t),r=0;r<8;r++)o&&0===t[r]||(o&&(o=!1),n===r?(e+=r?":":"::",o=!0):(e+=t[r].toString(16),r<7&&(e+=":")));return"["+e+"]"}return t},Xs={},Ys=zu({},Xs,{" ":1,'"':1,"<":1,">":1,"`":1}),Js=zu({},Ys,{"#":1,"?":1,"{":1,"}":1}),Qs=zu({},Js,{"/":1,":":1,";":1,"=":1,"@":1,"[":1,"\\":1,"]":1,"^":1,"|":1}),Zs=function(t,e){var r=xs(t,0);return r>32&&r<127&&!w(e,t)?t:encodeURIComponent(t)},tc={ftp:21,file:null,http:80,https:443,ws:80,wss:443},ec=function(t){return w(tc,t.scheme)},rc=function(t){return""!=t.username||""!=t.password},nc=function(t){return!t.host||t.cannotBeABaseURL||"file"==t.scheme},oc=function(t,e){var r;return 2==t.length&&Ms.test(t.charAt(0))&&(":"==(r=t.charAt(1))||!e&&"|"==r)},ic=function(t){var e;return t.length>1&&oc(t.slice(0,2))&&(2==t.length||"/"===(e=t.charAt(2))||"\\"===e||"?"===e||"#"===e)},ac=function(t){var e=t.path,r=e.length;!r||"file"==t.scheme&&1==r&&oc(e[0],!0)||e.pop()},uc=function(t){return"."===t||"%2e"===t.toLowerCase()},sc={},cc={},fc={},lc={},hc={},pc={},dc={},vc={},gc={},yc={},mc={},bc={},wc={},Sc={},Ec={},xc={},Ac={},Oc={},Rc={},jc={},Pc={},Ic=function(t,e,r,n){var o,i,a,u,s,c=r||sc,f=0,l="",h=!1,p=!1,d=!1;for(r||(t.scheme="",t.username="",t.password="",t.host=null,t.port=null,t.path=[],t.query=null,t.fragment=null,t.cannotBeABaseURL=!1,e=e.replace(Ws,"")),e=e.replace(Ks,""),o=gr(e);f<=o.length;){switch(i=o[f],c){case sc:if(!i||!Ms.test(i)){if(r)return ks;c=fc;continue}l+=i.toLowerCase(),c=cc;break;case cc:if(i&&(_s.test(i)||"+"==i||"-"==i||"."==i))l+=i.toLowerCase();else{if(":"!=i){if(r)return ks;l="",c=fc,f=0;continue}if(r&&(ec(t)!=w(tc,l)||"file"==l&&(rc(t)||null!==t.port)||"file"==t.scheme&&!t.host))return;if(t.scheme=l,r)return void(ec(t)&&tc[t.scheme]==t.port&&(t.port=null));l="","file"==t.scheme?c=Sc:ec(t)&&n&&n.scheme==t.scheme?c=lc:ec(t)?c=vc:"/"==o[f+1]?(c=hc,f++):(t.cannotBeABaseURL=!0,t.path.push(""),c=Rc)}break;case fc:if(!n||n.cannotBeABaseURL&&"#"!=i)return ks;if(n.cannotBeABaseURL&&"#"==i){t.scheme=n.scheme,t.path=n.path.slice(),t.query=n.query,t.fragment="",t.cannotBeABaseURL=!0,c=Pc;break}c="file"==n.scheme?Sc:pc;continue;case lc:if("/"!=i||"/"!=o[f+1]){c=pc;continue}c=gc,f++;break;case hc:if("/"==i){c=yc;break}c=Oc;continue;case pc:if(t.scheme=n.scheme,i==Ss)t.username=n.username,t.password=n.password,t.host=n.host,t.port=n.port,t.path=n.path.slice(),t.query=n.query;else if("/"==i||"\\"==i&&ec(t))c=dc;else if("?"==i)t.username=n.username,t.password=n.password,t.host=n.host,t.port=n.port,t.path=n.path.slice(),t.query="",c=jc;else{if("#"!=i){t.username=n.username,t.password=n.password,t.host=n.host,t.port=n.port,t.path=n.path.slice(),t.path.pop(),c=Oc;continue}t.username=n.username,t.password=n.password,t.host=n.host,t.port=n.port,t.path=n.path.slice(),t.query=n.query,t.fragment="",c=Pc}break;case dc:if(!ec(t)||"/"!=i&&"\\"!=i){if("/"!=i){t.username=n.username,t.password=n.password,t.host=n.host,t.port=n.port,c=Oc;continue}c=yc}else c=gc;break;case vc:if(c=gc,"/"!=i||"/"!=l.charAt(f+1))continue;f++;break;case gc:if("/"!=i&&"\\"!=i){c=yc;continue}break;case yc:if("@"==i){h&&(l="%40"+l),h=!0,a=gr(l);for(var v=0;v65535)return Us;t.port=ec(t)&&m===tc[t.scheme]?null:m,l=""}if(r)return;c=Ac;continue}return Us}l+=i;break;case Sc:if(t.scheme="file","/"==i||"\\"==i)c=Ec;else{if(!n||"file"!=n.scheme){c=Oc;continue}if(i==Ss)t.host=n.host,t.path=n.path.slice(),t.query=n.query;else if("?"==i)t.host=n.host,t.path=n.path.slice(),t.query="",c=jc;else{if("#"!=i){ic(o.slice(f).join(""))||(t.host=n.host,t.path=n.path.slice(),ac(t)),c=Oc;continue}t.host=n.host,t.path=n.path.slice(),t.query=n.query,t.fragment="",c=Pc}}break;case Ec:if("/"==i||"\\"==i){c=xc;break}n&&"file"==n.scheme&&!ic(o.slice(f).join(""))&&(oc(n.path[0],!0)?t.path.push(n.path[0]):t.host=n.host),c=Oc;continue;case xc:if(i==Ss||"/"==i||"\\"==i||"?"==i||"#"==i){if(!r&&oc(l))c=Oc;else if(""==l){if(t.host="",r)return;c=Ac}else{if(u=Gs(t,l))return u;if("localhost"==t.host&&(t.host=""),r)return;l="",c=Ac}continue}l+=i;break;case Ac:if(ec(t)){if(c=Oc,"/"!=i&&"\\"!=i)continue}else if(r||"?"!=i)if(r||"#"!=i){if(i!=Ss&&(c=Oc,"/"!=i))continue}else t.fragment="",c=Pc;else t.query="",c=jc;break;case Oc:if(i==Ss||"/"==i||"\\"==i&&ec(t)||!r&&("?"==i||"#"==i)){if(".."===(s=(s=l).toLowerCase())||"%2e."===s||".%2e"===s||"%2e%2e"===s?(ac(t),"/"==i||"\\"==i&&ec(t)||t.path.push("")):uc(l)?"/"==i||"\\"==i&&ec(t)||t.path.push(""):("file"==t.scheme&&!t.path.length&&oc(l)&&(t.host&&(t.host=""),l=l.charAt(0)+":"),t.path.push(l)),l="","file"==t.scheme&&(i==Ss||"?"==i||"#"==i))for(;t.path.length>1&&""===t.path[0];)t.path.shift();"?"==i?(t.query="",c=jc):"#"==i&&(t.fragment="",c=Pc)}else l+=Zs(i,Js);break;case Rc:"?"==i?(t.query="",c=jc):"#"==i?(t.fragment="",c=Pc):i!=Ss&&(t.path[0]+=Zs(i,Xs));break;case jc:r||"#"!=i?i!=Ss&&("'"==i&&ec(t)?t.query+="%27":t.query+="#"==i?"%23":Zs(i,Xs)):(t.fragment="",c=Pc);break;case Pc:i!=Ss&&(t.fragment+=Zs(i,Ys))}f++}},Tc=function(t){var e,r,n=Br(this,Tc,"URL"),o=arguments.length>1?arguments[1]:void 0,a=String(t),u=js(n,{type:"URL"});if(void 0!==o)if(o instanceof Tc)e=Ps(o);else if(r=Ic(e={},String(o)))throw TypeError(r);if(r=Ic(u,a,null,e))throw TypeError(r);var s=u.searchParams=new Os,c=Rs(s);c.updateSearchParams(u.query),c.updateURL=function(){u.query=String(s)||null},i||(n.href=Lc.call(n),n.origin=Uc.call(n),n.protocol=Mc.call(n),n.username=_c.call(n),n.password=Nc.call(n),n.host=Cc.call(n),n.hostname=Fc.call(n),n.port=Bc.call(n),n.pathname=Dc.call(n),n.search=qc.call(n),n.searchParams=zc.call(n),n.hash=Wc.call(n))},kc=Tc.prototype,Lc=function(){var t=Ps(this),e=t.scheme,r=t.username,n=t.password,o=t.host,i=t.port,a=t.path,u=t.query,s=t.fragment,c=e+":";return null!==o?(c+="//",rc(t)&&(c+=r+(n?":"+n:"")+"@"),c+=Hs(o),null!==i&&(c+=":"+i)):"file"==e&&(c+="//"),c+=t.cannotBeABaseURL?a[0]:a.length?"/"+a.join("/"):"",null!==u&&(c+="?"+u),null!==s&&(c+="#"+s),c},Uc=function(){var t=Ps(this),e=t.scheme,r=t.port;if("blob"==e)try{return new URL(e.path[0]).origin}catch(t){return"null"}return"file"!=e&&ec(t)?e+"://"+Hs(t.host)+(null!==r?":"+r:""):"null"},Mc=function(){return Ps(this).scheme+":"},_c=function(){return Ps(this).username},Nc=function(){return Ps(this).password},Cc=function(){var t=Ps(this),e=t.host,r=t.port;return null===e?"":null===r?Hs(e):Hs(e)+":"+r},Fc=function(){var t=Ps(this).host;return null===t?"":Hs(t)},Bc=function(){var t=Ps(this).port;return null===t?"":String(t)},Dc=function(){var t=Ps(this),e=t.path;return t.cannotBeABaseURL?e[0]:e.length?"/"+e.join("/"):""},qc=function(){var t=Ps(this).query;return t?"?"+t:""},zc=function(){return Ps(this).searchParams},Wc=function(){var t=Ps(this).fragment;return t?"#"+t:""},Kc=function(t,e){return{get:t,set:e,configurable:!0,enumerable:!0}};if(i&&Wt(kc,{href:Kc(Lc,function(t){var e=Ps(this),r=String(t),n=Ic(e,r);if(n)throw TypeError(n);Rs(e.searchParams).updateSearchParams(e.query)}),origin:Kc(Uc),protocol:Kc(Mc,function(t){var e=Ps(this);Ic(e,String(t)+":",sc)}),username:Kc(_c,function(t){var e=Ps(this),r=gr(String(t));if(!nc(e)){e.username="";for(var n=0;nr;)e.push(arguments[r++]);return af[++of]=function(){("function"==typeof t?t:Function(t)).apply(void 0,e)},Vc(of),of},tf=function(t){delete af[t]},"process"==h(ef)?Vc=function(t){ef.nextTick(cf(t))}:nf&&nf.now?Vc=function(t){nf.now(cf(t))}:rf&&!Jc?(Xc=(Hc=new rf).port2,Hc.port1.onmessage=ff,Vc=re(Xc.postMessage,Xc,1)):!n.addEventListener||"function"!=typeof postMessage||n.importScripts||o(lf)||"file:"===Qc.protocol?Vc=uf in x("script")?function(t){Kt.appendChild(x("script"))[uf]=function(){Kt.removeChild(this),sf(t)}}:function(t){setTimeout(cf(t),0)}:(Vc=lf,n.addEventListener("message",ff,!1)));var hf,pf,df,vf,gf,yf,mf,bf,wf={set:Zc,clear:tf},Sf=R.f,Ef=wf.set,xf=n.MutationObserver||n.WebKitMutationObserver,Af=n.process,Of=n.Promise,Rf="process"==h(Af),jf=Sf(n,"queueMicrotask"),Pf=jf&&jf.value;Pf||(hf=function(){var t,e;for(Rf&&(t=Af.domain)&&t.exit();pf;){e=pf.fn,pf=pf.next;try{e()}catch(t){throw pf?vf():df=void 0,t}}df=void 0,t&&t.enter()},Rf?vf=function(){Af.nextTick(hf)}:xf&&!Jc?(gf=!0,yf=document.createTextNode(""),new xf(hf).observe(yf,{characterData:!0}),vf=function(){yf.data=gf=!gf}):Of&&Of.resolve?(mf=Of.resolve(void 0),bf=mf.then,vf=function(){bf.call(mf,hf)}):vf=function(){Ef.call(n,hf)});var If,Tf,kf,Lf,Uf=Pf||function(t){var e={fn:t,next:void 0};df&&(df.next=e),pf||(pf=e,vf()),df=e},Mf=function(t){var e,r;this.promise=new t(function(t,n){if(void 0!==e||void 0!==r)throw TypeError("Bad Promise constructor");e=t,r=n}),this.resolve=ee(e),this.reject=ee(r)},_f={f:function(t){return new Mf(t)}},Nf=function(t,e){if(j(t),y(e)&&e.constructor===t)return e;var r=_f.f(t);return(0,r.resolve)(e),r.promise},Cf=function(t){try{return{error:!1,value:t()}}catch(t){return{error:!0,value:t}}},Ff=wf.set,Bf=qt("species"),Df="Promise",qf=et.get,zf=et.set,Wf=et.getterFor(Df),Kf=Yc,Gf=n.TypeError,$f=n.document,Vf=n.process,Hf=it("fetch"),Xf=_f.f,Yf=Xf,Jf="process"==h(Vf),Qf=!!($f&&$f.createEvent&&n.dispatchEvent),Zf="unhandledrejection",tl=Tt(Df,function(){if(F(Kf)===String(Kf)){if(66===ua)return!0;if(!Jf&&"function"!=typeof PromiseRejectionEvent)return!0}if(ua>=51&&/native code/.test(Kf))return!1;var t=Kf.resolve(1),e=function(t){t(function(){},function(){})};return(t.constructor={})[Bf]=e,!(t.then(function(){})instanceof e)}),el=tl||!Sr(function(t){Kf.all(t).catch(function(){})}),rl=function(t){var e;return!(!y(t)||"function"!=typeof(e=t.then))&&e},nl=function(t,e,r){if(!e.notified){e.notified=!0;var n=e.reactions;Uf(function(){for(var o=e.value,i=1==e.state,a=0;n.length>a;){var u,s,c,f=n[a++],l=i?f.ok:f.fail,h=f.resolve,p=f.reject,d=f.domain;try{l?(i||(2===e.rejection&&ul(t,e),e.rejection=1),!0===l?u=o:(d&&d.enter(),u=l(o),d&&(d.exit(),c=!0)),u===f.promise?p(Gf("Promise-chain cycle")):(s=rl(u))?s.call(u,h,p):h(u)):p(o)}catch(t){d&&!c&&d.exit(),p(t)}}e.reactions=[],e.notified=!1,r&&!e.rejection&&il(t,e)})}},ol=function(t,e,r){var o,i;Qf?((o=$f.createEvent("Event")).promise=e,o.reason=r,o.initEvent(t,!1,!0),n.dispatchEvent(o)):o={promise:e,reason:r},(i=n["on"+t])?i(o):t===Zf&&function(t,e){var r=n.console;r&&r.error&&(1===arguments.length?r.error(t):r.error(t,e))}("Unhandled promise rejection",r)},il=function(t,e){Ff.call(n,function(){var r,n=e.value;if(al(e)&&(r=Cf(function(){Jf?Vf.emit("unhandledRejection",n,t):ol(Zf,t,n)}),e.rejection=Jf||al(e)?2:1,r.error))throw r.value})},al=function(t){return 1!==t.rejection&&!t.parent},ul=function(t,e){Ff.call(n,function(){Jf?Vf.emit("rejectionHandled",t):ol("rejectionhandled",t,e.value)})},sl=function(t,e,r,n){return function(o){t(e,r,o,n)}},cl=function(t,e,r,n){e.done||(e.done=!0,n&&(e=n),e.value=r,e.state=2,nl(t,e,!0))},fl=function(t,e,r,n){if(!e.done){e.done=!0,n&&(e=n);try{if(t===r)throw Gf("Promise can't be resolved itself");var o=rl(r);o?Uf(function(){var n={done:!1};try{o.call(r,sl(fl,t,n,e),sl(cl,t,n,e))}catch(r){cl(t,n,r,e)}}):(e.value=r,e.state=1,nl(t,e,!1))}catch(r){cl(t,{done:!1},r,e)}}};tl&&(Kf=function(t){Br(this,Kf,Df),ee(t),If.call(this);var e=qf(this);try{t(sl(fl,this,e),sl(cl,this,e))}catch(t){cl(this,e,t)}},(If=function(t){zf(this,{type:Df,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:0,value:void 0})}).prototype=zr(Kf.prototype,{then:function(t,e){var r=Wf(this),n=Xf(hn(this,Kf));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=Jf?Vf.domain:void 0,r.parent=!0,r.reactions.push(n),0!=r.state&&nl(this,r,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),Tf=function(){var t=new If,e=qf(t);this.promise=t,this.resolve=sl(fl,t,e),this.reject=sl(cl,t,e)},_f.f=Xf=function(t){return t===Kf||t===kf?new Tf(t):Yf(t)},"function"==typeof Yc&&(Lf=Yc.prototype.then,rt(Yc.prototype,"then",function(t,e){var r=this;return new Kf(function(t,e){Lf.call(r,t,e)}).then(t,e)},{unsafe:!0}),"function"==typeof Hf&&Lt({global:!0,enumerable:!0,forced:!0},{fetch:function(t){return Nf(Kf,Hf.apply(n,arguments))}}))),Lt({global:!0,wrap:!0,forced:tl},{Promise:Kf}),Be(Kf,Df,!1),Kr(Df),kf=it(Df),Lt({target:Df,stat:!0,forced:tl},{reject:function(t){var e=Xf(this);return e.reject.call(void 0,t),e.promise}}),Lt({target:Df,stat:!0,forced:tl},{resolve:function(t){return Nf(this,t)}}),Lt({target:Df,stat:!0,forced:el},{all:function(t){var e=this,r=Xf(e),n=r.resolve,o=r.reject,i=Cf(function(){var r=ee(e.resolve),i=[],a=0,u=1;Fr(t,function(t){var s=a++,c=!1;i.push(void 0),u++,r.call(e,t).then(function(t){c||(c=!0,i[s]=t,--u||n(i))},o)}),--u||n(i)});return i.error&&o(i.value),r.promise},race:function(t){var e=this,r=Xf(e),n=r.reject,o=Cf(function(){var o=ee(e.resolve);Fr(t,function(t){o.call(e,t).then(r.resolve,n)})});return o.error&&n(o.value),r.promise}}),Lt({target:"Promise",stat:!0},{allSettled:function(t){var e=this,r=_f.f(e),n=r.resolve,o=r.reject,i=Cf(function(){var r=ee(e.resolve),o=[],i=0,a=1;Fr(t,function(t){var u=i++,s=!1;o.push(void 0),a++,r.call(e,t).then(function(t){s||(s=!0,o[u]={status:"fulfilled",value:t},--a||n(o))},function(t){s||(s=!0,o[u]={status:"rejected",reason:t},--a||n(o))})}),--a||n(o)});return i.error&&o(i.value),r.promise}});var ll=!!Yc&&o(function(){Yc.prototype.finally.call({then:function(){}},function(){})});Lt({target:"Promise",proto:!0,real:!0,forced:ll},{finally:function(t){var e=hn(this,it("Promise")),r="function"==typeof t;return this.then(r?function(r){return Nf(e,t()).then(function(){return r})}:t,r?function(r){return Nf(e,t()).then(function(){throw r})}:t)}}),"function"!=typeof Yc||Yc.prototype.finally||rt(Yc.prototype,"finally",it("Promise").prototype.finally);var hl=et.set,pl=et.getterFor("AggregateError"),dl=function(t,e){var r=this;if(!(r instanceof dl))return new dl(t,e);Ge&&(r=Ge(new Error(e),Ue(r)));var n=[];return Fr(t,n.push,n),i?hl(r,{errors:n,type:"AggregateError"}):r.errors=n,void 0!==e&&T(r,"message",String(e)),r};dl.prototype=Jt(Error.prototype,{constructor:f(5,dl),message:f(5,""),name:f(5,"AggregateError")}),i&&I.f(dl.prototype,"errors",{get:function(){return pl(this).errors},configurable:!0}),Lt({global:!0},{AggregateError:dl}),Lt({target:"Promise",stat:!0},{try:function(t){var e=_f.f(this),r=Cf(t);return(r.error?e.reject:e.resolve)(r.value),e.promise}});var vl="No one promise resolved";Lt({target:"Promise",stat:!0},{any:function(t){var e=this,r=_f.f(e),n=r.resolve,o=r.reject,i=Cf(function(){var r=ee(e.resolve),i=[],a=0,u=1,s=!1;Fr(t,function(t){var c=a++,f=!1;i.push(void 0),u++,r.call(e,t).then(function(t){f||s||(s=!0,n(t))},function(t){f||s||(f=!0,i[c]=t,--u||o(new(it("AggregateError"))(i,vl)))})}),--u||o(new(it("AggregateError"))(i,vl))});return i.error&&o(i.value),r.promise}}),oe("Promise","finally");var gl="URLSearchParams"in self,yl="Symbol"in self&&"iterator"in Symbol,ml="FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),bl="FormData"in self,wl="ArrayBuffer"in self;if(wl)var Sl=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],El=ArrayBuffer.isView||function(t){return t&&Sl.indexOf(Object.prototype.toString.call(t))>-1};function xl(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function Al(t){return"string"!=typeof t&&(t=String(t)),t}function Ol(t){var e={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return yl&&(e[Symbol.iterator]=function(){return e}),e}function Rl(t){this.map={},t instanceof Rl?t.forEach(function(t,e){this.append(e,t)},this):Array.isArray(t)?t.forEach(function(t){this.append(t[0],t[1])},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function jl(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function Pl(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function Il(t){var e=new FileReader,r=Pl(e);return e.readAsArrayBuffer(t),r}function Tl(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function kl(){return this.bodyUsed=!1,this._initBody=function(t){var e;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:ml&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:bl&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:gl&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():wl&&ml&&(e=t)&&DataView.prototype.isPrototypeOf(e)?(this._bodyArrayBuffer=Tl(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):wl&&(ArrayBuffer.prototype.isPrototypeOf(t)||El(t))?this._bodyArrayBuffer=Tl(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):gl&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},ml&&(this.blob=function(){var t=jl(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?jl(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(Il)}),this.text=function(){var t=jl(this);if(t)return t;if(this._bodyBlob)return function(t){var e=new FileReader,r=Pl(e);return e.readAsText(t),r}(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),r=new Array(e.length),n=0;n-1?n:r),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&o)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(o)}function Ml(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),n=r.shift().replace(/\+/g," "),o=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(n),decodeURIComponent(o))}}),e}function _l(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new Rl(e.headers),this.url=e.url||"",this._initBody(t)}Ul.prototype.clone=function(){return new Ul(this,{body:this._bodyInit})},kl.call(Ul.prototype),kl.call(_l.prototype),_l.prototype.clone=function(){return new _l(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Rl(this.headers),url:this.url})},_l.error=function(){var t=new _l(null,{status:0,statusText:""});return t.type="error",t};var Nl=[301,302,303,307,308];_l.redirect=function(t,e){if(-1===Nl.indexOf(e))throw new RangeError("Invalid status code");return new _l(null,{status:e,headers:{location:t}})};var Cl=self.DOMException;try{new Cl}catch(t){(Cl=function(t,e){this.message=t,this.name=e;var r=Error(t);this.stack=r.stack}).prototype=Object.create(Error.prototype),Cl.prototype.constructor=Cl}function Fl(t,e){return new Promise(function(r,n){var o=new Ul(t,e);if(o.signal&&o.signal.aborted)return n(new Cl("Aborted","AbortError"));var i=new XMLHttpRequest;function a(){i.abort()}i.onload=function(){var t,e,n={status:i.status,statusText:i.statusText,headers:(t=i.getAllResponseHeaders()||"",e=new Rl,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(function(t){var r=t.split(":"),n=r.shift().trim();if(n){var o=r.join(":").trim();e.append(n,o)}}),e)};n.url="responseURL"in i?i.responseURL:n.headers.get("X-Request-URL"),r(new _l("response"in i?i.response:i.responseText,n))},i.onerror=function(){n(new TypeError("Network request failed"))},i.ontimeout=function(){n(new TypeError("Network request failed"))},i.onabort=function(){n(new Cl("Aborted","AbortError"))},i.open(o.method,o.url,!0),"include"===o.credentials?i.withCredentials=!0:"omit"===o.credentials&&(i.withCredentials=!1),"responseType"in i&&ml&&(i.responseType="blob"),o.headers.forEach(function(t,e){i.setRequestHeader(e,t)}),o.signal&&(o.signal.addEventListener("abort",a),i.onreadystatechange=function(){4===i.readyState&&o.signal.removeEventListener("abort",a)}),i.send(void 0===o._bodyInit?null:o._bodyInit)})}Fl.polyfill=!0,self.fetch||(self.fetch=Fl,self.Headers=Rl,self.Request=Ul,self.Response=_l);var Bl=Object.getOwnPropertySymbols,Dl=Object.prototype.hasOwnProperty,ql=Object.prototype.propertyIsEnumerable,zl=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},r=0;r<10;r++)e["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(t){n[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var r,n,o=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),i=1;i0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,t,o];return}for(var f=1/0,u=0;u=o&&Object.keys(i.O).every(function(e){return i.O[e](r[c])})?r.splice(c--,1):(l=!1,o*{opacity:0}.ch-no-scroll{overflow:hidden}.ch-expand-dialog{height:100vh;width:100vw;max-width:900px;border:0;background-color:transparent}.ch-expand-dialog::-webkit-backdrop{background-color:rgba(0,0,0,.8)}.ch-expand-dialog::backdrop{background-color:rgba(0,0,0,.8)}.ch-expand-close{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;margin:0;padding:0;border:none;font-size:inherit;position:absolute;top:10px;right:10px;color:#fff;width:26px;height:26px}.ch-expand-close:focus-visible{outline-color:currentColor}.ch-expand-dialog-content{color:#fff;position:absolute;inset:40px;overflow:hidden;border-radius:8px;border:1px solid;border-color:var(--ch-t-sideBar-border)}.ch-code-browser{color:var(--ch-t-editor-foreground);display:flex;height:100%;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}.ch-code-browser-sidebar{min-width:100px;padding:1em 0;font-size:.95rem;border-left-color:var(--ch-t-sideBar-border);border-bottom-color:var(--ch-t-sideBar-border);border-right:1px solid;border-right-color:var(--ch-t-sideBar-border);border-top-color:var(--ch-t-sideBar-border);background:var(--ch-t-sideBar-background);color:var(--ch-t-sideBar-foreground)}.ch-code-browser-content{overflow:auto;flex:1 1;padding:1em;white-space:pre;font-family:monospace;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:0;position:relative;background:var(--ch-t-background);color:var(--ch-t-foreground);color-scheme:var(--ch-t-colorScheme)}.ch-code-browser-content ::selection{background-color:var(--ch-t-editor-selectionBackground);color:inherit}.ch-code-browser-sidebar-file,.ch-code-browser-sidebar-folder{padding:.1em 1em}.ch-code-browser-sidebar-file{cursor:pointer}.ch-code-browser-sidebar-file[data-selected=true]{background:var(--ch-t-list-activeSelectionBackground);color:var(--ch-t-list-activeSelectionForeground)}.ch-code-browser-sidebar-file:hover{background-color:var(--ch-t-list-hoverBackground);color:var(--ch-t-list-hoverForeground)}.ch-code-browser-button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;margin:0;padding:0;border:none;font-size:inherit;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em;position:absolute;right:.8em;top:.8em}.ch-code-browser-button:focus-visible{outline-color:currentColor}.ch-editor-tab{min-width:-moz-fit-content;min-width:fit-content;flex-shrink:1;position:relative;display:flex;white-space:nowrap;cursor:pointer;height:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;min-width:0;background:var(--ch-t-tab-inactiveBackground);color:var(--ch-t-tab-inactiveForeground);border-right:1px solid #252526;border-right-color:var(--ch-t-tab-border);border-bottom:1px solid;border-bottom-color:var(--ch-t-tab-inactiveBackground)}.ch-editor-tab[data-active=true]{background:var(--ch-t-tab-activeBackground);color:var(--ch-t-tab-activeForeground);border-bottom-color:var(--ch-t-tab-activeBorder);min-width:unset}.ch-editor-tab>div{margin-top:auto;margin-bottom:auto;font-size:12px;line-height:1.4em;text-overflow:ellipsis;overflow:hidden}.ch-editor-group-border{position:absolute;top:0;height:1px;width:100%;z-index:1;background:var(--ch-t-editorGroup-border)}.ch-editor-frame{display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;page-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px;height:100%;background:var(--ch-t-editor-background)}.ch-editor-frame .ch-frame-title-bar{background:none;color:var(--ch-t-icon-foreground);background:var(--ch-t-editorGroupHeader-tabsBackground)}.ch-editor-terminal{position:absolute;overflow:hidden;bottom:0;width:100%;background-color:#1e1e1e;color:#e7e7e7;border-top:1px solid hsla(0,0%,50%,.35);padding:0 8px;box-sizing:border-box}.ch-editor-terminal-tab{text-transform:uppercase;padding:4px 10px 3px;font-size:11px;line-height:24px;display:flex}.ch-editor-terminal-tab>span{border-bottom:1px solid #e7e7e7}.ch-editor-terminal-content{margin-top:8px;height:calc(100% - 40px);box-sizing:border-box}.ch-editor-terminal-content .ch-terminal{font-size:12px;margin:0}.ch-editor-button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer;color:inherit;padding:0;border:none;font-size:inherit;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em;margin:0 .8em 0 0}.ch-editor-button:focus-visible{outline-color:currentColor}.ch-frame{height:100%;display:flex;flex-direction:column}.ch-frame,.ch-simple-frame{font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;page-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px}.ch-simple-frame{border-radius:6px;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.ch-frame-content{background-color:var(--ch-content-background,#fafafa);flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0}.ch-frame-zoom{--ch-frame-zoom:1;overflow:auto;position:relative;width:calc(100%/var(--ch-frame-zoom));height:calc(100%/var(--ch-frame-zoom));transform:scale(var(--ch-frame-zoom));transform-origin:left top}.ch-frame-title-bar{font-size:12px;width:100%;height:var(--ch-title-bar-height);min-height:var(--ch-title-bar-height);flex-grow:0;flex-shrink:0;display:flex;align-items:center;background-color:var(--ch-content-background,#252526);color:#ebebed;position:relative}.ch-frame-middle-bar{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2em}.ch-frame-left-bar,.ch-frame-right-bar{flex-grow:1;flex-basis:1em;height:100%;display:flex;align-items:center;width:max-content}.ch-frame-buttons{margin:0 .8em;flex-shrink:0;height:1em;width:4.16em;display:flex}.ch-frame-button{width:1em;height:1em;border:.08em solid;border-radius:50%;display:inline-block;box-sizing:border-box}.ch-frame-button-space{width:.56em}.ch-frame-button-left{border-color:#ce5347;background-color:#ed6b60}.ch-frame-button-middle{border-color:#d6a243;background-color:#f5be4f}.ch-frame-button-right{border-color:#58a942;background-color:#62c554}.ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-frame-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;box-shadow:none;flex:1 1;padding:0 10px;color:#544;min-width:5px;width:5px;background:var(--ch-t-input-background);color:var(--ch-t-input-foreground);border:1px solid var(--ch-t-input-border)}.ch-browser-button{margin:0 1em;color:#999}.ch-browser-back-button{margin-left:.2em}.ch-browser-forward-button{margin-left:0}.ch-browser-open-button{color:var(--ch-t-icon-foreground)}.ch-browser-open-icon{display:block}.ch-spotlight{display:flex;gap:1.1rem;margin:1rem 0}.ch-spotlight-tabs{display:flex;flex-flow:column;flex:1 1;gap:.5rem;align-items:stretch}.ch-spotlight-tab{border-radius:.25rem;margin:0 -.5rem;padding:0 .5rem;border:1px solid #e3e3e3}.ch-spotlight-tab:hover{border-color:#222}.ch-spotlight-tab[data-selected]{border-color:#0070f3}.ch-spotlight-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:stretch;flex-flow:column;justify-content:center;width:420px;min-height:min(100%,80vh);max-height:80vh}.ch-spotlight-sticker .ch-codeblock,.ch-spotlight-sticker .ch-codegroup{width:100%;min-width:100%;min-height:min(100%,80vh);max-height:80vh;margin-top:0;margin-bottom:0;flex:1 1}.ch-spotlight-with-preview .ch-spotlight-sticker{height:80vh;gap:.5rem}.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup{min-height:0;flex:1 1}.ch-spotlight-with-preview .ch-spotlight-preview{height:280px}.ch-scrollycoding{display:flex;position:relative;margin:1rem 0;gap:1rem}.ch-scrollycoding-content{box-sizing:border-box;flex:1 1}.ch-scrollycoding-step-content{border-radius:8px;margin:0 -.5rem;padding:1rem .5rem;border:1.5px solid transparent;min-height:180px}.ch-scrollycoding-step-content[data-selected]{border-color:#0070f3}.ch-scrollycoding-step-content>:first-child{margin-top:0}.ch-scrollycoding-step-content>:last-child{margin-bottom:0}.ch-scrollycoding-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:start;flex-flow:column;justify-content:center;width:var(--ch-scrollycoding-sticker-width,420px);max-height:80vh}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker{height:80vh;gap:.5rem}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup{flex:1 1}.ch-scrollycoding-with-preview .ch-scrollycoding-preview{height:280px}.ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-sticker .ch-codegroup{width:100%;min-width:100%;min-height:var(--ch-scrollycoding-code-min-height,200px);max-height:80vh;margin-top:0;margin-bottom:0}.ch-scrollycoding-static .ch-preview{height:150px}.ch-slideshow{margin:1rem 0}.ch-slideshow-slide{display:flex;flex-flow:row;gap:.5rem;align-items:stretch;aspect-ratio:16/9}.ch-slideshow-slide .ch-codeblock,.ch-slideshow-slide .ch-codegroup{flex:2 1;margin-top:0;margin-bottom:0;height:auto}.ch-slideshow .ch-slideshow-preview{flex:1 1;height:auto;min-width:0}.ch-slideshow-range{display:flex;flex-flow:row;gap:.5rem}.ch-slideshow-range input{flex:1 1}.ch-slideshow-notes{border-radius:.25rem;margin-top:1rem;padding:1rem;border:1px solid #e3e3e3}.ch-slideshow-note{min-height:140px;max-height:140px;padding:.05px;overflow:auto}.ch-codeblock,.ch-codegroup,.ch-preview{border-radius:6px;overflow:hidden;height:max-content;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);print-color-adjust:exact}.ch-codeblock>*,.ch-codegroup>*,.ch-preview>*{height:100%;max-height:inherit;min-height:inherit}.ch-codeblock,.ch-codegroup{margin-top:1.25em;margin-bottom:1.25em}.ch-inline-code>code{padding:.2em .15em;margin:.1em -.05em;border-radius:.25em;font-size:.9rem;color:var(--ch-t-foreground);background:var(--ch-t-lighter-inlineBackground)}.ch-inline-code .ch-section-link,.ch-inline-code .ch-section-link *{-webkit-text-decoration-color:var(--ch-t-foreground);text-decoration-color:var(--ch-t-foreground)}.ch-section-link,.ch-section-link *{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.ch-section-link[data-active=true]{background-color:rgba(186,230,253,.4)}.ch-section-link[data-active=true],.ch-section-link[data-active=true] *{text-decoration-thickness:1.5px}.ch-code-inline-mark{border-radius:.25rem;padding:.2rem .15rem .1rem;margin:0 -.15rem}.ch-code-inline-mark,.ch-code-multiline-mark{background:var(--ch-t-editor-rangeHighlightBackground)}.ch-code-multiline-mark-border{width:3px;height:100%;position:absolute;left:0;background:var(--ch-t-editor-infoForeground)}.ch-code-multiline-mark .ch-code-button{font-size:1.2em;position:absolute;right:10px;top:1px;display:none}.ch-code-inline-link,.ch-code-link :not(span)>span{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;color:inherit}.ch-code-box-annotation{outline:2px solid var(--ch-t-editor-infoForeground)}.ch-code-label-annotation:hover{background:var(--ch-t-editor-lineHighlightBackground)}.ch-code-label-annotation:hover .ch-code-label-annotation-text{display:block}.ch-code-label-annotation-text{position:absolute;right:0;padding-right:16px;opacity:.7;display:none}.db-tag input{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox:checked:before,.db-checkbox:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(>[type=search]):before,.db-input:has(>datalist):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@supports(-webkit-hyphens:none){.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox:checked:before,.db-checkbox:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(>[type=search]):before,.db-input:has(>datalist):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{block-size:calc(var(--db-icon-font-size, var(--db-base-icon-font-size, 1.5rem)) - 6px)}}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox:checked:before,.db-checkbox:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(>[type=search]):before,.db-input:has(>datalist):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox:checked:before,.db-checkbox:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(>[type=search]):before,.db-input:has(>datalist):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.d14e3e2d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.7a5451d6.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.e366e01e.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.879b1db9.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.e986f52e.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.13280829.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.23363048.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.aef711e8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.536359ae.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.536359ae.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.aef711e8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.fdafc88b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.fdad4e84.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.fdad4e84.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.67ff1d5b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.4f7c59c1.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.6f286205.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.ab1ecea2.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.a86cb5cc.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.4d619fc4.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/version/v0.0.54/_next/static/media/db-ux.3373fc07.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{-webkit-margin-end:0;margin-inline-end:0}[data-icon-after]:after{-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{-webkit-margin-start:0;margin-inline-start:0}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled,#fff);background-color:var(--db-informational-enabled,#0087b9)}.db-tag[data-interactive=true][data-variant=informational][data-emphasis=strong]:enabled:hover:has(input:checked){background-color:var(--db-informational-hover,#007dab)}.db-tag[data-interactive=true][data-variant=informational][data-emphasis=strong]:enabled:active:has(input:checked){background-color:var(--db-informational-pressed,#00739d)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-neutral-on-bg-enabled,#fff);background-color:var(--db-informational-enabled,#0087b9);color:var(--db-current-color)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-bg-informational,.db-bg-informational-ia,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi,.db-bg-informational[data-variant=interactive],.db-input[data-variant=informational] input,.db-input[data-variant=informational] select,.db-input[data-variant=informational] textarea,.db-select[data-variant=informational] input,.db-select[data-variant=informational] select,.db-select[data-variant=informational] textarea,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational],.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational],.db-textarea[data-variant=informational] input,.db-textarea[data-variant=informational] select,.db-textarea[data-variant=informational] textarea,[data-color-variant=informational].db-card,[data-variant=interactive].db-bg-informational-ia{--db-current-base-color:var(--db-informational-enabled,#0087b9);--db-current-color:var(--db-informational-on-bg-enabled,#003143);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled,#e0f0f6));--db-current-element-color:var(--db-informational-element-enabled,#309fd1);--db-current-border-color:var(--db-informational-border-enabled,rgba(48,159,209,.64));--db-current-border-weak-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-bg-informational,.db-bg-informational-ia,.db-bg-informational[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational],.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational],[data-color-variant=informational].db-card,[data-variant=interactive].db-bg-informational-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi,.db-input[data-variant=informational] input,.db-input[data-variant=informational] select,.db-input[data-variant=informational] textarea,.db-select[data-variant=informational] input,.db-select[data-variant=informational] select,.db-select[data-variant=informational] textarea,.db-textarea[data-variant=informational] input,.db-textarea[data-variant=informational] select,.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled,#003143);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi,.db-input[data-variant=informational] input,.db-input[data-variant=informational] select,.db-input[data-variant=informational] textarea,.db-select[data-variant=informational] input,.db-select[data-variant=informational] select,.db-select[data-variant=informational] textarea,.db-textarea[data-variant=informational] input,.db-textarea[data-variant=informational] select,.db-textarea[data-variant=informational] textarea{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-ia:enabled:hover,.db-bg-informational[data-variant=interactive]:enabled:hover,.db-tag[data-interactive=true][data-variant=informational]:enabled:hover:has(input:checked),[data-variant=interactive].db-alert[data-variant=informational]:enabled:hover,[data-variant=interactive].db-badge[data-variant=informational]:enabled:hover,[data-variant=interactive].db-tag[data-variant=informational]:enabled:hover:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=informational].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-ia:enabled:active,.db-bg-informational[data-variant=interactive]:enabled:active,.db-tag[data-interactive=true][data-variant=informational]:enabled:active:has(input:checked),[data-variant=interactive].db-alert[data-variant=informational]:enabled:active,[data-variant=interactive].db-badge[data-variant=informational]:enabled:active,[data-variant=interactive].db-tag[data-variant=informational]:enabled:active:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=informational].db-card:enabled:active{--db-bg-transparent:68%}.db-alert[data-variant=informational] .db-bg-critical .db-weak,.db-alert[data-variant=informational] .db-bg-informational .db-weak,.db-alert[data-variant=informational] .db-bg-neutral .db-weak,.db-alert[data-variant=informational] .db-bg-neutral-strong .db-weak,.db-alert[data-variant=informational] .db-bg-primary .db-weak,.db-alert[data-variant=informational] .db-bg-successful .db-weak,.db-alert[data-variant=informational] .db-bg-warning .db-weak,.db-badge[data-variant=informational] .db-bg-critical .db-weak,.db-badge[data-variant=informational] .db-bg-informational .db-weak,.db-badge[data-variant=informational] .db-bg-neutral .db-weak,.db-badge[data-variant=informational] .db-bg-neutral-strong .db-weak,.db-badge[data-variant=informational] .db-bg-primary .db-weak,.db-badge[data-variant=informational] .db-bg-successful .db-weak,.db-badge[data-variant=informational] .db-bg-warning .db-weak,.db-bg-critical .db-alert[data-variant=informational] .db-weak,.db-bg-critical .db-badge[data-variant=informational] .db-weak,.db-bg-critical .db-bg-informational .db-weak,.db-bg-critical .db-bg-informational-ia .db-weak,.db-bg-critical .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-critical .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-critical [data-color-variant=informational].db-card .db-weak,.db-bg-informational .db-alert[data-variant=informational] .db-weak,.db-bg-informational .db-badge[data-variant=informational] .db-weak,.db-bg-informational .db-bg-critical .db-weak,.db-bg-informational .db-bg-informational-ia .db-weak,.db-bg-informational .db-bg-neutral .db-weak,.db-bg-informational .db-bg-neutral-strong .db-weak,.db-bg-informational .db-bg-primary .db-weak,.db-bg-informational .db-bg-successful .db-weak,.db-bg-informational .db-bg-warning .db-weak,.db-bg-informational .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-informational .db-weak,.db-bg-informational [data-color-variant=informational].db-card .db-weak,.db-bg-informational-ia .db-bg-critical .db-weak,.db-bg-informational-ia .db-bg-informational .db-weak,.db-bg-informational-ia .db-bg-neutral .db-weak,.db-bg-informational-ia .db-bg-neutral-strong .db-weak,.db-bg-informational-ia .db-bg-primary .db-weak,.db-bg-informational-ia .db-bg-successful .db-weak,.db-bg-informational-ia .db-bg-warning .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-informational[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-informational[data-variant=interactive] .db-weak,.db-bg-neutral .db-alert[data-variant=informational] .db-weak,.db-bg-neutral .db-badge[data-variant=informational] .db-weak,.db-bg-neutral .db-bg-informational .db-weak,.db-bg-neutral .db-bg-informational-ia .db-weak,.db-bg-neutral .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-neutral .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-neutral [data-color-variant=informational].db-card .db-weak,.db-bg-neutral-strong .db-alert[data-variant=informational] .db-weak,.db-bg-neutral-strong .db-badge[data-variant=informational] .db-weak,.db-bg-neutral-strong .db-bg-informational .db-weak,.db-bg-neutral-strong .db-bg-informational-ia .db-weak,.db-bg-neutral-strong .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-neutral-strong .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-neutral-strong [data-color-variant=informational].db-card .db-weak,.db-bg-primary .db-alert[data-variant=informational] .db-weak,.db-bg-primary .db-badge[data-variant=informational] .db-weak,.db-bg-primary .db-bg-informational .db-weak,.db-bg-primary .db-bg-informational-ia .db-weak,.db-bg-primary .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-primary .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-primary [data-color-variant=informational].db-card .db-weak,.db-bg-successful .db-alert[data-variant=informational] .db-weak,.db-bg-successful .db-badge[data-variant=informational] .db-weak,.db-bg-successful .db-bg-informational .db-weak,.db-bg-successful .db-bg-informational-ia .db-weak,.db-bg-successful .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-successful .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-successful [data-color-variant=informational].db-card .db-weak,.db-bg-warning .db-alert[data-variant=informational] .db-weak,.db-bg-warning .db-badge[data-variant=informational] .db-weak,.db-bg-warning .db-bg-informational .db-weak,.db-bg-warning .db-bg-informational-ia .db-weak,.db-bg-warning .db-bg-informational[data-variant=interactive] .db-weak,.db-bg-warning .db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-weak,.db-bg-warning [data-color-variant=informational].db-card .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-critical .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-informational .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-neutral .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-neutral-strong .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-primary .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-successful .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational] .db-bg-warning .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational] .db-bg-warning .db-weak,[data-color-variant=informational].db-card .db-bg-critical .db-weak,[data-color-variant=informational].db-card .db-bg-informational .db-weak,[data-color-variant=informational].db-card .db-bg-neutral .db-weak,[data-color-variant=informational].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=informational].db-card .db-bg-primary .db-weak,[data-color-variant=informational].db-card .db-bg-successful .db-weak,[data-color-variant=informational].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-informational-on-bg-weak-enabled,rgba(0,49,67,.75));color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-primary-on-enabled,#fff);color:var(--db-current-color);background-color:var(--db-primary-enabled,#ec0016)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-primary-hover,#d90014)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-primary-pressed,#c80012)}.db-bg-primary,.db-bg-primary-ia,.db-bg-primary-transparent-full,.db-bg-primary-transparent-semi,.db-bg-primary[data-variant=interactive],[data-color-variant=primary].db-card,[data-variant=interactive].db-bg-primary-ia{--db-current-base-color:var(--db-primary-enabled,#ec0016);--db-current-color:var(--db-primary-on-bg-enabled,#550008);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-primary-bg-enabled,#fce0e2));--db-current-element-color:var(--db-primary-element-enabled,#ec0016);--db-current-border-color:var(--db-primary-border-enabled,rgba(236,0,22,.64));--db-current-border-weak-color:var(--db-primary-border-weak-enabled,rgba(236,0,22,.32))}.db-bg-primary,.db-bg-primary-ia,.db-bg-primary[data-variant=interactive],[data-color-variant=primary].db-card,[data-variant=interactive].db-bg-primary-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-primary-transparent-full,.db-bg-primary-transparent-semi{color:var(--db-primary-on-bg-enabled,#550008);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-primary-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-primary-ia:enabled:hover,.db-bg-primary[data-variant=interactive]:enabled:hover,[data-variant=interactive][data-color-variant=primary].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-primary-ia:enabled:active,.db-bg-primary[data-variant=interactive]:enabled:active,[data-variant=interactive][data-color-variant=primary].db-card:enabled:active{--db-bg-transparent:68%}.db-bg-critical .db-bg-primary .db-weak,.db-bg-critical .db-bg-primary-ia .db-weak,.db-bg-critical .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-critical [data-color-variant=primary].db-card .db-weak,.db-bg-informational .db-bg-primary .db-weak,.db-bg-informational .db-bg-primary-ia .db-weak,.db-bg-informational .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-informational [data-color-variant=primary].db-card .db-weak,.db-bg-neutral .db-bg-primary .db-weak,.db-bg-neutral .db-bg-primary-ia .db-weak,.db-bg-neutral .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-neutral [data-color-variant=primary].db-card .db-weak,.db-bg-neutral-strong .db-bg-primary .db-weak,.db-bg-neutral-strong .db-bg-primary-ia .db-weak,.db-bg-neutral-strong .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-neutral-strong [data-color-variant=primary].db-card .db-weak,.db-bg-primary .db-bg-critical .db-weak,.db-bg-primary .db-bg-informational .db-weak,.db-bg-primary .db-bg-neutral .db-weak,.db-bg-primary .db-bg-neutral-strong .db-weak,.db-bg-primary .db-bg-primary-ia .db-weak,.db-bg-primary .db-bg-successful .db-weak,.db-bg-primary .db-bg-warning .db-weak,.db-bg-primary .db-weak,.db-bg-primary [data-color-variant=primary].db-card .db-weak,.db-bg-primary-ia .db-bg-critical .db-weak,.db-bg-primary-ia .db-bg-informational .db-weak,.db-bg-primary-ia .db-bg-neutral .db-weak,.db-bg-primary-ia .db-bg-neutral-strong .db-weak,.db-bg-primary-ia .db-bg-primary .db-weak,.db-bg-primary-ia .db-bg-successful .db-weak,.db-bg-primary-ia .db-bg-warning .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-primary[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-primary[data-variant=interactive] .db-weak,.db-bg-successful .db-bg-primary .db-weak,.db-bg-successful .db-bg-primary-ia .db-weak,.db-bg-successful .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-successful [data-color-variant=primary].db-card .db-weak,.db-bg-warning .db-bg-primary .db-weak,.db-bg-warning .db-bg-primary-ia .db-weak,.db-bg-warning .db-bg-primary[data-variant=interactive] .db-weak,.db-bg-warning [data-color-variant=primary].db-card .db-weak,[data-color-variant=primary].db-card .db-bg-critical .db-weak,[data-color-variant=primary].db-card .db-bg-informational .db-weak,[data-color-variant=primary].db-card .db-bg-neutral .db-weak,[data-color-variant=primary].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=primary].db-card .db-bg-primary .db-weak,[data-color-variant=primary].db-card .db-bg-successful .db-weak,[data-color-variant=primary].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-primary-on-bg-weak-enabled,rgba(85,0,8,.75));color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning][data-emphasis=strong]{--db-current-color:var(--db-warning-on-enabled,#fff);background-color:var(--db-warning-enabled,#ac6600)}.db-tag[data-interactive=true][data-variant=warning][data-emphasis=strong]:enabled:hover:has(input:checked){background-color:var(--db-warning-hover,#9e5e00)}.db-tag[data-interactive=true][data-variant=warning][data-emphasis=strong]:enabled:active:has(input:checked){background-color:var(--db-warning-pressed,#925700)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning][data-emphasis=strong]{--db-current-color:var(--db-neutral-on-bg-enabled,#fff);background-color:var(--db-warning-enabled,#ac6600);color:var(--db-current-color)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-bg-warning,.db-bg-warning-ia,.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi,.db-bg-warning[data-variant=interactive],.db-input[data-variant=warning] input,.db-input[data-variant=warning] select,.db-input[data-variant=warning] textarea,.db-select[data-variant=warning] input,.db-select[data-variant=warning] select,.db-select[data-variant=warning] textarea,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning],.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning],.db-textarea[data-variant=warning] input,.db-textarea[data-variant=warning] select,.db-textarea[data-variant=warning] textarea,[data-color-variant=warning].db-card,[data-variant=interactive].db-bg-warning-ia{--db-current-base-color:var(--db-warning-enabled,#ac6600);--db-current-color:var(--db-warning-on-bg-enabled,#3e2500);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled,#f5ece0));--db-current-element-color:var(--db-warning-element-enabled,#d68000);--db-current-border-color:var(--db-warning-border-enabled,rgba(172,102,0,.64));--db-current-border-weak-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-bg-warning,.db-bg-warning-ia,.db-bg-warning[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning],.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning],[data-color-variant=warning].db-card,[data-variant=interactive].db-bg-warning-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi,.db-input[data-variant=warning] input,.db-input[data-variant=warning] select,.db-input[data-variant=warning] textarea,.db-select[data-variant=warning] input,.db-select[data-variant=warning] select,.db-select[data-variant=warning] textarea,.db-textarea[data-variant=warning] input,.db-textarea[data-variant=warning] select,.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled,#3e2500);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi,.db-input[data-variant=warning] input,.db-input[data-variant=warning] select,.db-input[data-variant=warning] textarea,.db-select[data-variant=warning] input,.db-select[data-variant=warning] select,.db-select[data-variant=warning] textarea,.db-textarea[data-variant=warning] input,.db-textarea[data-variant=warning] select,.db-textarea[data-variant=warning] textarea{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-ia:enabled:hover,.db-bg-warning[data-variant=interactive]:enabled:hover,.db-tag[data-interactive=true][data-variant=warning]:enabled:hover:has(input:checked),[data-variant=interactive].db-alert[data-variant=warning]:enabled:hover,[data-variant=interactive].db-badge[data-variant=warning]:enabled:hover,[data-variant=interactive].db-tag[data-variant=warning]:enabled:hover:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=warning].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-ia:enabled:active,.db-bg-warning[data-variant=interactive]:enabled:active,.db-tag[data-interactive=true][data-variant=warning]:enabled:active:has(input:checked),[data-variant=interactive].db-alert[data-variant=warning]:enabled:active,[data-variant=interactive].db-badge[data-variant=warning]:enabled:active,[data-variant=interactive].db-tag[data-variant=warning]:enabled:active:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=warning].db-card:enabled:active{--db-bg-transparent:68%}.db-alert[data-variant=warning] .db-bg-critical .db-weak,.db-alert[data-variant=warning] .db-bg-informational .db-weak,.db-alert[data-variant=warning] .db-bg-neutral .db-weak,.db-alert[data-variant=warning] .db-bg-neutral-strong .db-weak,.db-alert[data-variant=warning] .db-bg-primary .db-weak,.db-alert[data-variant=warning] .db-bg-successful .db-weak,.db-alert[data-variant=warning] .db-bg-warning .db-weak,.db-badge[data-variant=warning] .db-bg-critical .db-weak,.db-badge[data-variant=warning] .db-bg-informational .db-weak,.db-badge[data-variant=warning] .db-bg-neutral .db-weak,.db-badge[data-variant=warning] .db-bg-neutral-strong .db-weak,.db-badge[data-variant=warning] .db-bg-primary .db-weak,.db-badge[data-variant=warning] .db-bg-successful .db-weak,.db-badge[data-variant=warning] .db-bg-warning .db-weak,.db-bg-critical .db-alert[data-variant=warning] .db-weak,.db-bg-critical .db-badge[data-variant=warning] .db-weak,.db-bg-critical .db-bg-warning .db-weak,.db-bg-critical .db-bg-warning-ia .db-weak,.db-bg-critical .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-critical .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-critical [data-color-variant=warning].db-card .db-weak,.db-bg-informational .db-alert[data-variant=warning] .db-weak,.db-bg-informational .db-badge[data-variant=warning] .db-weak,.db-bg-informational .db-bg-warning .db-weak,.db-bg-informational .db-bg-warning-ia .db-weak,.db-bg-informational .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-informational .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-informational [data-color-variant=warning].db-card .db-weak,.db-bg-neutral .db-alert[data-variant=warning] .db-weak,.db-bg-neutral .db-badge[data-variant=warning] .db-weak,.db-bg-neutral .db-bg-warning .db-weak,.db-bg-neutral .db-bg-warning-ia .db-weak,.db-bg-neutral .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-neutral .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-neutral [data-color-variant=warning].db-card .db-weak,.db-bg-neutral-strong .db-alert[data-variant=warning] .db-weak,.db-bg-neutral-strong .db-badge[data-variant=warning] .db-weak,.db-bg-neutral-strong .db-bg-warning .db-weak,.db-bg-neutral-strong .db-bg-warning-ia .db-weak,.db-bg-neutral-strong .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-neutral-strong .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-neutral-strong [data-color-variant=warning].db-card .db-weak,.db-bg-primary .db-alert[data-variant=warning] .db-weak,.db-bg-primary .db-badge[data-variant=warning] .db-weak,.db-bg-primary .db-bg-warning .db-weak,.db-bg-primary .db-bg-warning-ia .db-weak,.db-bg-primary .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-primary .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-primary [data-color-variant=warning].db-card .db-weak,.db-bg-successful .db-alert[data-variant=warning] .db-weak,.db-bg-successful .db-badge[data-variant=warning] .db-weak,.db-bg-successful .db-bg-warning .db-weak,.db-bg-successful .db-bg-warning-ia .db-weak,.db-bg-successful .db-bg-warning[data-variant=interactive] .db-weak,.db-bg-successful .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-successful [data-color-variant=warning].db-card .db-weak,.db-bg-warning .db-alert[data-variant=warning] .db-weak,.db-bg-warning .db-badge[data-variant=warning] .db-weak,.db-bg-warning .db-bg-critical .db-weak,.db-bg-warning .db-bg-informational .db-weak,.db-bg-warning .db-bg-neutral .db-weak,.db-bg-warning .db-bg-neutral-strong .db-weak,.db-bg-warning .db-bg-primary .db-weak,.db-bg-warning .db-bg-successful .db-weak,.db-bg-warning .db-bg-warning-ia .db-weak,.db-bg-warning .db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-weak,.db-bg-warning .db-weak,.db-bg-warning [data-color-variant=warning].db-card .db-weak,.db-bg-warning-ia .db-bg-critical .db-weak,.db-bg-warning-ia .db-bg-informational .db-weak,.db-bg-warning-ia .db-bg-neutral .db-weak,.db-bg-warning-ia .db-bg-neutral-strong .db-weak,.db-bg-warning-ia .db-bg-primary .db-weak,.db-bg-warning-ia .db-bg-successful .db-weak,.db-bg-warning-ia .db-bg-warning .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-warning[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-warning[data-variant=interactive] .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-critical .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-informational .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-neutral .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-neutral-strong .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-primary .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-successful .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning] .db-bg-warning .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning] .db-bg-warning .db-weak,[data-color-variant=warning].db-card .db-bg-critical .db-weak,[data-color-variant=warning].db-card .db-bg-informational .db-weak,[data-color-variant=warning].db-card .db-bg-neutral .db-weak,[data-color-variant=warning].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=warning].db-card .db-bg-primary .db-weak,[data-color-variant=warning].db-card .db-bg-successful .db-weak,[data-color-variant=warning].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-warning-on-bg-weak-enabled,rgba(62,37,0,.75));color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful][data-emphasis=strong]{--db-current-color:var(--db-successful-on-enabled,#fff);background-color:var(--db-successful-enabled,#4c8500)}.db-tag[data-interactive=true][data-variant=successful][data-emphasis=strong]:enabled:hover:has(input:checked){background-color:var(--db-successful-hover,#477b00)}.db-tag[data-interactive=true][data-variant=successful][data-emphasis=strong]:enabled:active:has(input:checked){background-color:var(--db-successful-pressed,#407000)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful][data-emphasis=strong]{--db-current-color:var(--db-neutral-on-bg-enabled,#fff);background-color:var(--db-successful-enabled,#4c8500);color:var(--db-current-color)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-bg-successful,.db-bg-successful-ia,.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi,.db-bg-successful[data-variant=interactive],.db-input[data-variant=successful] input,.db-input[data-variant=successful] select,.db-input[data-variant=successful] textarea,.db-select[data-variant=successful] input,.db-select[data-variant=successful] select,.db-select[data-variant=successful] textarea,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful],.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful],.db-textarea[data-variant=successful] input,.db-textarea[data-variant=successful] select,.db-textarea[data-variant=successful] textarea,[data-color-variant=successful].db-card,[data-variant=interactive].db-bg-successful-ia{--db-current-base-color:var(--db-successful-enabled,#4c8500);--db-current-color:var(--db-successful-on-bg-enabled,#1b3000);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled,#e9f0e0));--db-current-element-color:var(--db-successful-element-enabled,#63a615);--db-current-border-color:var(--db-successful-border-enabled,rgba(99,166,21,.64));--db-current-border-weak-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-bg-successful,.db-bg-successful-ia,.db-bg-successful[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful],.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful],[data-color-variant=successful].db-card,[data-variant=interactive].db-bg-successful-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi,.db-input[data-variant=successful] input,.db-input[data-variant=successful] select,.db-input[data-variant=successful] textarea,.db-select[data-variant=successful] input,.db-select[data-variant=successful] select,.db-select[data-variant=successful] textarea,.db-textarea[data-variant=successful] input,.db-textarea[data-variant=successful] select,.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled,#1b3000);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-successful-transparent-semi,.db-input[data-variant=successful] input,.db-input[data-variant=successful] select,.db-input[data-variant=successful] textarea,.db-select[data-variant=successful] input,.db-select[data-variant=successful] select,.db-select[data-variant=successful] textarea,.db-textarea[data-variant=successful] input,.db-textarea[data-variant=successful] select,.db-textarea[data-variant=successful] textarea{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-successful-ia:enabled:hover,.db-bg-successful[data-variant=interactive]:enabled:hover,.db-tag[data-interactive=true][data-variant=successful]:enabled:hover:has(input:checked),[data-variant=interactive].db-alert[data-variant=successful]:enabled:hover,[data-variant=interactive].db-badge[data-variant=successful]:enabled:hover,[data-variant=interactive].db-tag[data-variant=successful]:enabled:hover:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=successful].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-successful-ia:enabled:active,.db-bg-successful[data-variant=interactive]:enabled:active,.db-tag[data-interactive=true][data-variant=successful]:enabled:active:has(input:checked),[data-variant=interactive].db-alert[data-variant=successful]:enabled:active,[data-variant=interactive].db-badge[data-variant=successful]:enabled:active,[data-variant=interactive].db-tag[data-variant=successful]:enabled:active:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=successful].db-card:enabled:active{--db-bg-transparent:68%}.db-alert[data-variant=successful] .db-bg-critical .db-weak,.db-alert[data-variant=successful] .db-bg-informational .db-weak,.db-alert[data-variant=successful] .db-bg-neutral .db-weak,.db-alert[data-variant=successful] .db-bg-neutral-strong .db-weak,.db-alert[data-variant=successful] .db-bg-primary .db-weak,.db-alert[data-variant=successful] .db-bg-successful .db-weak,.db-alert[data-variant=successful] .db-bg-warning .db-weak,.db-badge[data-variant=successful] .db-bg-critical .db-weak,.db-badge[data-variant=successful] .db-bg-informational .db-weak,.db-badge[data-variant=successful] .db-bg-neutral .db-weak,.db-badge[data-variant=successful] .db-bg-neutral-strong .db-weak,.db-badge[data-variant=successful] .db-bg-primary .db-weak,.db-badge[data-variant=successful] .db-bg-successful .db-weak,.db-badge[data-variant=successful] .db-bg-warning .db-weak,.db-bg-critical .db-alert[data-variant=successful] .db-weak,.db-bg-critical .db-badge[data-variant=successful] .db-weak,.db-bg-critical .db-bg-successful .db-weak,.db-bg-critical .db-bg-successful-ia .db-weak,.db-bg-critical .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-critical .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-critical [data-color-variant=successful].db-card .db-weak,.db-bg-informational .db-alert[data-variant=successful] .db-weak,.db-bg-informational .db-badge[data-variant=successful] .db-weak,.db-bg-informational .db-bg-successful .db-weak,.db-bg-informational .db-bg-successful-ia .db-weak,.db-bg-informational .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-informational .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-informational [data-color-variant=successful].db-card .db-weak,.db-bg-neutral .db-alert[data-variant=successful] .db-weak,.db-bg-neutral .db-badge[data-variant=successful] .db-weak,.db-bg-neutral .db-bg-successful .db-weak,.db-bg-neutral .db-bg-successful-ia .db-weak,.db-bg-neutral .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-neutral .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-neutral [data-color-variant=successful].db-card .db-weak,.db-bg-neutral-strong .db-alert[data-variant=successful] .db-weak,.db-bg-neutral-strong .db-badge[data-variant=successful] .db-weak,.db-bg-neutral-strong .db-bg-successful .db-weak,.db-bg-neutral-strong .db-bg-successful-ia .db-weak,.db-bg-neutral-strong .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-neutral-strong .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-neutral-strong [data-color-variant=successful].db-card .db-weak,.db-bg-primary .db-alert[data-variant=successful] .db-weak,.db-bg-primary .db-badge[data-variant=successful] .db-weak,.db-bg-primary .db-bg-successful .db-weak,.db-bg-primary .db-bg-successful-ia .db-weak,.db-bg-primary .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-primary .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-primary [data-color-variant=successful].db-card .db-weak,.db-bg-successful .db-alert[data-variant=successful] .db-weak,.db-bg-successful .db-badge[data-variant=successful] .db-weak,.db-bg-successful .db-bg-critical .db-weak,.db-bg-successful .db-bg-informational .db-weak,.db-bg-successful .db-bg-neutral .db-weak,.db-bg-successful .db-bg-neutral-strong .db-weak,.db-bg-successful .db-bg-primary .db-weak,.db-bg-successful .db-bg-successful-ia .db-weak,.db-bg-successful .db-bg-warning .db-weak,.db-bg-successful .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-successful .db-weak,.db-bg-successful [data-color-variant=successful].db-card .db-weak,.db-bg-successful-ia .db-bg-critical .db-weak,.db-bg-successful-ia .db-bg-informational .db-weak,.db-bg-successful-ia .db-bg-neutral .db-weak,.db-bg-successful-ia .db-bg-neutral-strong .db-weak,.db-bg-successful-ia .db-bg-primary .db-weak,.db-bg-successful-ia .db-bg-successful .db-weak,.db-bg-successful-ia .db-bg-warning .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-successful[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-successful[data-variant=interactive] .db-weak,.db-bg-warning .db-alert[data-variant=successful] .db-weak,.db-bg-warning .db-badge[data-variant=successful] .db-weak,.db-bg-warning .db-bg-successful .db-weak,.db-bg-warning .db-bg-successful-ia .db-weak,.db-bg-warning .db-bg-successful[data-variant=interactive] .db-weak,.db-bg-warning .db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-weak,.db-bg-warning [data-color-variant=successful].db-card .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-critical .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-informational .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-neutral .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-neutral-strong .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-primary .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-successful .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful] .db-bg-warning .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful] .db-bg-warning .db-weak,[data-color-variant=successful].db-card .db-bg-critical .db-weak,[data-color-variant=successful].db-card .db-bg-informational .db-weak,[data-color-variant=successful].db-card .db-bg-neutral .db-weak,[data-color-variant=successful].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=successful].db-card .db-bg-primary .db-weak,[data-color-variant=successful].db-card .db-bg-successful .db-weak,[data-color-variant=successful].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-successful-on-bg-weak-enabled,rgba(27,48,0,.75));color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-emphasis=strong]{--db-current-color:var(--db-neutral-on-enabled,#fff);background-color:var(--db-neutral-enabled,#646973)}.db-tag[data-interactive=true][data-emphasis=strong]:enabled:hover:has(input:checked){background-color:var(--db-neutral-hover,#777b84)}.db-tag[data-interactive=true][data-emphasis=strong]:enabled:active:has(input:checked){background-color:var(--db-neutral-pressed,#898d94)}.db-badge[data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-emphasis=strong]{--db-current-color:var(--db-neutral-on-bg-enabled,#fff);background-color:var(--db-neutral-enabled,#646973);color:var(--db-current-color)}.db-bg-neutral,.db-bg-neutral-ia,.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi,.db-bg-neutral[data-variant=interactive],.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card,.db-header-meta-navigation,.db-tag[data-interactive=true]:has(input:not(:checked)),:root,[data-color-variant=neutral].db-card,[data-variant=interactive].db-bg-neutral-ia,[data-variant=interactive]:root,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-enabled,#646973);--db-current-color:var(--db-neutral-on-bg-enabled,#242629);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled,#fff));--db-current-element-color:var(--db-neutral-element-enabled,#646973);--db-current-border-color:var(--db-neutral-border-enabled,hsla(220,7%,42%,.64));--db-current-border-weak-color:var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32))}.db-bg-neutral,.db-bg-neutral-ia,.db-bg-neutral[data-variant=interactive],.db-tag[data-interactive=true]:has(input:not(:checked)),:root,[data-color-variant=neutral].db-card,[data-variant=interactive].db-bg-neutral-ia,[data-variant=interactive]:root{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi,.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card,.db-header-meta-navigation,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled,#242629);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-transparent-semi,.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card,.db-header-meta-navigation,table th,table tr:nth-child(2n){background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-ia:enabled:hover,.db-bg-neutral[data-variant=interactive]:enabled:hover,[data-variant=interactive].db-tag[data-interactive=true]:enabled:hover:has(input:not(:checked)),[data-variant=interactive]:enabled:hover:root,[data-variant=interactive][data-color-variant=neutral].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-ia:enabled:active,.db-bg-neutral[data-variant=interactive]:enabled:active,[data-variant=interactive].db-tag[data-interactive=true]:enabled:active:has(input:not(:checked)),[data-variant=interactive]:enabled:active:root,[data-variant=interactive][data-color-variant=neutral].db-card:enabled:active{--db-bg-transparent:68%}.db-bg-critical .db-bg-neutral .db-weak,.db-bg-critical .db-bg-neutral-ia .db-weak,.db-bg-critical .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-critical [data-color-variant=neutral].db-card .db-weak,.db-bg-informational .db-bg-neutral .db-weak,.db-bg-informational .db-bg-neutral-ia .db-weak,.db-bg-informational .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-informational [data-color-variant=neutral].db-card .db-weak,.db-bg-neutral .db-bg-critical .db-weak,.db-bg-neutral .db-bg-informational .db-weak,.db-bg-neutral .db-bg-neutral-ia .db-weak,.db-bg-neutral .db-bg-neutral-strong .db-weak,.db-bg-neutral .db-bg-primary .db-weak,.db-bg-neutral .db-bg-successful .db-weak,.db-bg-neutral .db-bg-warning .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-neutral .db-weak,.db-bg-neutral [data-color-variant=neutral].db-card .db-weak,.db-bg-neutral-ia .db-bg-critical .db-weak,.db-bg-neutral-ia .db-bg-informational .db-weak,.db-bg-neutral-ia .db-bg-neutral .db-weak,.db-bg-neutral-ia .db-bg-neutral-strong .db-weak,.db-bg-neutral-ia .db-bg-primary .db-weak,.db-bg-neutral-ia .db-bg-successful .db-weak,.db-bg-neutral-ia .db-bg-warning .db-weak,.db-bg-neutral-strong .db-bg-neutral .db-weak,.db-bg-neutral-strong .db-bg-neutral-ia .db-weak,.db-bg-neutral-strong .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-neutral-strong [data-color-variant=neutral].db-card .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-neutral[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-primary .db-bg-neutral .db-weak,.db-bg-primary .db-bg-neutral-ia .db-weak,.db-bg-primary .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-primary [data-color-variant=neutral].db-card .db-weak,.db-bg-successful .db-bg-neutral .db-weak,.db-bg-successful .db-bg-neutral-ia .db-weak,.db-bg-successful .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-successful [data-color-variant=neutral].db-card .db-weak,.db-bg-warning .db-bg-neutral .db-weak,.db-bg-warning .db-bg-neutral-ia .db-weak,.db-bg-warning .db-bg-neutral[data-variant=interactive] .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:not(:checked)) .db-weak,.db-bg-warning [data-color-variant=neutral].db-card .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:not(:checked)) .db-bg-warning .db-weak,:root .db-bg-critical .db-weak,:root .db-bg-informational .db-weak,:root .db-bg-neutral .db-weak,:root .db-bg-neutral-strong .db-weak,:root .db-bg-primary .db-weak,:root .db-bg-successful .db-weak,:root .db-bg-warning .db-weak,[data-color-variant=neutral].db-card .db-bg-critical .db-weak,[data-color-variant=neutral].db-card .db-bg-informational .db-weak,[data-color-variant=neutral].db-card .db-bg-neutral .db-weak,[data-color-variant=neutral].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=neutral].db-card .db-bg-primary .db-weak,[data-color-variant=neutral].db-card .db-bg-successful .db-weak,[data-color-variant=neutral].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-neutral-on-bg-weak-enabled,rgba(36,38,41,.75));color:var(--db-current-color)}.db-badge,.db-bg-neutral-strong,.db-bg-neutral-strong-ia,.db-bg-neutral-strong-transparent-full,.db-bg-neutral-strong-transparent-semi,.db-bg-neutral-strong[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true]),.db-tag[data-interactive=true]:has(input:checked),[data-color-variant=neutral-strong].db-card,[data-variant=interactive].db-badge,[data-variant=interactive].db-bg-neutral-strong-ia{--db-current-base-color:var(--db-neutral-enabled,#646973);--db-current-color:var(--db-neutral-on-bg-enabled,#242629);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-strong-enabled,#e6e7e8));--db-current-element-color:var(--db-neutral-element-enabled,#646973);--db-current-border-color:var(--db-neutral-border-enabled,hsla(220,7%,42%,.64));--db-current-border-weak-color:var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32))}.db-badge,.db-bg-neutral-strong,.db-bg-neutral-strong-ia,.db-bg-neutral-strong[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true]),.db-tag[data-interactive=true]:has(input:checked),[data-color-variant=neutral-strong].db-card,[data-variant=interactive].db-badge,[data-variant=interactive].db-bg-neutral-strong-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-strong-transparent-full,.db-bg-neutral-strong-transparent-semi{color:var(--db-neutral-on-bg-enabled,#242629);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-strong-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-strong-ia:enabled:hover,.db-bg-neutral-strong[data-variant=interactive]:enabled:hover,.db-tag[data-interactive=true]:enabled:hover:has(input:checked),[data-variant=interactive].db-badge:enabled:hover,[data-variant=interactive].db-tag:enabled:hover:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=neutral-strong].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-strong-ia:enabled:active,.db-bg-neutral-strong[data-variant=interactive]:enabled:active,.db-tag[data-interactive=true]:enabled:active:has(input:checked),[data-variant=interactive].db-badge:enabled:active,[data-variant=interactive].db-tag:enabled:active:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=neutral-strong].db-card:enabled:active{--db-bg-transparent:68%}.db-badge .db-bg-critical .db-weak,.db-badge .db-bg-informational .db-weak,.db-badge .db-bg-neutral .db-weak,.db-badge .db-bg-neutral-strong .db-weak,.db-badge .db-bg-primary .db-weak,.db-badge .db-bg-successful .db-weak,.db-badge .db-bg-warning .db-weak,.db-bg-critical .db-badge .db-weak,.db-bg-critical .db-bg-neutral-strong .db-weak,.db-bg-critical .db-bg-neutral-strong-ia .db-weak,.db-bg-critical .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-critical .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-critical [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-informational .db-badge .db-weak,.db-bg-informational .db-bg-neutral-strong .db-weak,.db-bg-informational .db-bg-neutral-strong-ia .db-weak,.db-bg-informational .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-informational .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-informational [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-neutral .db-badge .db-weak,.db-bg-neutral .db-bg-neutral-strong .db-weak,.db-bg-neutral .db-bg-neutral-strong-ia .db-weak,.db-bg-neutral .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-neutral .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-neutral [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-neutral-strong .db-badge .db-weak,.db-bg-neutral-strong .db-bg-critical .db-weak,.db-bg-neutral-strong .db-bg-informational .db-weak,.db-bg-neutral-strong .db-bg-neutral .db-weak,.db-bg-neutral-strong .db-bg-neutral-strong-ia .db-weak,.db-bg-neutral-strong .db-bg-primary .db-weak,.db-bg-neutral-strong .db-bg-successful .db-weak,.db-bg-neutral-strong .db-bg-warning .db-weak,.db-bg-neutral-strong .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-neutral-strong .db-weak,.db-bg-neutral-strong [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-neutral-strong-ia .db-bg-critical .db-weak,.db-bg-neutral-strong-ia .db-bg-informational .db-weak,.db-bg-neutral-strong-ia .db-bg-neutral .db-weak,.db-bg-neutral-strong-ia .db-bg-neutral-strong .db-weak,.db-bg-neutral-strong-ia .db-bg-primary .db-weak,.db-bg-neutral-strong-ia .db-bg-successful .db-weak,.db-bg-neutral-strong-ia .db-bg-warning .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-critical .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-primary .db-badge .db-weak,.db-bg-primary .db-bg-neutral-strong .db-weak,.db-bg-primary .db-bg-neutral-strong-ia .db-weak,.db-bg-primary .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-primary .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-primary [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-successful .db-badge .db-weak,.db-bg-successful .db-bg-neutral-strong .db-weak,.db-bg-successful .db-bg-neutral-strong-ia .db-weak,.db-bg-successful .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-successful .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-successful [data-color-variant=neutral-strong].db-card .db-weak,.db-bg-warning .db-badge .db-weak,.db-bg-warning .db-bg-neutral-strong .db-weak,.db-bg-warning .db-bg-neutral-strong-ia .db-weak,.db-bg-warning .db-bg-neutral-strong[data-variant=interactive] .db-weak,.db-bg-warning .db-tag:not(.db-tag[data-interactive=true]) .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:checked) .db-weak,.db-bg-warning [data-color-variant=neutral-strong].db-card .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-critical .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-informational .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-neutral .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-neutral-strong .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-primary .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-successful .db-weak,.db-tag:not(.db-tag[data-interactive=true]) .db-bg-warning .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:checked) .db-bg-warning .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-critical .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-informational .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-neutral .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-primary .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-successful .db-weak,[data-color-variant=neutral-strong].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-neutral-on-bg-weak-enabled,rgba(36,38,41,.75));color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled,#fff);background-color:var(--db-critical-enabled,#ec0016)}.db-tag[data-interactive=true][data-variant=critical][data-emphasis=strong]:enabled:hover:has(input:checked){background-color:var(--db-critical-hover,#d90014)}.db-tag[data-interactive=true][data-variant=critical][data-emphasis=strong]:enabled:active:has(input:checked){background-color:var(--db-critical-pressed,#c80012)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-neutral-on-bg-enabled,#fff);background-color:var(--db-critical-enabled,#ec0016);color:var(--db-current-color)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-bg-critical,.db-bg-critical-ia,.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi,.db-bg-critical[data-variant=interactive],.db-input input:required:invalid:not(:placeholder-shown),.db-input input[aria-invalid=true],.db-input[data-variant=critical] input,.db-input[data-variant=critical] select,.db-input[data-variant=critical] textarea,.db-radio:is(:user-invalid),.db-radio[aria-invalid=true],.db-select[data-variant=critical] input,.db-select[data-variant=critical] select,.db-select[data-variant=critical] textarea,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical],.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical],.db-textarea textarea:required:invalid:not(:placeholder-shown),.db-textarea textarea[aria-invalid=true],.db-textarea[data-variant=critical] input,.db-textarea[data-variant=critical] select,.db-textarea[data-variant=critical] textarea,[data-color-variant=critical].db-card,[data-variant=interactive].db-bg-critical-ia{--db-current-base-color:var(--db-critical-enabled,#ec0016);--db-current-color:var(--db-critical-on-bg-enabled,#550008);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled,#fce0e2));--db-current-element-color:var(--db-critical-element-enabled,#ec0016);--db-current-border-color:var(--db-critical-border-enabled,rgba(236,0,22,.64));--db-current-border-weak-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-bg-critical,.db-bg-critical-ia,.db-bg-critical[data-variant=interactive],.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical],.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical],[data-color-variant=critical].db-card,[data-variant=interactive].db-bg-critical-ia{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi,.db-input input:required:invalid:not(:placeholder-shown),.db-input input[aria-invalid=true],.db-input[data-variant=critical] input,.db-input[data-variant=critical] select,.db-input[data-variant=critical] textarea,.db-radio:is(:user-invalid),.db-radio[aria-invalid=true],.db-select[data-variant=critical] input,.db-select[data-variant=critical] select,.db-select[data-variant=critical] textarea,.db-textarea textarea:required:invalid:not(:placeholder-shown),.db-textarea textarea[aria-invalid=true],.db-textarea[data-variant=critical] input,.db-textarea[data-variant=critical] select,.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled,#550008);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-critical-transparent-semi,.db-input input:required:invalid:not(:placeholder-shown),.db-input input[aria-invalid=true],.db-input[data-variant=critical] input,.db-input[data-variant=critical] select,.db-input[data-variant=critical] textarea,.db-radio:is(:user-invalid),.db-radio[aria-invalid=true],.db-select[data-variant=critical] input,.db-select[data-variant=critical] select,.db-select[data-variant=critical] textarea,.db-textarea textarea:required:invalid:not(:placeholder-shown),.db-textarea textarea[aria-invalid=true],.db-textarea[data-variant=critical] input,.db-textarea[data-variant=critical] select,.db-textarea[data-variant=critical] textarea{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-critical-ia:enabled:hover,.db-bg-critical[data-variant=interactive]:enabled:hover,.db-tag[data-interactive=true][data-variant=critical]:enabled:hover:has(input:checked),[data-variant=interactive].db-alert[data-variant=critical]:enabled:hover,[data-variant=interactive].db-badge[data-variant=critical]:enabled:hover,[data-variant=interactive].db-tag[data-variant=critical]:enabled:hover:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=critical].db-card:enabled:hover{--db-bg-transparent:84%}.db-bg-critical-ia:enabled:active,.db-bg-critical[data-variant=interactive]:enabled:active,.db-tag[data-interactive=true][data-variant=critical]:enabled:active:has(input:checked),[data-variant=interactive].db-alert[data-variant=critical]:enabled:active,[data-variant=interactive].db-badge[data-variant=critical]:enabled:active,[data-variant=interactive].db-tag[data-variant=critical]:enabled:active:not(.db-tag[data-interactive=true]),[data-variant=interactive][data-color-variant=critical].db-card:enabled:active{--db-bg-transparent:68%}.db-alert[data-variant=critical] .db-bg-critical .db-weak,.db-alert[data-variant=critical] .db-bg-informational .db-weak,.db-alert[data-variant=critical] .db-bg-neutral .db-weak,.db-alert[data-variant=critical] .db-bg-neutral-strong .db-weak,.db-alert[data-variant=critical] .db-bg-primary .db-weak,.db-alert[data-variant=critical] .db-bg-successful .db-weak,.db-alert[data-variant=critical] .db-bg-warning .db-weak,.db-badge[data-variant=critical] .db-bg-critical .db-weak,.db-badge[data-variant=critical] .db-bg-informational .db-weak,.db-badge[data-variant=critical] .db-bg-neutral .db-weak,.db-badge[data-variant=critical] .db-bg-neutral-strong .db-weak,.db-badge[data-variant=critical] .db-bg-primary .db-weak,.db-badge[data-variant=critical] .db-bg-successful .db-weak,.db-badge[data-variant=critical] .db-bg-warning .db-weak,.db-bg-critical .db-alert[data-variant=critical] .db-weak,.db-bg-critical .db-badge[data-variant=critical] .db-weak,.db-bg-critical .db-bg-critical-ia .db-weak,.db-bg-critical .db-bg-informational .db-weak,.db-bg-critical .db-bg-neutral .db-weak,.db-bg-critical .db-bg-neutral-strong .db-weak,.db-bg-critical .db-bg-primary .db-weak,.db-bg-critical .db-bg-successful .db-weak,.db-bg-critical .db-bg-warning .db-weak,.db-bg-critical .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-critical .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-critical .db-weak,.db-bg-critical [data-color-variant=critical].db-card .db-weak,.db-bg-critical-ia .db-bg-critical .db-weak,.db-bg-critical-ia .db-bg-informational .db-weak,.db-bg-critical-ia .db-bg-neutral .db-weak,.db-bg-critical-ia .db-bg-neutral-strong .db-weak,.db-bg-critical-ia .db-bg-primary .db-weak,.db-bg-critical-ia .db-bg-successful .db-weak,.db-bg-critical-ia .db-bg-warning .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-informational .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-neutral .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-neutral-strong .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-primary .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-successful .db-weak,.db-bg-critical[data-variant=interactive] .db-bg-warning .db-weak,.db-bg-critical[data-variant=interactive] .db-weak,.db-bg-informational .db-alert[data-variant=critical] .db-weak,.db-bg-informational .db-badge[data-variant=critical] .db-weak,.db-bg-informational .db-bg-critical .db-weak,.db-bg-informational .db-bg-critical-ia .db-weak,.db-bg-informational .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-informational .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-informational .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-informational [data-color-variant=critical].db-card .db-weak,.db-bg-neutral .db-alert[data-variant=critical] .db-weak,.db-bg-neutral .db-badge[data-variant=critical] .db-weak,.db-bg-neutral .db-bg-critical .db-weak,.db-bg-neutral .db-bg-critical-ia .db-weak,.db-bg-neutral .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-neutral .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-neutral .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-neutral [data-color-variant=critical].db-card .db-weak,.db-bg-neutral-strong .db-alert[data-variant=critical] .db-weak,.db-bg-neutral-strong .db-badge[data-variant=critical] .db-weak,.db-bg-neutral-strong .db-bg-critical .db-weak,.db-bg-neutral-strong .db-bg-critical-ia .db-weak,.db-bg-neutral-strong .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-neutral-strong .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-neutral-strong .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-neutral-strong [data-color-variant=critical].db-card .db-weak,.db-bg-primary .db-alert[data-variant=critical] .db-weak,.db-bg-primary .db-badge[data-variant=critical] .db-weak,.db-bg-primary .db-bg-critical .db-weak,.db-bg-primary .db-bg-critical-ia .db-weak,.db-bg-primary .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-primary .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-primary .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-primary [data-color-variant=critical].db-card .db-weak,.db-bg-successful .db-alert[data-variant=critical] .db-weak,.db-bg-successful .db-badge[data-variant=critical] .db-weak,.db-bg-successful .db-bg-critical .db-weak,.db-bg-successful .db-bg-critical-ia .db-weak,.db-bg-successful .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-successful .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-successful .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-successful [data-color-variant=critical].db-card .db-weak,.db-bg-warning .db-alert[data-variant=critical] .db-weak,.db-bg-warning .db-badge[data-variant=critical] .db-weak,.db-bg-warning .db-bg-critical .db-weak,.db-bg-warning .db-bg-critical-ia .db-weak,.db-bg-warning .db-bg-critical[data-variant=interactive] .db-weak,.db-bg-warning .db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-weak,.db-bg-warning .db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-weak,.db-bg-warning [data-color-variant=critical].db-card .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-critical .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-informational .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-neutral .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-neutral-strong .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-primary .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-successful .db-weak,.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical] .db-bg-warning .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-critical .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-informational .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-neutral .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-neutral-strong .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-primary .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-successful .db-weak,.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical] .db-bg-warning .db-weak,[data-color-variant=critical].db-card .db-bg-critical .db-weak,[data-color-variant=critical].db-card .db-bg-informational .db-weak,[data-color-variant=critical].db-card .db-bg-neutral .db-weak,[data-color-variant=critical].db-card .db-bg-neutral-strong .db-weak,[data-color-variant=critical].db-card .db-bg-primary .db-weak,[data-color-variant=critical].db-card .db-bg-successful .db-weak,[data-color-variant=critical].db-card .db-bg-warning .db-weak{--db-current-color:var(--db-critical-on-bg-weak-enabled,rgba(85,0,8,.75));color:var(--db-current-color)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:1px solid var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:1px solid transparent}.db-alert,.db-badge,.db-input input,.db-select select,.db-tag,.db-textarea textarea{border:1px solid var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:.25rem}[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast,.06s)),background-color var(--db-transition-color,var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95)))}.db-link{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast,.06s)),color var(--db-transition-color,var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95)))}.db-alert[data-type=inline],.db-card{border-radius:var(--default-card-border-radius,.5rem);box-shadow:var(--db-elevation-4,0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14))}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-3xl:2rem;--db-type-headline-line-height-3xl:1.25;--db-type-headline-font-size-2xl:2rem;--db-type-headline-line-height-2xl:1.25;--db-type-headline-font-size-xl:2rem;--db-type-headline-line-height-xl:1.25;--db-type-headline-font-size-lg:1.75rem;--db-type-headline-line-height-lg:1.1428571429;--db-type-headline-font-size-md:1.5rem;--db-type-headline-line-height-md:1.1666666667;--db-type-headline-font-size-sm:1.25rem;--db-type-headline-line-height-sm:1.2;--db-type-headline-font-size-2xs:0.875rem;--db-type-headline-line-height-2xs:1.1428571429;--db-type-headline-font-size-3xs:0.875rem;--db-type-headline-line-height-3xs:1.1428571429;--db-type-headline-font-size-xs:1rem;--db-type-headline-line-height-xs:1.25}@media screen and (min-width:768px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-type-headline-font-size-3xl:3rem;--db-type-headline-line-height-3xl:1.3333333333;--db-type-headline-font-size-2xl:3rem;--db-type-headline-line-height-2xl:1.3333333333;--db-type-headline-font-size-xl:2.5rem;--db-type-headline-line-height-xl:1.2;--db-type-headline-font-size-lg:2rem;--db-type-headline-line-height-lg:1.25;--db-type-headline-font-size-md:1.75rem;--db-type-headline-line-height-md:1.1428571429;--db-type-headline-font-size-sm:1.5rem;--db-type-headline-line-height-sm:1.1666666667;--db-type-headline-font-size-2xs:1rem;--db-type-headline-line-height-2xs:1.25;--db-type-headline-font-size-3xs:1rem;--db-type-headline-line-height-3xs:1.25;--db-type-headline-font-size-xs:1.25rem;--db-type-headline-line-height-xs:1.2}}@media screen and (min-width:1024px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-type-headline-font-size-3xl:5rem;--db-type-headline-line-height-3xl:1.2;--db-type-headline-font-size-2xl:4rem;--db-type-headline-line-height-2xl:1.25;--db-type-headline-font-size-xl:3rem;--db-type-headline-line-height-xl:1.3333333333;--db-type-headline-font-size-lg:2.5rem;--db-type-headline-line-height-lg:1.2;--db-type-headline-font-size-md:2rem;--db-type-headline-line-height-md:1.25;--db-type-headline-font-size-sm:1.75rem;--db-type-headline-line-height-sm:1.1428571429;--db-type-headline-font-size-2xs:1.25rem;--db-type-headline-line-height-2xs:1.2;--db-type-headline-font-size-3xs:1rem;--db-type-headline-line-height-3xs:1.25;--db-type-headline-font-size-xs:1.5rem;--db-type-headline-line-height-xs:1.1666666667}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-lg:1.25rem;--db-type-body-line-height-lg:1.4;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.75rem;--db-type-body-font-size-xl:1.25rem;--db-type-body-line-height-xl:1.4;--db-base-icon-weight-xl:24;--db-base-icon-font-size-xl:1.75rem;--db-type-body-font-size-2xl:1.25rem;--db-type-body-line-height-2xl:1.4;--db-base-icon-weight-2xl:24;--db-base-icon-font-size-2xl:1.75rem;--db-type-body-font-size-md:1rem;--db-type-body-line-height-md:1.5;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.5rem;--db-type-body-font-size-sm:0.875rem;--db-type-body-line-height-sm:1.4285714286;--db-base-icon-weight-sm:20;--db-base-icon-font-size-sm:1.25rem;--db-type-body-font-size-2xs:0.625rem;--db-type-body-line-height-2xs:1.4;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.875rem;--db-type-body-font-size-xs:0.75rem;--db-type-body-line-height-xs:1.3333333333;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:1rem}@media screen and (min-width:768px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-type-body-font-size-lg:1.25rem;--db-type-body-line-height-lg:1.4;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.75rem;--db-type-body-font-size-xl:1.5rem;--db-type-body-line-height-xl:1.3333333333;--db-base-icon-weight-xl:32;--db-base-icon-font-size-xl:2rem;--db-type-body-font-size-2xl:1.75rem;--db-type-body-line-height-2xl:1.4285714286;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:2.5rem;--db-type-body-font-size-md:1rem;--db-type-body-line-height-md:1.5;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.5rem;--db-type-body-font-size-sm:0.875rem;--db-type-body-line-height-sm:1.4285714286;--db-base-icon-weight-sm:20;--db-base-icon-font-size-sm:1.25rem;--db-type-body-font-size-2xs:0.625rem;--db-type-body-line-height-2xs:1.4;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.875rem;--db-type-body-font-size-xs:0.75rem;--db-type-body-line-height-xs:1.3333333333;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:1rem}}@media screen and (min-width:1024px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-type-body-font-size-lg:1.25rem;--db-type-body-line-height-lg:1.4;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.75rem;--db-type-body-font-size-xl:1.5rem;--db-type-body-line-height-xl:1.3333333333;--db-base-icon-weight-xl:32;--db-base-icon-font-size-xl:2rem;--db-type-body-font-size-2xl:1.75rem;--db-type-body-line-height-2xl:1.4285714286;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:2.5rem;--db-type-body-font-size-md:1rem;--db-type-body-line-height-md:1.5;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.5rem;--db-type-body-font-size-sm:0.875rem;--db-type-body-line-height-sm:1.4285714286;--db-base-icon-weight-sm:20;--db-base-icon-font-size-sm:1.25rem;--db-type-body-font-size-2xs:0.625rem;--db-type-body-line-height-2xs:1.4;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.875rem;--db-type-body-font-size-xs:0.75rem;--db-type-body-line-height-xs:1.3333333333;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:1rem}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-lg:1rem;--db-type-body-line-height-lg:1.5;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.5rem;--db-type-body-font-size-md:0.875rem;--db-type-body-line-height-md:1.4285714286;--db-base-icon-weight-md:20;--db-base-icon-font-size-md:1.25rem;--db-type-body-font-size-sm:0.75rem;--db-type-body-line-height-sm:1.3333333333;--db-base-icon-weight-sm:16;--db-base-icon-font-size-sm:1rem;--db-type-body-font-size-xl:1rem;--db-type-body-line-height-xl:1.5;--db-base-icon-weight-xl:24;--db-base-icon-font-size-xl:1.5rem;--db-type-body-font-size-xs:0.625rem;--db-type-body-line-height-xs:1.4;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:0.875rem;--db-type-body-font-size-2xl:1rem;--db-type-body-line-height-2xl:1.5;--db-base-icon-weight-2xl:24;--db-base-icon-font-size-2xl:1.5rem;--db-type-body-font-size-2xs:0.5rem;--db-type-body-line-height-2xs:1.5;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.75rem}@media screen and (min-width:768px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-type-body-font-size-lg:1rem;--db-type-body-line-height-lg:1.5;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.5rem;--db-type-body-font-size-md:0.875rem;--db-type-body-line-height-md:1.4285714286;--db-base-icon-weight-md:20;--db-base-icon-font-size-md:1.25rem;--db-type-body-font-size-sm:0.75rem;--db-type-body-line-height-sm:1.3333333333;--db-base-icon-weight-sm:16;--db-base-icon-font-size-sm:1rem;--db-type-body-font-size-xl:1.25rem;--db-type-body-line-height-xl:1.4;--db-base-icon-weight-xl:24;--db-base-icon-font-size-xl:1.75rem;--db-type-body-font-size-xs:0.625rem;--db-type-body-line-height-xs:1.4;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:0.875rem;--db-type-body-font-size-2xl:1.5rem;--db-type-body-line-height-2xl:1.3333333333;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:2rem;--db-type-body-font-size-2xs:0.5rem;--db-type-body-line-height-2xs:1.5;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.75rem}}@media screen and (min-width:1024px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-type-body-font-size-lg:1rem;--db-type-body-line-height-lg:1.5;--db-base-icon-weight-lg:24;--db-base-icon-font-size-lg:1.5rem;--db-type-body-font-size-md:0.875rem;--db-type-body-line-height-md:1.4285714286;--db-base-icon-weight-md:20;--db-base-icon-font-size-md:1.25rem;--db-type-body-font-size-sm:0.75rem;--db-type-body-line-height-sm:1.3333333333;--db-base-icon-weight-sm:16;--db-base-icon-font-size-sm:1rem;--db-type-body-font-size-xl:1.25rem;--db-type-body-line-height-xl:1.4;--db-base-icon-weight-xl:24;--db-base-icon-font-size-xl:1.75rem;--db-type-body-font-size-xs:0.625rem;--db-type-body-line-height-xs:1.4;--db-base-icon-weight-xs:16;--db-base-icon-font-size-xs:0.875rem;--db-type-body-font-size-2xl:1.5rem;--db-type-body-line-height-2xl:1.3333333333;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:2rem;--db-type-body-font-size-2xs:0.5rem;--db-type-body-line-height-2xs:1.5;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:0.75rem}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-lg:1.5rem;--db-type-headline-line-height-lg:1.1666666667;--db-type-headline-font-size-md:1.25rem;--db-type-headline-line-height-md:1.2;--db-type-headline-font-size-sm:1rem;--db-type-headline-line-height-sm:1.25;--db-type-headline-font-size-xl:1.75rem;--db-type-headline-line-height-xl:1.1428571429;--db-type-headline-font-size-xs:0.875rem;--db-type-headline-line-height-xs:1.1428571429;--db-type-headline-font-size-2xl:1.75rem;--db-type-headline-line-height-2xl:1.1428571429;--db-type-headline-font-size-2xs:0.875rem;--db-type-headline-line-height-2xs:1.1428571429;--db-type-headline-font-size-3xl:1.75rem;--db-type-headline-line-height-3xl:1.1428571429;--db-type-headline-font-size-3xs:0.875rem;--db-type-headline-line-height-3xs:1.1428571429}@media screen and (min-width:768px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-type-headline-font-size-lg:1.75rem;--db-type-headline-line-height-lg:1.1428571429;--db-type-headline-font-size-md:1.5rem;--db-type-headline-line-height-md:1.1666666667;--db-type-headline-font-size-sm:1.25rem;--db-type-headline-line-height-sm:1.2;--db-type-headline-font-size-xl:2rem;--db-type-headline-line-height-xl:1.25;--db-type-headline-font-size-xs:1rem;--db-type-headline-line-height-xs:1.25;--db-type-headline-font-size-2xl:2rem;--db-type-headline-line-height-2xl:1.25;--db-type-headline-font-size-2xs:0.875rem;--db-type-headline-line-height-2xs:1.1428571429;--db-type-headline-font-size-3xl:2rem;--db-type-headline-line-height-3xl:1.25;--db-type-headline-font-size-3xs:0.875rem;--db-type-headline-line-height-3xs:1.1428571429}}@media screen and (min-width:1024px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-type-headline-font-size-lg:1.75rem;--db-type-headline-line-height-lg:1.1428571429;--db-type-headline-font-size-md:1.5rem;--db-type-headline-line-height-md:1.1666666667;--db-type-headline-font-size-sm:1.25rem;--db-type-headline-line-height-sm:1.2;--db-type-headline-font-size-xl:2rem;--db-type-headline-line-height-xl:1.25;--db-type-headline-font-size-xs:1rem;--db-type-headline-line-height-xs:1.25;--db-type-headline-font-size-2xl:2.5rem;--db-type-headline-line-height-2xl:1.2;--db-type-headline-font-size-2xs:0.875rem;--db-type-headline-line-height-2xs:1.1428571429;--db-type-headline-font-size-3xl:2.5rem;--db-type-headline-line-height-3xl:1.2;--db-type-headline-font-size-3xs:0.875rem;--db-type-headline-line-height-3xs:1.1428571429}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-lg:1.5rem;--db-type-body-line-height-lg:1.3333333333;--db-base-icon-weight-lg:32;--db-base-icon-font-size-lg:2rem;--db-type-body-font-size-md:1.25rem;--db-type-body-line-height-md:1.4;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.75rem;--db-type-body-font-size-sm:1rem;--db-type-body-line-height-sm:1.5;--db-base-icon-weight-sm:24;--db-base-icon-font-size-sm:1.5rem;--db-type-body-font-size-xl:1.5rem;--db-type-body-line-height-xl:1.3333333333;--db-base-icon-weight-xl:32;--db-base-icon-font-size-xl:2rem;--db-type-body-font-size-xs:0.875rem;--db-type-body-line-height-xs:1.4285714286;--db-base-icon-weight-xs:20;--db-base-icon-font-size-xs:1.25rem;--db-type-body-font-size-2xl:1.5rem;--db-type-body-line-height-2xl:1.3333333333;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:2rem;--db-type-body-font-size-2xs:0.75rem;--db-type-body-line-height-2xs:1.3333333333;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:1rem}@media screen and (min-width:768px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-type-body-font-size-lg:1.5rem;--db-type-body-line-height-lg:1.3333333333;--db-base-icon-weight-lg:32;--db-base-icon-font-size-lg:2rem;--db-type-body-font-size-md:1.25rem;--db-type-body-line-height-md:1.4;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.75rem;--db-type-body-font-size-sm:1rem;--db-type-body-line-height-sm:1.5;--db-base-icon-weight-sm:24;--db-base-icon-font-size-sm:1.5rem;--db-type-body-font-size-xl:1.75rem;--db-type-body-line-height-xl:1.4285714286;--db-base-icon-weight-xl:32;--db-base-icon-font-size-xl:2.5rem;--db-type-body-font-size-xs:0.875rem;--db-type-body-line-height-xs:1.4285714286;--db-base-icon-weight-xs:20;--db-base-icon-font-size-xs:1.25rem;--db-type-body-font-size-2xl:2rem;--db-type-body-line-height-2xl:1.5;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:3rem;--db-type-body-font-size-2xs:0.75rem;--db-type-body-line-height-2xs:1.3333333333;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:1rem}}@media screen and (min-width:1024px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-type-body-font-size-lg:1.5rem;--db-type-body-line-height-lg:1.3333333333;--db-base-icon-weight-lg:32;--db-base-icon-font-size-lg:2rem;--db-type-body-font-size-md:1.25rem;--db-type-body-line-height-md:1.4;--db-base-icon-weight-md:24;--db-base-icon-font-size-md:1.75rem;--db-type-body-font-size-sm:1rem;--db-type-body-line-height-sm:1.5;--db-base-icon-weight-sm:24;--db-base-icon-font-size-sm:1.5rem;--db-type-body-font-size-xl:1.75rem;--db-type-body-line-height-xl:1.4285714286;--db-base-icon-weight-xl:32;--db-base-icon-font-size-xl:2.5rem;--db-type-body-font-size-xs:0.875rem;--db-type-body-line-height-xs:1.4285714286;--db-base-icon-weight-xs:20;--db-base-icon-font-size-xs:1.25rem;--db-type-body-font-size-2xl:2rem;--db-type-body-line-height-2xl:1.5;--db-base-icon-weight-2xl:32;--db-base-icon-font-size-2xl:3rem;--db-type-body-font-size-2xs:0.75rem;--db-type-body-line-height-2xs:1.3333333333;--db-base-icon-weight-2xs:16;--db-base-icon-font-size-2xs:1rem}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-lg:2rem;--db-type-headline-line-height-lg:1.25;--db-type-headline-font-size-md:1.75rem;--db-type-headline-line-height-md:1.1428571429;--db-type-headline-font-size-sm:1.5rem;--db-type-headline-line-height-sm:1.1666666667;--db-type-headline-font-size-xl:2.5rem;--db-type-headline-line-height-xl:1.2;--db-type-headline-font-size-xs:1.25rem;--db-type-headline-line-height-xs:1.2;--db-type-headline-font-size-2xl:2.5rem;--db-type-headline-line-height-2xl:1.2;--db-type-headline-font-size-2xs:1rem;--db-type-headline-line-height-2xs:1.25;--db-type-headline-font-size-3xl:2.5rem;--db-type-headline-line-height-3xl:1.2;--db-type-headline-font-size-3xs:1rem;--db-type-headline-line-height-3xs:1.25}@media screen and (min-width:768px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-type-headline-font-size-lg:2.5rem;--db-type-headline-line-height-lg:1.2;--db-type-headline-font-size-md:2rem;--db-type-headline-line-height-md:1.25;--db-type-headline-font-size-sm:1.75rem;--db-type-headline-line-height-sm:1.1428571429;--db-type-headline-font-size-xl:3rem;--db-type-headline-line-height-xl:1.3333333333;--db-type-headline-font-size-xs:1.5rem;--db-type-headline-line-height-xs:1.1666666667;--db-type-headline-font-size-2xl:4rem;--db-type-headline-line-height-2xl:1.25;--db-type-headline-font-size-2xs:1.25rem;--db-type-headline-line-height-2xs:1.2;--db-type-headline-font-size-3xl:5rem;--db-type-headline-line-height-3xl:1.2;--db-type-headline-font-size-3xs:1.25rem;--db-type-headline-line-height-3xs:1.2}}@media screen and (min-width:1024px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-type-headline-font-size-lg:3rem;--db-type-headline-line-height-lg:1.3333333333;--db-type-headline-font-size-md:2.5rem;--db-type-headline-line-height-md:1.2;--db-type-headline-font-size-sm:2rem;--db-type-headline-line-height-sm:1.25;--db-type-headline-font-size-xl:4rem;--db-type-headline-line-height-xl:1.25;--db-type-headline-font-size-xs:1.75rem;--db-type-headline-line-height-xs:1.1428571429;--db-type-headline-font-size-2xl:5rem;--db-type-headline-line-height-2xl:1.2;--db-type-headline-font-size-2xs:1.5rem;--db-type-headline-line-height-2xs:1.1666666667;--db-type-headline-font-size-3xl:6rem;--db-type-headline-line-height-3xl:1.25;--db-type-headline-font-size-3xs:1.25rem;--db-type-headline-line-height-3xs:1.2}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-sizing-xs:1rem;--db-sizing-sm:1.5rem;--db-sizing-md:2.5rem;--db-sizing-lg:4rem;--db-sizing-xl:6rem;--db-sizing-2xl:10rem;--db-sizing-3xl:15rem;--db-spacing-fixed-3xs:0.125rem;--db-spacing-fixed-2xs:0.25rem;--db-spacing-fixed-xs:0.5rem;--db-spacing-fixed-sm:0.75rem;--db-spacing-fixed-md:1rem;--db-spacing-fixed-lg:1.5rem;--db-spacing-fixed-xl:2rem;--db-spacing-responsive-xs:1.5rem;--db-spacing-responsive-sm:2rem;--db-spacing-responsive-md:3rem;--db-spacing-responsive-lg:5rem;--db-spacing-responsive-xl:7.5rem;--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1}@media screen and (min-width:768px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-spacing-responsive-xs:1.75rem;--db-spacing-responsive-sm:2.5rem;--db-spacing-responsive-md:4rem;--db-spacing-responsive-lg:6rem;--db-spacing-responsive-xl:10rem}}@media screen and (min-width:1024px){.db-ui-regular:not([force-mobile]),:not([force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([force-mobile]),[data-tonality=regular]:not([force-mobile]){--db-spacing-responsive-xs:2rem;--db-spacing-responsive-sm:3rem;--db-spacing-responsive-md:5rem;--db-spacing-responsive-lg:7.5rem;--db-spacing-responsive-xl:15rem}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-sizing-xs:0.875rem;--db-sizing-sm:1.25rem;--db-sizing-md:2rem;--db-sizing-lg:3rem;--db-sizing-xl:5rem;--db-sizing-2xl:7.5rem;--db-sizing-3xl:10rem;--db-spacing-fixed-3xs:0.125rem;--db-spacing-fixed-2xs:0.25rem;--db-spacing-fixed-xs:0.375rem;--db-spacing-fixed-sm:0.5rem;--db-spacing-fixed-md:0.75rem;--db-spacing-fixed-lg:1rem;--db-spacing-fixed-xl:1.5rem;--db-spacing-responsive-xs:1.25rem;--db-spacing-responsive-sm:1.75rem;--db-spacing-responsive-md:2.5rem;--db-spacing-responsive-lg:4rem;--db-spacing-responsive-xl:6rem;--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0}@media screen and (min-width:768px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-spacing-responsive-xs:1.5rem;--db-spacing-responsive-sm:2rem;--db-spacing-responsive-md:3rem;--db-spacing-responsive-lg:5rem;--db-spacing-responsive-xl:7.5rem}}@media screen and (min-width:1024px){.db-header-meta-navigation:not([force-mobile]),.db-ui-functional:not([force-mobile]),[data-tonality=functional]:not([force-mobile]),table:not([force-mobile]){--db-spacing-responsive-xs:1.75rem;--db-spacing-responsive-sm:2.5rem;--db-spacing-responsive-md:4rem;--db-spacing-responsive-lg:6rem;--db-spacing-responsive-xl:10rem}}.db-ui-expressive,[data-tonality=expressive]{--db-sizing-xs:1.25rem;--db-sizing-sm:1.75rem;--db-sizing-md:3rem;--db-sizing-lg:5rem;--db-sizing-xl:7.5rem;--db-sizing-2xl:15rem;--db-sizing-3xl:30rem;--db-spacing-fixed-3xs:0.25rem;--db-spacing-fixed-2xs:0.5rem;--db-spacing-fixed-xs:0.75rem;--db-spacing-fixed-sm:1rem;--db-spacing-fixed-md:1.5rem;--db-spacing-fixed-lg:2rem;--db-spacing-fixed-xl:3rem;--db-spacing-responsive-xs:2rem;--db-spacing-responsive-sm:3rem;--db-spacing-responsive-md:5rem;--db-spacing-responsive-lg:7.5rem;--db-spacing-responsive-xl:10rem;--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1}@media screen and (min-width:768px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-spacing-responsive-xs:2.5rem;--db-spacing-responsive-sm:4rem;--db-spacing-responsive-md:6rem;--db-spacing-responsive-lg:10rem;--db-spacing-responsive-xl:15rem}}@media screen and (min-width:1024px){.db-ui-expressive:not([force-mobile]),[data-tonality=expressive]:not([force-mobile]){--db-spacing-responsive-xs:3rem;--db-spacing-responsive-sm:5rem;--db-spacing-responsive-md:7.5rem;--db-spacing-responsive-lg:15rem;--db-spacing-responsive-xl:30rem}}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}*{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-select select:not([data-value])~label,.db-select select:not([data-value])~label>*,.db-textarea textarea,.db-textarea textarea>*{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-checkbox[data-size=small]+label,.db-infotext,.db-input .db-icon,.db-input db-icon,.db-input input[type=color],.db-input input[type=date],.db-input input[type=datetime-local],.db-input input[type=email],.db-input input[type=month],.db-input input[type=number],.db-input input[type=password],.db-input input[type=search],.db-input input[type=tel],.db-input input[type=text],.db-input input[type=time],.db-input input[type=url],.db-input input[type=week],.db-input:has(>[type=search]),.db-input:has(>datalist):after,.db-link[data-size=small],.db-radio[data-size=small],.db-radio[data-size=small]+label,.db-select,.db-tag,.db-tag .tag-label,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-badge .db-icon>*,.db-badge>*,.db-badge>*>*,.db-button[data-size=small]>*,.db-checkbox[data-size=small]+label>*,.db-checkbox[data-size=small]>*,.db-infotext>*,.db-input .db-icon>*,.db-input db-icon>*,.db-input input[type=color]>*,.db-input input[type=date]>*,.db-input input[type=datetime-local]>*,.db-input input[type=email]>*,.db-input input[type=month]>*,.db-input input[type=number]>*,.db-input input[type=password]>*,.db-input input[type=search]>*,.db-input input[type=tel]>*,.db-input input[type=text]>*,.db-input input[type=time]>*,.db-input input[type=url]>*,.db-input input[type=week]>*,.db-input:has(>[type=search])>*,.db-input:has(>datalist):after>*,.db-link[data-size=small]>*,.db-radio[data-size=small]+label>*,.db-radio[data-size=small]>*,.db-select>*,.db-tag .tag-label>*,.db-tag>*,code>*,div[class^=ch-] div>*,div[class^=ch-] span>*,small>*{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-infotext[data-size=small]>*,.db-textarea label,.db-textarea label>*{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge[data-size=small],.db-badge[data-size=small] .db-icon,.db-badge[data-size=small] .db-icon>*,.db-badge[data-size=small]>*,.db-badge[data-size=small]>*>*,.db-select label,.db-select label>*{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/version/v0.0.54/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/version/v0.0.54/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/version/v0.0.54/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/version/v0.0.54/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/version/v0.0.54/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}.app-canvas,.control-pane,body{font-family:DB Screen Sans,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:DB Screen Head,Helvetica,Arial,sans-serif;font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs)}:where(html){line-height:1.15}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}code,pre:has(code){--db-current-base-color:var( --db-neutral-enabled,#646973 );--db-current-color:var( --db-neutral-bg-enabled,#fff );--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var( --db-neutral-on-bg-enabled,#242629 ));--db-current-element-color:var( --db-neutral-element-enabled,#646973 );--db-current-border-color:var( --db-neutral-border-enabled,hsla(220,7%,42%,.64) );--db-current-border-weak-color:var( --db-neutral-border-weak-enabled,hsla(220,7%,42%,.32) );background-color:var(--db-current-bg-color);color:var(--db-current-color)}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:var(--db-informational-enabled,#0087b9);--db-focus-outline-size:max(2px,0.08em);--db-disabled-text-opacity:0.5}body,html{margin:0;padding:0}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:is(a,button,input,textarea,summary,select):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"• "}:where(ul) li::marker{color:var --db-primary-enabled,var(--db-primary-enabled,#ec0016)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-2xs);padding-inline:var(--db-spacing-fixed-xs)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.db-accordion-item,.db-accordion-item summary,.db-button,.db-checkbox,.db-input input,.db-radio,.db-radio:checked:enabled:hover,.db-select select,.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-checkbox:checked,.db-code-docs .code-details .code{color:var(--db-current-bg-color);background-color:var(--db-current-color)}.db-checkbox:checked:before{color:var(--db-current-bg-color)}.db-checkbox:enabled:hover:checked{background-color:color-mix(in srgb,transparent 16%,var(--db-current-color))}.db-checkbox:enabled:active:checked{background-color:color-mix(in srgb,transparent 24%,var(--db-current-color))}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;display:inline-flex;justify-content:center;text-align:center;align-items:center}.db-button{color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md)}.db-button:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:.25}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important;display:flex}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-neutral-bg-enabled,#fff);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing,cubic-bezier(.15,0,.45,1))}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-8,0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14))}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-2,0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14))}.db-card[data-elevation=none]{box-shadow:none}.db-accordion-item summary:after,.db-input:has(>datalist):after,.db-select:after{--db-icon:"expand_more";-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(>datalist):after,.db-select:after{transition:transform var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95))}.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea label{display:flex;align-items:center;-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);cursor:text}.db-textarea label[data-overflow=true]{max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input:has(input:disabled),.db-input:has(select:disabled),.db-input:has(textarea:disabled),.db-select:has(input:disabled),.db-select:has(select:disabled),.db-select:has(textarea:disabled),.db-textarea:has(input:disabled),.db-textarea:has(select:disabled),.db-textarea:has(textarea:disabled){opacity:.25;pointer-events:none}.db-input:has(input:required) label:after,.db-input:has(select:required) label:after,.db-input:has(textarea:required) label:after,.db-select:has(input:required) label:after,.db-select:has(select:required) label:after,.db-select:has(textarea:required) label:after,.db-textarea:has(input:required) label:after,.db-textarea:has(select:required) label:after,.db-textarea:has(textarea:required) label:after{content:" *";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-ui-expressive,.db-ui-regular,:root{--db-input-disabled-label-opacity:0.25}.db-ui-functional{--db-input-disabled-label-opacity:0}.db-input{--db-input-padding-inline-start:var(--db-spacing-fixed-sm);--db-input-padding-end-icon-after:0;--db-input-padding-end-data-variant:0;--db-input-padding-end-datalist:0;--db-icon-margin-end:0;--db-input-label-max-width:80%;position:relative}.db-input[data-variant=critical]{--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-input[data-variant=critical],.db-input[data-variant=critical] select{--db-current-color:var(--db-critical-on-bg-enabled,#550008);color:var(--db-critical-on-bg-enabled,#550008)}.db-input[data-variant=informational]{--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-input[data-variant=informational],.db-input[data-variant=informational] select{--db-current-color:var(--db-informational-on-bg-enabled,#003143);color:var(--db-informational-on-bg-enabled,#003143)}.db-input[data-variant=warning]{--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-input[data-variant=warning],.db-input[data-variant=warning] select{--db-current-color:var(--db-warning-on-bg-enabled,#3e2500);color:var(--db-warning-on-bg-enabled,#3e2500)}.db-input[data-variant=successful]{--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-input[data-variant=successful],.db-input[data-variant=successful] select{--db-current-color:var(--db-successful-on-bg-enabled,#1b3000);color:var(--db-successful-on-bg-enabled,#1b3000)}.db-input:has(>.icon-before,>[type=search]){--db-input-padding-inline-start:calc(var(--db-sizing-md));--db-input-label-max-width:70%}.db-input:has(>.icon-before,>[type=search]) input{-webkit-padding-start:var(--db-input-padding-inline-start);padding-inline-start:var(--db-input-padding-inline-start)}.db-input:has(>.icon-after){--db-input-padding-end-icon-after:1}.db-input[data-variant]{--db-input-padding-end-data-variant:1}.db-input[data-variant]:has(>.icon-after){--db-input-label-max-width:61%}.db-input:has(>datalist):has(>.icon-after) .icon-after{-webkit-padding-start:var(--db-spacing-fixed-xs);padding-inline-start:var(--db-spacing-fixed-xs)}.db-input:has(>datalist){--db-input-padding-end-datalist:1}.db-input:has(>datalist):has(input:is(:focus,:not(:placeholder-shown))):after{transform:rotate(-180deg)}.db-input:has(>datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-input:has(>[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input .db-icon,.db-input db-icon,.db-input:has(>[type=search]):before,.db-input:has(>datalist):after{block-size:var(--db-sizing-md);display:flex;align-items:center;position:absolute;inset-block-start:0;margin-inline:var(--db-spacing-fixed-sm)}.db-input .icon-after,.db-input dbicon.icon-after>.db-icon,.db-input:has(>datalist):after{inset-inline-end:0}.db-input .icon-after{-webkit-margin-end:calc(var(--db-spacing-fixed-sm) + var(--db-input-padding-end-datalist)*var(--db-sizing-md) - var(--db-input-padding-end-datalist)*var(--db-spacing-fixed-sm));margin-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-input-padding-end-datalist)*var(--db-sizing-md) - var(--db-input-padding-end-datalist)*var(--db-spacing-fixed-sm))}.db-input:has(>input:disabled) .db-icon,.db-input:has(>input:disabled):has(>datalist):after{opacity:.5}.db-input label{position:absolute;display:flex;align-items:center;font-size:var(--db-type-body-font-size-md);transform-origin:left;transform:translate(var(--db-input-padding-inline-start),calc(-1 * var(--db-sizing-md)));transition:transform .2s var(--db-transition-functional-timing,cubic-bezier(.15,0,.45,1));will-change:transform;block-size:var(--db-sizing-md);cursor:text;max-inline-size:var(--db-input-label-max-width,80%)}.db-input label span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input input{--db-input-padding-inline-end:calc((var(--db-input-padding-end-icon-after) + var(--db-input-padding-end-data-variant) + var(--db-input-padding-end-datalist)) * var(--db-sizing-md));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));block-size:var(--db-sizing-md);max-inline-size:100%;inline-size:100%;padding:var(--db-spacing-fixed-xs) var(--db-input-padding-inline-end) var(--db-spacing-fixed-xs) var(--db-input-padding-inline-start)}.db-input input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input:focus,.db-input input:not(:placeholder-shown){padding-block:calc(var(--db-spacing-fixed-xs) + .25em*var(--db-input-focus-opacity)) calc(var(--db-spacing-fixed-xs) - var(--db-input-focus-opacity)*var(--db-spacing-fixed-xs))}.db-input input:focus+label,.db-input input:not(:placeholder-shown)+label{transition:opacity .08s,transform .15s;opacity:var(--db-input-focus-opacity);transform:translate(calc(var(--db-input-padding-inline-start) + .1em),calc(var(--db-sizing-md) * -1.25)) scale(var(--db-input-label-scale))}.db-input input:disabled:not(:placeholder-shown)+label{opacity:var(--db-input-disabled-label-opacity)}@media(prefers-reduced-motion:reduce){.db-input input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label,.db-input input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+label{transition-duration:.01s!important}}.db-input input[type=color]::placeholder,.db-input input[type=date]::placeholder,.db-input input[type=datetime-local]::placeholder,.db-input input[type=email]::placeholder,.db-input input[type=month]::placeholder,.db-input input[type=number]::placeholder,.db-input input[type=password]::placeholder,.db-input input[type=search]::placeholder,.db-input input[type=tel]::placeholder,.db-input input[type=text]::placeholder,.db-input input[type=time]::placeholder,.db-input input[type=url]::placeholder,.db-input input[type=week]::placeholder{opacity:0}.db-input input[type=color]:focus::placeholder,.db-input input[type=date]:focus::placeholder,.db-input input[type=datetime-local]:focus::placeholder,.db-input input[type=email]:focus::placeholder,.db-input input[type=month]:focus::placeholder,.db-input input[type=number]:focus::placeholder,.db-input input[type=password]:focus::placeholder,.db-input input[type=search]:focus::placeholder,.db-input input[type=tel]:focus::placeholder,.db-input input[type=text]:focus::placeholder,.db-input input[type=time]:focus::placeholder,.db-input input[type=url]:focus::placeholder,.db-input input[type=week]:focus::placeholder{opacity:.5}.db-input input[type=search]{-webkit-padding-start:var(--db-input-padding-inline-start);padding-inline-start:var(--db-input-padding-inline-start)}.db-input input[type=search],.db-input input[type=search]+label{--db-input-padding-inline-start:calc(var(--db-spacing-fixed-sm) * 2 + var(--db-spacing-fixed-md))}.db-input input[type=search]:focus:enabled+label,.db-input input[type=search]:not(:placeholder-shown):enabled+label{-webkit-padding-start:0;padding-inline-start:0}.db-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-start:0;block-size:var(--db-sizing-md);inline-size:1em;background:url(/mono/version/v0.0.54/_next/static/media/db_ic_cancel_24.6027b52b.svg) no-repeat 50% 50%;background-size:contain;cursor:pointer;-webkit-transition:opacity .12s;transition:opacity .12s}.db-ui-expressive .db-input>input[type=date]::-webkit-calendar-picker-indicator,.db-ui-expressive .db-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,.db-ui-expressive .db-input>input[type=week]::-webkit-calendar-picker-indicator,.db-ui-regular .db-input>input[type=date]::-webkit-calendar-picker-indicator,.db-ui-regular .db-input>input[type=datetime-local]::-webkit-calendar-picker-indicator,.db-ui-regular .db-input>input[type=week]::-webkit-calendar-picker-indicator{-webkit-margin-before:-.75em;margin-block-start:-.75em;padding:0}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-neutral-bg-enabled,#fff);box-shadow:var(--db-elevation-4,0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14));display:flex;flex-direction:column;-webkit-margin-after:var(--db-spacing-fixed-2xs);margin-block-end:var(--db-spacing-fixed-2xs);position:relative;min-block-size:3.5rem}@media screen and (min-width:1024px){.db-header:not([force-mobile]){--db-drawer-max-width:768px}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:1024px){.db-header-navigation-bar:not([force-mobile]){padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:1024px){.db-header-meta-navigation:not([force-mobile]){padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([force-mobile]):empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:1024px){.db-header-action-container:has(>.db-header-action-bar:empty):not([force-mobile]){display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:1024px){.db-header-brand-container:not([force-mobile]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative}.db-header-brand-container:not([force-mobile])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-header-brand-container:not([force-mobile]):after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%}@media screen and (min-width:1024px){.db-header-action-container:before:not([force-mobile]){-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:1024px){.db-header-action-bar:not([force-mobile]):before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:1024px){.db-header-action-bar:not([force-mobile]),.db-header-navigation:not([force-mobile]){gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}[data-hide-on=mobile]{display:none}@media screen and (min-width:1024px){[data-hide-on=mobile]:not([force-mobile]){display:inherit}[data-hide-on=desktop]:not([force-mobile]){display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95))}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;overflow:hidden;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;align-items:center;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629)))}.db-link[aria-disabled=true]{opacity:var(--db-disabled-text-opacity,.5);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon:"arrow_forward"}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon:"link_external"}.db-link:focus-visible{border-radius:.25rem}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:focus-visible,.db-link[data-content=internal]:focus-visible{outline-offset:var(--db-focus-outline-offset,1px)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-primary-text-enabled,#ec0016);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-primary-text-hover,#d90014)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-primary-text-pressed,#c80012)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:1024px){.db-section:not([force-mobile]){padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:1024px}.db-section>div[data-variant=large]{max-inline-size:1440px}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);--db-icon-font-family:"db-ux-solid";display:flex}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=critical]{color:var(--db-critical-enabled,#ec0016)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled,#ec0016)}.db-infotext[data-variant=informational]{color:var(--db-informational-enabled,#0087b9)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled,#309fd1)}.db-infotext[data-variant=warning]{color:var(--db-warning-enabled,#ac6600)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled,#d68000)}.db-infotext[data-variant=successful]{color:var(--db-successful-enabled,#4c8500)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled,#63a615)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[force-mobile]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:768px){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[force-mobile]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:768px){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[force-mobile]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:768px){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled,#ec0016)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled,#309fd1)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled,#d68000)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled,#63a615)}.db-checkbox{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;position:relative;border:max(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;border-radius:.15625rem;display:inline-flex;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-checkbox:checked,.db-checkbox:indeterminate{--db-icon-margin-end:0}.db-checkbox:checked:before,.db-checkbox:indeterminate:before{position:absolute}.db-checkbox:checked{border-width:0}.db-checkbox:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox:indeterminate:before{line-height:20px}.db-checkbox:disabled,.db-checkbox:disabled+label{opacity:.5}.db-checkbox+label{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);vertical-align:top}.db-checkbox[data-size=small]+label{-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:required+label:after{content:" *"}.db-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:max(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));border-radius:100px;display:inline-block;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));transition:border-width .15s var(--db-transition-functional-timing,cubic-bezier(.15,0,.45,1));inline-size:auto;padding:0}.db-radio:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-radio:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-radio:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}.db-radio:is(:user-invalid),.db-radio[aria-invalid=true]{border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-radio:is(:user-invalid)+label,.db-radio[aria-invalid=true]+label{color:var(--db-critical-enabled,#ec0016)}.db-radio+label{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);vertical-align:top}.db-radio:disabled,.db-radio:disabled+label{opacity:.25}.db-radio:required+label:after{content:" *"}.db-radio[data-size=small]+label{-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs)}@media(prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-code-docs,.db-code-docs.db-card,.db-code-docs>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details,.db-code-docs.db-card .code-details,.db-code-docs>.db-card .code-details{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:100%;display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset-inline-end:0;inset-block:0;-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md)}@media screen and (min-width:768px){.db-code-docs .code-details .code:not([force-mobile]){inline-size:50%}}.db-tag{block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content;position:relative}.db-tag:not(.db-tag[data-interactive=true])[data-emphasis=strong],.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical]:not(.db-tag:not(.db-tag[data-interactive=true])[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational]:not(.db-tag:not(.db-tag[data-interactive=true])[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning]:not(.db-tag:not(.db-tag[data-interactive=true])[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful]:not(.db-tag:not(.db-tag[data-interactive=true])[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-tag[data-interactive=true][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical]:not(.db-tag[data-interactive=true]:has(input:checked)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational]:not(.db-tag[data-interactive=true]:has(input:checked)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning]:not(.db-tag[data-interactive=true]:has(input:checked)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful]:not(.db-tag[data-interactive=true]:has(input:checked)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-tag[data-interactive=true]:has(input:checked)[data-emphasis=strong]{color:#fff}.db-tag .tag-label{display:block}.db-tag .tag-label:not(.is-icon-text-replace){margin-inline:var(--db-spacing-fixed-2xs)}.db-tag .tag-label[data-overflow=true]{max-inline-size:var(--db-sizing-2xl);text-overflow:ellipsis;overflow:hidden}.db-tag .tag-label[data-icon]{--db-icon-margin-end:var(--db-spacing-fixed-3xs)}.db-tag .tag-label[data-icon]:before{vertical-align:top}.db-tag .db-button[data-size=small]{border-radius:.1875rem;block-size:100%}.db-tag[data-disabled=true]{opacity:.25;pointer-events:none}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-neutral-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--default-card-border-radius,.5rem);border-end-start-radius:var(--default-card-border-radius,.5rem)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--default-card-border-radius,.5rem);border-end-end-radius:var(--default-card-border-radius,.5rem)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--default-card-border-radius,.5rem);border-start-start-radius:var(--default-card-border-radius,.5rem)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--default-card-border-radius,.5rem);border-end-start-radius:var(--default-card-border-radius,.5rem)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-neutral-bg-enabled,#fff);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-4,0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14))}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-4,0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14))}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left .5s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right .5s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top .5s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom .5s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left .4s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right .4s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top .4s cubic-bezier(.49,.1,.16,1) normal both}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom .4s cubic-bezier(.49,.1,.16,1) normal both}.db-select:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select select:not([data-value])~label{inset-block-start:calc((var(--db-sizing-md) - var(--db-base-font-size)*var(--db-base-line-height))/2)}.db-select{--db-has-before:0;--db-has-status:0;position:relative;min-inline-size:calc(var(--db-select-min-width, calc(3 * var(--db-sizing-md))) + var(--db-has-before)*var(--db-sizing-md))}.db-select[data-variant=critical]{--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-select[data-variant=critical],.db-select[data-variant=critical] select{--db-current-color:var(--db-critical-on-bg-enabled,#550008);color:var(--db-critical-on-bg-enabled,#550008)}.db-select[data-variant=informational]{--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-select[data-variant=informational],.db-select[data-variant=informational] select{--db-current-color:var(--db-informational-on-bg-enabled,#003143);color:var(--db-informational-on-bg-enabled,#003143)}.db-select[data-variant=warning]{--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-select[data-variant=warning],.db-select[data-variant=warning] select{--db-current-color:var(--db-warning-on-bg-enabled,#3e2500);color:var(--db-warning-on-bg-enabled,#3e2500)}.db-select[data-variant=successful]{--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-select[data-variant=successful],.db-select[data-variant=successful] select{--db-current-color:var(--db-successful-on-bg-enabled,#1b3000);color:var(--db-successful-on-bg-enabled,#1b3000)}.db-select[data-icon]{--db-has-before:1}.db-select:not([data-variant]) select,.db-select[data-variant=adaptive] select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-select select{border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-has-before)*(var(--db-sizing-md) - var(--db-spacing-fixed-sm)));inline-size:100%;-webkit-padding-before:var(--db-spacing-fixed-sm);padding-block-start:var(--db-spacing-fixed-sm);-webkit-padding-start:var(--db-spacing-fixed-sm);padding-inline-start:var(--db-spacing-fixed-sm);-webkit-padding-end:var(--db-sizing-md);padding-inline-end:var(--db-sizing-md)}.db-select select:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select label,.db-select:after,.db-select:before{position:absolute;pointer-events:none}.db-select:has(select:disabled){opacity:.25;pointer-events:none}.db-select label{inset-block-start:var(--db-spacing-fixed-2xs);transition:left,top,font-size .2s var(--db-transition-functional-timing,cubic-bezier(.15,0,.45,1));inset-inline-start:calc(var(--db-has-before)*(var(--db-sizing-md) - var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-sm))}.db-select:after,.db-select:before{inset-block-start:calc(var(--db-base-font-size)*var(--db-base-line-height)/2)}.db-select:before{inset-inline-start:var(--db-spacing-fixed-sm)}.db-select option{background-color:var(--db-current-bg-color)}@media screen and (min-width:1024px){.db-navigation-item:not([force-mobile]):after{-webkit-border-start:none;border-inline-start:none;-webkit-border-after:.25rem solid var(--db-primary-enabled,#ec0016);border-block-end:.25rem solid var(--db-primary-enabled,#ec0016);inset-block-end:calc(-1*var(--db-spacing-fixed-xs));inline-size:0;block-size:auto;inset-inline-start:50%;inset-block-start:auto;transform:translate(-50%)}}.db-navigation-item:after{content:"";position:absolute;border-radius:.25rem;transition:height .15s var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95)),width .15s var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95));block-size:0;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));-webkit-border-start:.25rem solid var(--db-primary-enabled,#ec0016);border-inline-start:.25rem solid var(--db-primary-enabled,#ec0016)}@media screen and (min-width:1024px){.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([force-mobile]):after{block-size:auto;inline-size:100%}}.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%}@media screen and (min-width:1024px){.db-navigation-item .db-navigation-item-expand-button:not([force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):hover~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--default-card-border-radius,.5rem);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:focus-visible:is(button),.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:focus-visible):is(button),.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:focus-within):is(button),.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:focus-visible,.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:focus-visible),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:focus-within),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:focus-visible,.db-navigation-item a:has(~.db-sub-navigation:focus-visible),.db-navigation-item a:has(~.db-sub-navigation:focus-within),.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-navigation-item a:after{--db-icon-margin-start:auto}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button{-webkit-padding-start:calc(var(--db-spacing-fixed-sm) + var(--db-base-font-size)*var(--db-base-line-height) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)));padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-base-font-size)*var(--db-base-line-height) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)))}.db-navigation-item a{text-decoration:none}.db-navigation-item .db-navigation-item-expand-button[force-mobile][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left .5s cubic-bezier(.49,.1,.16,1) normal both}.db-navigation-item .db-navigation-item-expand-button[force-mobile][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[force-mobile]:not(.db-navigation-item .db-navigation-item-expand-button[force-mobile][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left .4s cubic-bezier(.49,.1,.16,1) normal both}@media screen and (max-width:1024px){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left .5s cubic-bezier(.49,.1,.16,1) normal both}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left .4s cubic-bezier(.49,.1,.16,1) normal both}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon:"chevron_right";-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item[aria-current=page]{font-weight:700}.db-navigation-item:not([aria-current=page]){font-weight:400}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full]:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.25;pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-neutral-bg-enabled,#fff);visibility:hidden}.db-sub-navigation[force-mobile]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(3.5rem + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:1024px){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;inset-block:calc(3.5rem + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:1024px){.db-sub-navigation:not([force-mobile]) .db-mobile-navigation-back{display:none}.db-sub-navigation:not([force-mobile]){border-radius:var(--default-card-border-radius,.5rem);box-shadow:var(--db-elevation-4,0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14));padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}}@media screen and (min-width:1024px){.db-sub-navigation:not([force-mobile]):focus-within,.db-sub-navigation:not([force-mobile]):hover{visibility:visible}.db-sub-navigation:not([force-mobile]):before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([force-mobile]) .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([force-mobile]) .db-sub-navigation:before{content:"";padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;display:flex;font-weight:400;background-color:var(--db-neutral-bg-enabled,#fff);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-textarea-label-max-width:80%;position:relative;display:flex;flex-direction:column}.db-textarea[data-variant=critical]{--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-textarea[data-variant=critical],.db-textarea[data-variant=critical] select{--db-current-color:var(--db-critical-on-bg-enabled,#550008);color:var(--db-critical-on-bg-enabled,#550008)}.db-textarea[data-variant=informational]{--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-textarea[data-variant=informational],.db-textarea[data-variant=informational] select{--db-current-color:var(--db-informational-on-bg-enabled,#003143);color:var(--db-informational-on-bg-enabled,#003143)}.db-textarea[data-variant=warning]{--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-textarea[data-variant=warning],.db-textarea[data-variant=warning] select{--db-current-color:var(--db-warning-on-bg-enabled,#3e2500);color:var(--db-warning-on-bg-enabled,#3e2500)}.db-textarea[data-variant=successful]{--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-textarea[data-variant=successful],.db-textarea[data-variant=successful] select{--db-current-color:var(--db-successful-on-bg-enabled,#1b3000);color:var(--db-successful-on-bg-enabled,#1b3000)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));max-inline-size:100%;inline-size:100%;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.db-textarea textarea:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::placeholder{opacity:.25}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-sm);display:flex;border-radius:42px;padding-inline:var(--db-spacing-fixed-xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-emphasis=strong],.db-badge[data-variant=critical][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled,rgba(236,0,22,.32))}.db-badge[data-variant=informational][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled,rgba(0,135,185,.32))}.db-badge[data-variant=warning][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled,rgba(172,102,0,.32))}.db-badge[data-variant=successful][data-emphasis=strong]{--db-current-color:#fff;color:var(--db-current-color)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled,rgba(99,166,21,.32))}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]{--badge-size:var(--db-spacing-fixed-xs);padding-inline:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]:empty,.db-badge[data-size=small]>span:empty{padding:0}.db-badge[data-size=small]:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative;inline-size:100%}.db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-accordion-item :not(summary):not(link){padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item:last-of-type{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));position:relative}.db-accordion-item:last-of-type[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-neutral-border-enabled,hsla(220,7%,42%,.64)))}.db-accordion-item:last-of-type:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:.25}.db-accordion-item summary{list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:.25rem2}.db-accordion-item[open] :not(summary):not(link){animation:accordion-open var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95)) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:1024px){.db-main-navigation:not([force-mobile]){-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:1024px){.db-main-navigation>menu:not([force-mobile]){flex-direction:row}}@media screen and (min-width:1024px){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon:"expand_more";transition:transform var(--db-transition-duration-fast,.3s) var(--db-transition-emotional-timing,cubic-bezier(.27,.05,.4,.95))}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([force-mobile]):hover:after{transform:rotate(-180deg)}}@media screen and (min-width:1024px){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):after{--db-icon:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([force-mobile]):hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-section,db-select,db-tab,db-tabbar,db-tag,db-textarea,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbsection,dbselect,dbtab,dbtabbar,dbtag,dbtextarea{display:contents}db-alert,dbalert{inline-size:inherit}:has(.db-badge[data-placement^=corner]){position:relative}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-current-border-weak-color,var(--db-neutral-border-weak-enabled,hsla(220,7%,42%,.32)));padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-neutral-bg-enabled,#fff)}.ch-frame-buttons{display:none!important}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{flex-direction:column;padding:var(--db-spacing-fixed-md)}.default-container,.variants-list{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list>div{align-items:center}.html-code-container,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.html-code-container{flex-direction:column}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}
\ No newline at end of file
diff --git a/version/v0.0.54/_next/static/media/db-ux.13280829.woff2 b/version/v0.0.54/_next/static/media/db-ux.13280829.woff2
deleted file mode 100644
index 403d275b281..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.13280829.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.23363048.woff2 b/version/v0.0.54/_next/static/media/db-ux.23363048.woff2
deleted file mode 100644
index 00d9f22b96a..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.23363048.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.3373fc07.woff2 b/version/v0.0.54/_next/static/media/db-ux.3373fc07.woff2
deleted file mode 100644
index 8a5572538d8..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.3373fc07.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.4d619fc4.woff2 b/version/v0.0.54/_next/static/media/db-ux.4d619fc4.woff2
deleted file mode 100644
index 5773c1bc786..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.4d619fc4.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.4f7c59c1.woff2 b/version/v0.0.54/_next/static/media/db-ux.4f7c59c1.woff2
deleted file mode 100644
index b40210d8f32..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.4f7c59c1.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.536359ae.woff2 b/version/v0.0.54/_next/static/media/db-ux.536359ae.woff2
deleted file mode 100644
index 16f0356efa7..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.536359ae.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.67ff1d5b.woff2 b/version/v0.0.54/_next/static/media/db-ux.67ff1d5b.woff2
deleted file mode 100644
index 872a927f6d4..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.67ff1d5b.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.6f286205.woff2 b/version/v0.0.54/_next/static/media/db-ux.6f286205.woff2
deleted file mode 100644
index 4179b2bd1bf..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.6f286205.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.7a5451d6.woff2 b/version/v0.0.54/_next/static/media/db-ux.7a5451d6.woff2
deleted file mode 100644
index 64070a71295..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.7a5451d6.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.879b1db9.woff2 b/version/v0.0.54/_next/static/media/db-ux.879b1db9.woff2
deleted file mode 100644
index 1bc4e27b6ae..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.879b1db9.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.a86cb5cc.woff2 b/version/v0.0.54/_next/static/media/db-ux.a86cb5cc.woff2
deleted file mode 100644
index 1377107537f..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.a86cb5cc.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.ab1ecea2.woff2 b/version/v0.0.54/_next/static/media/db-ux.ab1ecea2.woff2
deleted file mode 100644
index 75dbc789d9c..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.ab1ecea2.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.aef711e8.woff2 b/version/v0.0.54/_next/static/media/db-ux.aef711e8.woff2
deleted file mode 100644
index f28f46f8aaf..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.aef711e8.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.d14e3e2d.woff2 b/version/v0.0.54/_next/static/media/db-ux.d14e3e2d.woff2
deleted file mode 100644
index f76bf008957..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.d14e3e2d.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.e366e01e.woff2 b/version/v0.0.54/_next/static/media/db-ux.e366e01e.woff2
deleted file mode 100644
index 884e0b2c00d..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.e366e01e.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.e986f52e.woff2 b/version/v0.0.54/_next/static/media/db-ux.e986f52e.woff2
deleted file mode 100644
index 168932e81e7..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.e986f52e.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.fdad4e84.woff2 b/version/v0.0.54/_next/static/media/db-ux.fdad4e84.woff2
deleted file mode 100644
index acad19af100..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.fdad4e84.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db-ux.fdafc88b.woff2 b/version/v0.0.54/_next/static/media/db-ux.fdafc88b.woff2
deleted file mode 100644
index b8773d47f82..00000000000
Binary files a/version/v0.0.54/_next/static/media/db-ux.fdafc88b.woff2 and /dev/null differ
diff --git a/version/v0.0.54/_next/static/media/db_ic_cancel_24.6027b52b.svg b/version/v0.0.54/_next/static/media/db_ic_cancel_24.6027b52b.svg
deleted file mode 100644
index c59e3e5677f..00000000000
--- a/version/v0.0.54/_next/static/media/db_ic_cancel_24.6027b52b.svg
+++ /dev/null
@@ -1 +0,0 @@
-functional regular expressive neutral neutral-strong neutral-transparent-full neutral-transparent-semi primary primary-transparent-full primary-transparent-semi successful successful-transparent-full successful-transparent-semi critical critical-transparent-full critical-transparent-semi warning warning-transparent-full warning-transparent-semi informational informational-transparent-full informational-transparent-semi
Open IFrame
-
<db-accordion-item title="Enabled (Default)">
-
<db-accordion-item title="Disabled" [disabled]="true">Disabled</db-accordion-item>
-
<db-accordion-item title="Open" [open]="true">Open</db-accordion-item>
-
<db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>
-
<db-accordion-item title="functional">functional</db-accordion-item>
-
<db-accordion-item title="regular (Default)">
-
<db-accordion-item title="expressive">expressive</db-accordion-item>
-
Angular
-
For general installation and configuration look at the ngx-components package.
-
Load component
-
import { DBAccordionItemModule } from '@db-ui/ngx-components';
imports: [..., DBAccordionItemModule],
-
Use component
-
With Slots
-
<!-- app.component.html -->
<ng-container *title>Title</ng-container>
-
With attributes
-
<!-- app.component.html -->
<db-accordion-item title="Title" content="Content"></db-accordion-item>
-
HTML
-
For general installation and configuration look at the components package.
-
Use component
-
<details id="my_id" class="db-accordion-item">
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description cmp-accordion🔁 db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)
-
props
-
Before Status After Description summary🔁 titleThe title/summary of the details element. emphasis❌ ❌ There is no emphasis anymore. size❌ ❌ Controlled by the tonality. 🆕 disabledDisable the component. 🆕 contentPass in a simple string as fallback to normal children/slot 🆕 slotTitlePass in a custom title (only required for React)
-
React
-
For general installation and configuration look at the react-components package.
-
Use component
-
With Slots
-
import { DBAccordionItem } from "@db-ui/react-components";
const App = () => <DBAccordionItem slotTitle="Title">Content</DBAccordionItem>;
-
With attributes
-
import { DBAccordionItem } from "@db-ui/react-components";
const App = () => <DBAccordionItem title="Title" content="Content" />;
-
Vue
-
For general installation and configuration look at the v-components package.
-
Use component
-
With Slots
-
import { DBAccordionItem } from "@db-ui/v-components";
<template v-slot:title>Title</template>
-
With attributes
-
import { DBAccordionItem } from "@db-ui/v-components";
<DBAccordionItem title="Title" content="Content"></DBAccordionItem>
-
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
<db-accordion behaviour="single">
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
Angular
-
For general installation and configuration look at the ngx-components package.
-
Load component
-
import { DBAccordionModule } from '@db-ui/ngx-components';
imports: [..., DBAccordionModule],
-
Use component
-
<!-- app.component.html -->
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
-
HTML
-
For general installation and configuration look at the components package.
-
Use component
-
<div class="db-accordion">
<details id="id_1" class="db-accordion-item">
<summary>Title 1</summary>
<details id="id_2" class="db-accordion-item">
<summary>Title 2</summary>
<details id="id_3" class="db-accordion-item">
<summary>Title 3</summary>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration look at the react-components package.
-
Use component
-
import { DBAccordion } from "@db-ui/react-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
-
Vue
-
For general installation and configuration look at the v-components package.
-
Use component
-
import { DBAccordion } from "@db-ui/v-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
-
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
-
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>
-
<db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
-
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link</db-alert>
-
<db-alert [link]="{'href':'#','text':'Link'}">Text & Link</db-alert>
-
<db-alert>Text</db-alert>
-
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">functional</db-alert>
-
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">regular (Default)</db-alert>
-
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>
-
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
-
<db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>
-
<db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
-
<db-alert type="alert" variant="critical" headline="Headline" [link]="{'href':'#','text':'Link'}">Critical</db-alert>
-
<db-alert type="alert" variant="informational" headline="Headline" [link]="{'href':'#','text':'Link'}">Informational</db-alert>
-
<db-alert type="alert" variant="successful" headline="Headline" [link]="{'href':'#','text':'Link'}">Successful</db-alert>
-
<db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBAlertModule } from '@db-ui/ngx-components';
imports: [..., DBAlertModule],
-
Use component
-
<!-- app.component.html -->
<db-alert headline="Headline">Alert</db-alert>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<div class="db-alert" data-icon="info">
<div class="db-alert-content-container">
<div class="db-alert-headline-container">
<strong>Headline</strong>
<div class="db-alert-close-container">
class="db-button is-icon-text-replace"
data-variant="transparent"
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description elm-notification🔁 db-alertThe old notification component has been split into 2 different components Notification and Alert for more information (when and how to use it).
-
variant ➡ type
-
Before Status After Description alert🔁 alertDefault alert with different look status❌ ❌ Status can be changed by variants 🆕 inlineNew styling with shadow and rounded corners (like card)
-
type ➡ variants
-
Before Status After Description 🆕 adaptiveDefault: change colors based on background error🔁 critical'Red' colored alert to show error messages informative🔁 informational'Blue' colored alert to show information messages warning🔁 warning'Yellow' colored alert to show warning messages success🔁 successful'Green' colored alert to show success messages
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBAlert } from "@db-ui/react-components";
const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBAlert } from "@db-ui/v-components";
<DBAlert headline="Headline">Alert</DBAlert>
-
<db-badge [noContent]="true">Dot (Default)</db-badge>
-
<db-badge [noContent]="true" size="small">Dot - Small</db-badge>
-
<db-badge>Text</db-badge>
-
<db-badge example="icon">Icon</db-badge>
-
<db-badge example="icon" size="small">
-
<db-badge>Weak (Default)</db-badge>
-
<db-badge emphasis="strong">Strong</db-badge>
-
<db-badge example="number">Numbers</db-badge>
-
<db-badge placement="inline">Inline (Default)</db-badge>
-
<db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
-
<db-badge placement="corner-center-left">Corner - Center - Left</db-badge>
-
<db-badge placement="corner-bottom-left">Corner - Bottom- Left</db-badge>
-
<db-badge placement="corner-top-right">Corner - Top - Right</db-badge>
-
<db-badge placement="corner-center-right">Corner - Center - Right</db-badge>
-
<db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
-
<db-badge>Medium (Default)</db-badge>
-
<db-badge size="small">Small</db-badge>
-
<db-badge>functional</db-badge>
-
<db-badge>regular (Default)</db-badge>
-
<db-badge>expressive</db-badge>
-
<db-badge>Neutral (Default)</db-badge>
-
<db-badge variant="critical">Critical</db-badge>
-
<db-badge variant="informational">Informational</db-badge>
-
<db-badge variant="successful">Successful</db-badge>
-
<db-badge variant="warning">Warning</db-badge>
-
<db-badge emphasis="strong">Neutral Strong</db-badge>
-
<db-badge variant="critical" emphasis="strong">
-
<db-badge variant="informational" emphasis="strong">
-
<db-badge variant="successful" emphasis="strong">
-
<db-badge variant="warning" emphasis="strong">
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBBadgeModule } from '@db-ui/ngx-components';
imports: [..., DBBadgeModule],
-
Use component
-
<!-- app.component.html -->
<db-badge>Badge</db-badge>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<span class="db-badge">Badge</span>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBBadge } from "@db-ui/react-components";
const App = () => <DBBadge>Badge</DBBadge>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBBadge } from "@db-ui/v-components";
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBBrandModule } from '@db-ui/ngx-components';
imports: [..., DBBrandModule],
-
Use component
-
<!-- app.component.html -->
<db-brand>Brand</db-brand>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<div class="db-brand">Brand</div>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBBrand } from "@db-ui/react-components";
const App = () => <DBBrand>Brand</DBBrand>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBBrand } from "@db-ui/v-components";
-
<db-button>Auto Width (Default)</db-button>
-
<db-button width="full">Width full</db-button>
-
<db-button>Text (Default)</db-button>
-
<db-button icon="account">Icon & Text</db-button>
-
<db-button icon="account" [noText]="true">Icon</db-button>
-
<db-button>Medium (Default)</db-button>
-
<db-button size="small">Small</db-button>
-
<db-button>Enabled (Default)</db-button>
-
<db-button [disabled]="true">Disabled</db-button>
-
<db-button>functional</db-button>
-
<db-button>regular (Default)</db-button>
-
<db-button>expressive</db-button>
-
<db-button variant="primary">Primary</db-button>
-
<db-button>Outlined (Adaptive)</db-button>
-
<db-button variant="solid">Solid (Adaptive)</db-button>
-
<db-button variant="text">Text (Adaptive)</db-button>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBButtonModule } from '@db-ui/ngx-components';
imports: [..., DBButtonModule],
-
Use component
-
<!-- app.component.html -->
<db-button variant="primary">Button</db-button>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<button class="db-button" data-variant="primary" type="button">
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description elm-button🔁 db-button
-
sizes
-
Before Status After Description large❌ ❌ it became obsolete mainly due to our tonality introduction regular❌ ❌ there is a default (medium) now
-
variants
-
Before Status After Description primary❌ ❌ not valid anymore, use outlined buttons for those purposes brand-primary🔁 primarysecondary-outline🔁 outlinedsecondary-solid🔁 solidtertiary-plain🔁 text
-
icons
-
Before Status After Description iconAfter❌ ❌ not valid anymore, for buttons only icons before text are allowed iconOnly🔁 noText
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBButton } from "@db-ui/react-components";
const App = () => <DBButton variant="primary">Button</DBButton>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBButton } from "@db-ui/v-components";
<DBButton variant="primary">Button</DBButton>
-
<db-card colorVariant="neutral" variant="interactive" spacing="small">
-
<db-card colorVariant="neutral-strong" variant="interactive" spacing="small">
-
<db-card colorVariant="primary" variant="interactive" spacing="small">
-
<db-card colorVariant="critical" variant="interactive" spacing="small">
-
<db-card colorVariant="successful" variant="interactive" spacing="small">
-
<db-card colorVariant="warning" variant="interactive" spacing="small">
-
<db-card colorVariant="informational" variant="interactive" spacing="small">
-
<db-card>(Default) No Spacing</db-card>
-
<db-card spacing="medium">Medium</db-card>
-
<db-card spacing="small">Small</db-card>
-
<db-card spacing="small">functional</db-card>
-
<db-card spacing="small">regular (Default)</db-card>
-
<db-card spacing="small">expressive</db-card>
-
<db-card spacing="small">(Default) Non interactive</db-card>
-
<db-card spacing="small" variant="interactive">
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBCardModule } from '@db-ui/ngx-components';
imports: [..., DBCardModule],
-
Use component
-
<!-- app.component.html -->
<db-card>Card content</db-card>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<div class="db-card">Card content</div>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description cmp-card🔁 db-card
-
variant
-
Before Status After Description variant🔁 variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button. header❌ ❌ Add your own content via children/slot. content❌ ❌ Add your own content via children/slot.
-
image
-
Before Status After Description alt🔁 imgAltimage🔁 imgSrc🆕 imgWidth🆕 imgHeightillustration❌ ❌ uiCoreIllustrationPath❌ ❌
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBCard } from "@db-ui/react-components";
const App = () => <DBCard>Card content</DBCard>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBCard } from "@db-ui/v-components";
<DBCard>Card content</DBCard>
-
<db-checkbox name="Size">Default</db-checkbox>
-
<db-checkbox name="Size" size="small">
-
<db-checkbox name="States">Default</db-checkbox>
-
<db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>
-
<db-checkbox name="States" [disabled]="true" [checked]="true">Disabled checked</db-checkbox>
-
<db-checkbox name="States" [required]="true">Required</db-checkbox>
-
<db-checkbox name="States" [checked]="true">Checked</db-checkbox>
-
<db-checkbox name="States" [indeterminate]="true">Indeterminate</db-checkbox>
-
<db-checkbox name="Tonality">functional</db-checkbox>
-
<db-checkbox name="Tonality">regular (Default)</db-checkbox>
-
<db-checkbox name="Tonality">expressive</db-checkbox>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBCheckboxModule } from '@db-ui/ngx-components';
imports: [..., DBCheckboxModule],
-
Use component
-
<!-- app.component.html -->
<li *ngFor="let checkboxName of checkboxNames">
(change)="checkbox = checkboxName"
[label]="'Checkbox ' + checkboxName"
-
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
checkboxNames = ["X", "Y", "Z"];
-
How to use with Template Driven Forms
-
Third party controls require a ControlValueAccessor to function with angular forms. Adding an ngDefaultControl attribute will allow them to use that directive.
-Further information
-
imports: [ FormsModule, …]
-
<!-- form.component.html -->
(change)="checkbox = $event.target.checked"
<db-button type="button" variant="primary" (click)="showValues()"
>Get checkbox value</db-button
<dt>checkbox's value</dt>
<dd>checkbox {{ checkbox ? "" : "un" }}checked</dd>
-
export class FormComponent {
alert(JSON.stringify({ checkbox: this.checkbox }));
-
How to use with Reactive Forms
-
coming soon … if your interested in contributing, you're very welcome ;)
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<label for="checkbox-element">Label</label>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { useState } from "react";
import { DBCheckbox } from "@db-ui/react-components";
const [checkbox, setCheckbox] = useState("");
setCheckbox(event.target.checked);
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBCheckbox } from "@db-ui/v-components";
import { ref } from "vue";
const checkbox = ref("");
<DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
-
React
-
import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
<DBCodeDocs codeSnippets={codeSnippets}>
<DBButton>Test</DBButton>
-
<db-divider>Weak (Default)</db-divider>
-
<db-divider emphasis="strong">Strong</db-divider>
-
<db-divider>functional</db-divider>
-
<db-divider>regular (Default)</db-divider>
-
<db-divider>expressive</db-divider>
-
<db-divider>Adaptive - Horizontal (Default)</db-divider>
-
<db-divider variant="vertical">Adaptive - Vertical</db-divider>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBDividerModule } from '@db-ui/ngx-components';
imports: [..., DBDividerModule],
-
Use component
-
<!-- app.component.html -->
<db-divider></db-divider>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<div class="db-divider"></div>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBDivider } from "@db-ui/react-components";
const App = () => <DBDivider />;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBDivider } from "@db-ui/v-components";
-
<db-drawer [withCloseButton]="true">With Backdrop (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" backdrop="weak">Backdrop-weak</db-drawer>
-
<db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>
-
<db-drawer [withCloseButton]="true">Right (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" direction="left">Left</db-drawer>
-
<db-drawer [withCloseButton]="true" direction="up">Up</db-drawer>
-
<db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>
-
<db-drawer [withCloseButton]="true">No rounding (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>
-
<db-drawer [withCloseButton]="true">With padding (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" width="full">Full</db-drawer>
-
<db-drawer [withCloseButton]="true">Medium (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" spacing="small">Small</db-drawer>
-
<db-drawer [withCloseButton]="true" spacing="large">Large</db-drawer>
-
<db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>
-
<db-drawer>functional</db-drawer>
-
<db-drawer>regular (Default)</db-drawer>
-
<db-drawer>expressive</db-drawer>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
General
-
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
-
Load component
-
import { DBDrawerModule } from '@db-ui/ngx-components';
imports: [..., DBDrawerModule],
-
Use component
-
<!-- app.component.html -->
<db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
<db-button (click)="toggleDrawer(true)"> Open me </db-button>
-
export class AppComponent {
openDrawer: boolean = false;
toggleDrawer = (open: boolean) => {
-
HTML
-
For general installation and configuration take a look at the components package.
-
General
-
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
-
Use component
-
<dialog class="db-drawer" data-backdrop="true" open>
<article class="db-drawer-container">
<header class="db-drawer-header">
class="db-button button-close-drawer is-icon-text-replace"
<div class="db-drawer-content">My Drawer content</div>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
General
-
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
-
Use component
-
import { useState } from "react";
import { DBButton, DBDrawer } from "@db-ui/react-components";
const [open, setOpen] = useState<boolean>(false);
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
General
-
If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.
-
Use component
-
import { ref } from "vue";
import { DBDrawer } from "@db-ui/v-components";
const openDrawer = ref<boolean>(false);
const toggleDrawer = (open: boolean) => {
<DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
<DBButton @click="toggleDrawer(true)">Open me</DBButton>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBHeaderModule } from '@db-ui/ngx-components';
NavigationDirective, // Optional: If you want to use a Navigation
ActionBarDirective, // Optional: If you want to use ActionBar
MetaNavigationDirective, // Optional: If you want to use MetaNavigation
imports: [..., DBHeaderModule],
-
Use component
-
Simple
-
<!-- app.component.html -->
<db-brand brand>Header</db-brand>
-
Full
-
// File: app.component.ts
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
toggleDrawer = (open: boolean) => {
-
<!-- app.component.html -->
<db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
<db-brand brand>My Awesome App</db-brand>
<db-main-navigation *dbNavigation>
<!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
<ng-container *dbMetaNavigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<ng-container call-to-action>
<DBButton icon="search" variant="text" [noText]="true">
<ng-container *dbActionBar>
<DBButton icon="account" variant="text" [noText]="true">
<DBButton icon="alert" variant="text" [noText]="true">
<DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<header class="db-header">
<div class="db-brand">Header</div>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
Simple
-
import { DBHeader, DBBrand } from "@db-ui/react-components";
const App = () => <DBHeader slotBrand={<DBBrand>Header</DBBrand>} />;
-
Full
-
import { useState } from "react";
import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
slotBrand={<DBBrand>My Awesome App</DBBrand>}
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<DBButton icon="search" variant="text" noText>
<DBButton icon="account" variant="text" noText>
<DBButton icon="alert" variant="text" noText>
<DBButton icon="help" variant="text" noText>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
Simple
-
import { DBHeader, DBBrand } from "@db-ui/v-components";
<DBBrand slot="brand">Header</DBBrand>
-
Full
-
import { ref } from "vue";
import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
const drawerOpen = ref(false);
const toggleDrawer = (open: boolean) => {
<DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
<DBBrand> My Awesome App </DBBrand>
<template v-slot:call-to-action>
<DBButton icon="search" variant="text" :no-text="true">
<template v-slot:action-bar>
<DBButton icon="account" variant="text" :no-text="true">
<DBButton icon="alert" variant="text" :no-text="true">
<DBButton icon="help" variant="text" :no-text="true">
<template v-slot:meta-navigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBIconModule } from '@db-ui/ngx-components';
imports: [..., DBIconModule],
-
Use component
-
<!-- app.component.html -->
<db-icon icon="account">Icon</db-icon>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
You could use the data-icon or data-icon-after attributes on any HTML tag:
-
<span data-icon="account"> Icon </span>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBIcon } from "@db-ui/react-components";
const App = () => <DBIcon icon="account">Icon</DBIcon>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBIcon } from "@db-ui/v-components";
<DBIcon icon="account">Icon</DBIcon>
-
<db-infotext>(Default) Medium</db-infotext>
-
<db-infotext size="small">Small</db-infotext>
-
<db-infotext>functional</db-infotext>
-
<db-infotext>regular (Default)</db-infotext>
-
<db-infotext>expressive</db-infotext>
-
<db-infotext icon="account">(Default) Adaptive</db-infotext>
-
<db-infotext variant="critical">Critical</db-infotext>
-
<db-infotext variant="informational">Informational</db-infotext>
-
<db-infotext variant="successful">Successful</db-infotext>
-
<db-infotext variant="warning">Warning</db-infotext>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBInfotextModule } from '@db-ui/ngx-components';
imports: [..., DBInfotextModule],
-
Use component
-
<!-- app.component.html -->
<db-infotext>Infotext</db-infotext>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<span class="db-infotext"> Infotext </span>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBInfotext } from "@db-ui/react-components";
const App = () => <DBInfotext>Infotext</DBInfotext>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBInfotext } from "@db-ui/v-components";
<DBInfotext>Infotext</DBInfotext>
-
<db-input label="Label" message="(Default) Text">
-
<db-input label="Label" icon="account" message="Leading Icon + Text">
-
message="Leading Icon + Text + Trailing Icon"
Leading Icon + Text + Trailing Icon
-
<db-input label="Label" iconAfter="edit" message="Text + Trailing Icon">
-
message="Text + Trailing Icon + Variant:Successful"
Text + Trailing Icon + Variant:Successful
-
<db-input label="Label" message="Default">
-
<db-input label="Label" value="Input Text" message="Filled">
-
<db-input label="Label" value="123456" type="number" message="Filled Number">
-
<db-input label="Label" message="Invalid" [required]="true" [minLength]="5">Invalid</db-input>
-
<db-input label="Label" [disabled]="true" message="Disabled">Disabled</db-input>
-
<db-input label="Label" value="Input Text" [disabled]="true" message="Disabled filled">Disabled filled</db-input>
-
<db-input label="Label" value="Input Text" [required]="true" message="Required">Required</db-input>
-
<db-input label="Label" message="functional">
-
<db-input label="Label" message="regular (Default)">
-
<db-input label="Label" message="expressive">
-
<db-input label="Label" message="(Default) Text">
-
<db-input label="Label" message="Password" type="password">
-
<db-input label="Label" message="Search" type="search">
-
<db-input label="Label" message="E-Mail" type="email">
-
<db-input label="Label" message="Number" type="number">
-
<db-input label="Label" message="Tel" type="tel">
-
<db-input label="Label" message="URL" type="url">
-
message="(Default) Basic"
placeholder="I am a placeholder"
-
<db-input label="Label" message="Informational" variant="informational">
-
<db-input label="Label" message="Warning" variant="warning">
-
<db-input label="Label" message="Critical" variant="critical">
-
<db-input label="Label" message="Successful" variant="successful">
-
Angular
-
Load SCSS globally within styles.scss in your app:
-
@use "@db-ui/components/build/styles/db-ui-42-webpack" as *;
-
Load component within app.module.ts:
-
import { DBInputModule } from '@db-ui/ngx-components';
imports: [..., DBInputModule],
-
Use component in template:
-
placeholder="placeholder"
description="Description"
(change)="onInputChange()"
-
How to use with Reactive Forms
-
Third party controls require a ControlValueAccessor to function with angular forms.
-Our input component implements this interface so you can use it like any other native element with reactive Forms:
-
-Currently we do not support onTouch/touched and native validation via FormControl. If your interested in contributing, you're very welcome ;)
-
-
imports: [ ReactiveFormsModule, …]
-
<!-- form.component.html-->
<form [formGroup]="form" (submit)="onFormSubmit()">
<db-input label="Input" placeholder="Placeholder" formControlName="input">
{{ form.get("input")?.value ? form.get("input")?.value : "No Input set"
-
export class FormComponent {
input: new FormControl("Filled with formControl")
alert(JSON.stringify(this.form.value));
-
How to use with Template driven Forms
-
Third party controls require a ControlValueAccessor to function with angular forms.
-Our input component implements this interface so you can use it like any other native element with ngModel:
-
imports: [ FormsModule, …]
-
<!-- form.component.html-->
placeholder="Placeholder"
description="Description"
<DBButton type="button" variant="primary" (click)="showValues()"
>Get input value</DBButton
<dd>{{ input ? input : "No Input set" }}</dd>
-
export class FormComponent {
alert(JSON.stringify({ input: this.input }));
-
HTML
-
Load SCSS globally somewhere in your app:
-
@use "@db-ui/components/build/styles/db-ui-42" as *;
-
Use it:
-
<input type="text" name="username" aria-labelledby="username-label" />
<label for="username" id="username-label" aria-hidden="true">Label</label>
-
React
-
Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:
-
@use "@db-ui/components/build/styles/db-ui-42-rollup" as *;
-
Import component:
-
import { DBInput } from "@db-ui/react-components";
placeholder={description}
description={description}
-
Vue
-
Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:
-
@use "@db-ui/components/build/styles/db-ui-42-rollup" as *;
-
Use component:
-
import { DBInput } from "@db-ui/v-components";
placeholder="Placeholder"
@change="onChange($event)"
-
To get DBInput work with v-model you have to use v-model argument syntax:
-
placeholder="Start typing"
-
or using on-change listener:
-
<DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
}"/> {{ modelAndChange }}
-
<db-link href="#">(Default) Internal</db-link>
-
<db-link href="#" content="external">
-
<db-link href="#">(Default) Medium</db-link>
-
<db-link href="#" size="small">
-
<db-link href="#">Default: (Enabled, Hover, Pressed)</db-link>
-
<db-link href="#" [disabled]="true">Disabled</db-link>
-
<db-link href="#">functional</db-link>
-
<db-link href="#">regular (Default)</db-link>
-
<db-link href="#">expressive</db-link>
-
<db-link href="#">(Default) Adaptive</db-link>
-
<db-link href="#" variant="primary">
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBLinkModule } from '@db-ui/ngx-components';
imports: [..., DBLinkModule],
-
Use component
-
<!-- app.component.html -->
<db-link href="#" variant="primary">Link</db-link>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<a class="db-link" href="#">Link</a>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBLink } from "@db-ui/react-components";
<DBLink href="#" variant="primary">
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBLink } from "@db-ui/v-components";
<DBLink href="#" variant="primary">Link</DBLink>
-
<db-main-navigation>functional</db-main-navigation>
-
<db-main-navigation>regular (Default)</db-main-navigation>
-
<db-main-navigation>expressive</db-main-navigation>
-
Angular
-
For general installation and configuration look at the ngx-components package.
-
Load component
-
import { DBMainNavigationModule } from '@db-ui/ngx-components';
imports: [..., DBMainNavigationModule],
-
Use component
-
<!-- app.component.html -->
<db-navigation-item [active]="true">
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 1</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
<db-navigation-item icon="account">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 2</a>
<db-navigation-item [disabled]="true">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 3</a>
-
HTML
-
For general installation and configuration look at the components package.
-
Use component
-
<nav class="db-main-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
<a href="#">Sub-Sub-Navi-Item 1</a>
<li class="db-navigation-item">
<a href="#">Sub-Sub-Navi-Item 2</a>
<li class="db-navigation-item">
<a href="#">Sub-Navi-Item 2</a>
<li class="db-navigation-item" data-icon="account">
<a href="#">Navi-Item 2</a>
<li class="db-navigation-item" aria-disabled="true">
<a href="#">Navi-Item 3</a>
-
React
-
For general installation and configuration look at the react-components package.
-
Use component
-
import { DBMainNavigation } from "@db-ui/react-components";
<DBNavigationItem active>
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem disabled>
<a href="#">Navi-Item 3</a>
-
Vue
-
For general installation and configuration look at the v-components package.
-
Use component
-
import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem :disabled="true">
<a href="#">Navi-Item 3</a>
-
<db-navigation-item icon="account" [areaPopup]="false">Leading Icon - Text</db-navigation-item>
-
<db-navigation-item icon="account" [areaPopup]="true">Leading Icon - Text - Trailing Icon</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">Text - Trailing Icon</db-navigation-item>
-
<db-navigation-item [areaPopup]="false">Text</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">Enabled (Default)</db-navigation-item>
-
<db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
-
<db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">functional</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">regular (Default)</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">expressive</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">Auto (Default)</db-navigation-item>
-
<db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBNavigationItemModule } from '@db-ui/ngx-components';
declarations: [...,NavigationContentDirective],
imports: [..., DBNavigationItemModule],
-
Use component
-
We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link
-
<!-- app.component.html -->
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<db-navigation-item [areaPopup]="true">
<ng-container *dbNavigationContent>Navi-Item 1</ng-container>
<ng-container sub-navigation>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 1</a>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 2</a>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.
-
<li class="db-navigation-item">
<a href="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<li class="db-navigation-item">
<button class="db-navigation-item-expand-button" aria-haspopup="true">
<menu class="db-sub-navigation">
<a href="mypath">Sub-Navi-Item 1</a>
<a href="mypath">Sub-Navi-Item 2</a>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link
-
import { Link } from "react-router-dom";
import { DBNavigationItem } from "@db-ui/react-components";
<Link to="mypath">NavigationItem</Link>
{/* With Sub-Navigation */}
<Link to="mypath">Sub-Navi-Item 1</Link>
<Link to="mypath">Sub-Navi-Item 2</Link>
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link
-
import { DBNavigationItem } from "@db-ui/v-components";
<router-link to="mypath">NavigationItem</router-link>
<!-- With Sub-Navigation -->
<template #sub-navigation>
<router-link to="mypath">Sub-Navi-Item 1</router-link>
<router-link to="mypath">Sub-Navi-Item 2</router-link>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBPageModule, DBHeaderModule } from '@db-ui/ngx-components';
imports: [..., DBPageModule, DBHeaderModule],
-
Use component
-
<!-- app.component.html -->
<db-header header>...</db-header>
<main class="db-main">Main Page</main>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<header class="db-header">...</header>
<main class="db-main">Main Page</main>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBPage, DBHeader } from "@db-ui/react-components";
<DBPage slotHeader={<DBHeader>...</DBHeader>}>
<main class="db-main">Main Page</main>
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBPage, DBHeader } from "@db-ui/v-components";
<DBHeader slot="header">...</DBHeader>
<main class="db-main">Main Page</main>
-
<db-radio name="Size" value="default">
-
<db-radio name="Size" size="small" value="small">
-
<db-radio name="States" value="default">
-
<db-radio name="States" [disabled]="true" value="disabled">Disabled</db-radio>
-
<db-radio name="SpecialState" [disabled]="true" [checked]="true" value="disabled-checked">Disabled checked</db-radio>
-
<db-radio name="States" [required]="true" value="required">Required</db-radio>
-
<db-radio name="States" [checked]="true" value="checked">Checked</db-radio>
-
<db-radio name="States" [invalid]="true" value="invalid">Invalid</db-radio>
-
<db-radio name="Tonality" value="functional">
-
<db-radio name="Tonality" value="regular">
-
<db-radio name="Tonality" value="expressive">
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBRadioModule } from '@db-ui/ngx-components';
imports: [..., DBRadioModule],
-
Use component
-
<!-- app.component.html -->
<li *ngFor="let radioName of radioNames">
(change)="radio = radioName"
[label]="'Radio ' + radioName"
-
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
radioNames = ["X", "Y", "Z"];
-
How to use with Template Driven Forms
-
Third party controls require a ControlValueAccessor to function with angular forms. Adding an ngDefaultControl attribute will allow them to use that directive.
-Further information
-
imports: [ FormsModule, …]
-
<!-- form.component.html -->
<DBRadio ngDefaultControl [(ngModel)]="radio">Label</DBRadio>
<DBButton type="button" variant="primary" (click)="showValues()"
>Get radio value</DBButton
<dd>{{ radio ? radio : "No radio set" }}</dd>
-
export class FormComponent {
alert(JSON.stringify({ radio: this.radio }));
-
How to use with Reactive Forms
-
coming soon … if your interested in contributing, you're very welcome ;)
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<label for="radio-element">Label</label>
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { useState } from "react";
import { DBRadio } from "@db-ui/react-components";
{["X", "Y", "Z"].map((radioName) => (
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBRadio } from "@db-ui/v-components";
import { ref } from "vue";
const radioNames = ["X", "Y", "Z"];
<li v-for="radioName in radioNames">
@change="radio = radioName"
-
<db-section>Medium (Default)</db-section>
-
<db-section size="large">Large</db-section>
-
<db-section size="small">Small</db-section>
-
<db-section>functional</db-section>
-
<db-section>regular (Default)</db-section>
-
<db-section>expressive</db-section>
-
<db-section>Full (Default)</db-section>
-
<db-section variant="medium">Medium</db-section>
-
<db-section variant="large">Large</db-section>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBSectionModule } from '@db-ui/ngx-components';
imports: [..., DBSectionModule],
-
Use component
-
<!-- app.component.html -->
<db-section variant="full">Section</db-section>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<section class="db-section">
<div data-variant="full">Section</div>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
New Component 🥳
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBSection } from "@db-ui/react-components";
const App = () => <DBSection variant="full">Section</DBSection>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBSection } from "@db-ui/v-components";
<DBSection variant="full">Section</DBSection>
-
<db-select label="Label" message="Default" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Default</db-select>
-
<db-select label="Label" message="With Icon" icon="edit" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">With Icon</db-select>
-
<db-select label="Label" message="With Icon + Variant" icon="edit" variant="successful" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">With Icon + Variant</db-select>
-
<db-select label="Label" message="Default" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Default</db-select>
-
<db-select label="Label" message="With value" value="Option 2" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">With value</db-select>
-
<db-select label="Label" message="Required" [options]="[{'value':'Option 1'},{'value':'Option 2'}]" [required]="true">Required</db-select>
-
<db-select label="Label" message="Disabled" [disabled]="true" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Disabled</db-select>
-
<db-select label="Label" message="Disabled + value" [disabled]="true" value="Option 2" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Disabled + value</db-select>
-
<db-select label="Label" message="Optgroup" [options]="[{'value':'Optgroup 1','options':[{'value':'Option 1'},{'value':'Option 2'}]},{'value':'Option 2'}]">Optgroup</db-select>
-
<db-select label="Label" message="functional">
-
<db-select label="Label" message="regular (Default)">
-
<db-select label="Label" message="expressive">
-
<db-select label="Label" message="(Default) Adaptive" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">(Default) Adaptive</db-select>
-
<db-select label="Label" message="Informational" variant="informational" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Informational</db-select>
-
<db-select label="Label" message="Warning" variant="warning" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Warning</db-select>
-
<db-select label="Label" message="Critical" variant="critical" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Critical</db-select>
-
<db-select label="Label" message="Successful" variant="successful" [options]="[{'value':'Option 1'},{'value':'Option 2'}]">Successful</db-select>
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBSelectModule } from '@db-ui/ngx-components';
imports: [..., DBSelectModule],
-
Use component
-
<!-- app.component.html -->
<option value="test1">Test1</option>
<option value="test2">Test2</option>
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<label for="test">Label</label>
<option value="test1">Test1</option>
<option value="test2">Test2</option>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description elm-select🔁 db-select
-
select
-
Before Status After Description multiple❌ We removed this attribute for now, there are no valid designs for this use case. size❌ We removed this attribute for now, there are no valid designs for this use case.
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBSelect } from "@db-ui/react-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBSelect } from "@db-ui/v-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
-
<db-tag>Static (Default)</db-tag>
-
<db-tag behaviour="interactive">Interactive</db-tag>
-
<db-tag name="interactive-unique" behaviour="interactive-unique">
-
<db-tag name="interactive-unique" behaviour="interactive-unique">
-
<db-tag behaviour="removable">Removeable</db-tag>
-
<db-tag>Text (Default)</db-tag>
-
<db-tag icon="account" [noText]="true">Icon</db-tag>
-
<db-tag icon="account">Icon & Text</db-tag>
-
<db-tag>Weak (Default)</db-tag>
-
<db-tag emphasis="strong">Strong</db-tag>
-
<db-tag>No Overflow (Default)</db-tag>
-
<db-tag [overflow]="true">With Overflow (max-width)</db-tag>
-
<db-tag behaviour="interactive">Unchecked (Default)</db-tag>
-
<db-tag behaviour="interactive" [checked]="true">Checked</db-tag>
-
<db-tag behaviour="interactive" [checked]="true" [disabled]="true">Disabled</db-tag>
-
<db-tag>functional</db-tag>
-
<db-tag>regular (Default)</db-tag>
-
<db-tag>expressive</db-tag>
-
<db-tag>Neutral (Default)</db-tag>
-
<db-tag variant="critical">Critical</db-tag>
-
<db-tag variant="informational">Informational</db-tag>
-
<db-tag variant="successful">Successful</db-tag>
-
<db-tag variant="warning">Warning</db-tag>
-
<db-tag emphasis="strong">Neutral Strong</db-tag>
-
<db-tag variant="critical" emphasis="strong">
-
<db-tag variant="informational" emphasis="strong">
-
<db-tag variant="successful" emphasis="strong">
-
<db-tag variant="warning" emphasis="strong">
-
Angular
-
For general installation and configuration take a look at the ngx-components package.
-
Load component
-
import { DBTagModule } from '@db-ui/ngx-components';
imports: [..., DBTagModule],
-
Use component
-
<!-- app.component.html -->
-
HTML
-
For general installation and configuration take a look at the components package.
-
Use component
-
<span class="tag-label">regular (Default)</span>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description elm-tag🔁 db-tag
-
sizes
-
Before Status After Description small❌ ❌ We removed small tags because of tonality. But you can use type property with value strong to emphasize a tag for a differentiation.
-
variants
-
Before Status After Description poi-*❌ ❌ We removed all point of interest colors for now. track❌ ❌ We removed track for now. error🔁 criticalinformative🔁 informationalsuccess🔁 successful
-
icons
-
Before Status After Description iconAfter❌ ❌ not valid anymore, for tags only icons before text are allowed
-
React
-
For general installation and configuration take a look at the react-components package.
-
Use component
-
import { DBTag } from "@db-ui/react-components";
const App = () => <DBTag>Tag</DBTag>;
-
Vue
-
For general installation and configuration take a look at the v-components package.
-
Use component
-
import { DBTag } from "@db-ui/v-components";
-
<db-textarea label="Label">Basic (Default)</db-textarea>
-
<db-textarea label="Label" message="Helper Message">
-
<db-textarea label="Label">(Default) Optional</db-textarea>
-
<db-textarea label="Label" [required]="true">Required</db-textarea>
-
<db-textarea label="Label" value="Filled Required" [required]="true">Filled Required</db-textarea>
-
value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
-
<db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>
-
<db-textarea label="Label" message="Helper Message">
-
<db-textarea label="Label" value="Filled" message="Helper Message">
-
<db-textarea label="Label" value="Disabled" [disabled]="true" message="Helper Message">Disabled</db-textarea>
-
<db-textarea label="Label" value="Readonly" [readOnly]="true" message="Helper Message">Readonly</db-textarea>
-
<db-textarea label="Label">functional</db-textarea>
-
<db-textarea label="Label">regular (Default)</db-textarea>
-
<db-textarea label="Label">expressive</db-textarea>
-
description="(Default) Basic"
-
description="Informational"
message="Informational Message"
-
message="Warning Message"
-
message="Critical Message"
-
message="Successful Message"
-
Angular
-
For general installation and configuration look at the ngx-components package.
-
Load component
-
import { DBTextareaModule } from '@db-ui/ngx-components';
imports: [..., DBTextareaModule],
-
Use component
-
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
textarea = "default value";
-
<!-- app.component.html -->
label="Textarea Controlled"
placeholder="Placeholder"
description="Description"
(change)="textarea = $event.target.value"
-
HTML
-
For general installation and configuration look at the components package.
-
Use component
-
<div class="db-textarea">
<label for="textarea">Label</label>
<textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
General
-
-Note
-For a general installation or migration process check out this documentation .
-
-
DB UI Core ➡ DB UI Components
-
class
-
Before Status After Description elm-textarea🔁 db-textarea
-
variants
-
Before Status After Description semitransparent❌ white❌ solid❌ outline❌ 🆕 adaptive🆕 critical🆕 informational🆕 warning🆕 successful
-
other
-
Before Status After Description description🔁 message
-
React
-
For general installation and configuration look at the react-components package.
-
Use component
-
import { useState } from "react";
import { DBTextarea } from "@db-ui/react-components";
const [textarea, setTextarea] = useState("default textarea");
label="Textarea Controlled"
setTextarea(event.target.value);
-
Vue
-
For general installation and configuration look at the v-components package.
-
General
-
You cannot use a default value for textarea in vue .
-Use v-model:value or :value instead with a ref("My default value").
-
Use component
-
import { ref } from "vue";
import { DBTextarea } from "@db-ui/v-components";
const textarea = ref("default value");
placeholder="Placeholder"
description="Description"
`, so you would reduce the amount of custom JS/TS code for the components.
-
-### Define the API in `model.ts`
-
-If you're happy with the styling and your HTML code the next thing would be to define all possible properties for the component. Update the `packages/components/src/components/my-awesome-component/model.ts` to include properties and/or states for your component. A lot of properties are already predefined; they are located in `packages/components/src/shared/model.ts` to include them import that file like this:
-
-```ts
-import { WidthProps } from '../../shared/model';
-
-export type DBMyAwesomeComponentProps =
- DBMyAwesomeComponentDefaultProps &
- WidthProps;
-
-...
-```
-
-### Code the 'real' Component
-
-We use [Mitosis](https://github.com/BuilderIO/Mitosis/tree/main/docs) to develop our components for all kinds of frameworks. The component will be placed in `packages/components/src/components/my-awesome-component/my-awesome-component.lite.tsx`. You can add your HTML code here inside the `return`. Afterwards you should map all `data-*` attributes with the corresponding properties from `model.ts`. Check out the existing components to get a feeling how to develop a new component.
-
-### Good to know
-
-1. You cannot use functions directly in a Mitosis component. A function has to be inside the `state`. So add your function to the `model.ts` `DBMyAwesomeComponentDefaultState`. Then you can define your component inside the `.tsx` file and use it in the `jsx` with `state.myAwsomeFunction()`.
-2. Try to enable multiple ways of data-binding: For example in `select` you are able to pass in a list of `` via the `props.children` similiar to standard HTML composition, but we also give the developers the possibility to pass in a stripped down option list via another property: `options?: DBSelectOptionType[]`. We populate this with the internal `` from Mitosis.
- Why do we do this? We have multiple frameworks and all behave differently. With multiple ways of data-binding we try to provide a JS framework native experience as closely as we can.
-3. Try to parameterize a lot: For example if your component includes an icon button you should give it a text for accessibility. You should provide a default text, so it can't be empty, but you should also let the user change it with a property e.g. `iconButtonText`.
-4. To enable some native functionalities for Vue and Angular (`v-model` and `[(ng-model)]`) you might need to add some extra code to your component. At the generation process you might select `formValue` anyhow, but otherwise take a look at the `input` to see what you need to add to make this work.
-5. Angular is pain... There are some issues with Angular and how this framework works:
-
- 1. Angular generates custom HTML tags as wrappers, which might influence your `css` selectors. For example if we have a button inside our component and we try to change the styling with `.db-button: {xxx:abc;}` it would not add the styling to the button. As a workaround you should write `.db-button, .db-button > button: {xxx:abc;}` to cover Angular as well:
-
- ```html
-
-
- My Awesome Component
-
-
- Icon Button
-
-
-
-
- ```
-
- 2. You cannot use multiple slots with the same name. In other frameworks you can use the `` multiple times like this `
` but in Angular only the last one would be shown in the DOM. As a workaround you have to create a `Directive`. We automate this via the `packages/components/scripts/post-build/components.js` as an example look at the `header` to see how it works.
-
-## Test Frameworks with Showcases
-
-Our goal is to support at least the three major frameworks (Angular, React, Vue) being used at Deutsche Bahn so you should test your component in every framework. To have the same testing possibilities we generate `showcases/shared/my-awesome-component.json`. This file is used by every framework to pass in the same properties. You should add the same blocks you see in the designs to this file.
-
-Afterwards you need to enable those properties inside all frameworks.
-
-### Angular
-
-Go to `showcases/angular-showcase/src/app/components/my-awesome-component` and update the properties inside the `my-awesome-component.html` with `exampleProps.xxx`. If you need some additional `JS` logic you have to add it to the `.ts` file. Again check out some existing component to get a feeling for this.
-
-Maybe you need to change the navigation to see the component: `showcases/angular-showcase/src/app/utils/navigation-item.ts`
-
-### React
-
-Go to `showcases/react-showcase/src/components/my-awesome-component/index.tsx` and update the properties inside the `getMyAwsomeComponent` function and inside the `tsx` component. Again check out some existing component to get a feeling for this.
-
-Maybe you need to change the navigation to see the component: `showcases/react-showcase/src/utils/navigation-item.tsx`
-
-### Vue
-
-Go to `showcases/vue-showcase/src/components/my-awesome-component/MyAwesomeComponent.vue` and update the properties inside the `DBMyAwsomeComponent` with `exampleProps.xxx`. Again check out some existing component to get a feeling for this.
-
-Maybe you need to change the navigation to see the component: `showcases/vue-showcase/src/utils/navigation-items.ts`
-
-### Patternhub
-
-To show the component on GitHub pages we use another showcase. After you generated the component you need to add your component to the correct sub-item inside `showcases/patternhub/data/routes.ts`.
-
-## Write Tests for Quality Assurance
-
-We have multiple tests you should update:
-
-1. Component Test: `packages/components/src/components/my-awesome-component/my-awesome-component.spec.tsx`. Just test all attributes here with screenshot tests and accessibility testing.
-2. Showcase Test: `showcases/e2e/my-awesome-component/showcase-my-awesome-component.spec.ts`. Test the styling in a specific framework here and also the functionality/events.
-
-To run all tests/update the screenshots you need `Docker`. More information here: `e2e/README.md`.
diff --git a/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.licence b/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.licence
deleted file mode 100644
index 929cadac28d..00000000000
--- a/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.licence
+++ /dev/null
@@ -1 +0,0 @@
-retrieved from URL: https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg
\ No newline at end of file
diff --git a/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.svg b/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.svg
deleted file mode 100644
index 85366a346a6..00000000000
--- a/version/v0.0.54/docs/images/download/Contributor_Covenant204baaaa.svg
+++ /dev/null
@@ -1 +0,0 @@
-Contributor Covenant: 2.0 Contributor Covenant Contributor Covenant 2.0 2.0 Conventional Commits: 1.0.0 Conventional Commits Conventional Commits 1.0.0 1.0.0 License: Apache 2.0 License License Apache 2.0 Apache 2.0 PRs: welcome PRs welcome Part of: DB UX Design System Core Part of Part of DB UX Design System Core DB UX Design System Core code style: XO code style code style XO XO code style: prettier code style prettier npm: v0.0.54 npm npm v0.0.54 v0.0.54
-- max) {
- size = max
- log(iframeId, 'Set ' + dimension + ' to max value')
- }
-
- messageData[dimension] = '' + size
- }
-
- function isMessageFromIFrame() {
- function checkAllowedOrigin() {
- function checkList() {
- var i = 0,
- retCode = false
-
- log(
- iframeId,
- 'Checking connection is from allowed list of origins: ' +
- checkOrigin
- )
-
- for (; i < checkOrigin.length; i++) {
- if (checkOrigin[i] === origin) {
- retCode = true
- break
- }
- }
- return retCode
- }
-
- function checkSingle() {
- var remoteHost = settings[iframeId] && settings[iframeId].remoteHost
- log(iframeId, 'Checking connection is from: ' + remoteHost)
- return origin === remoteHost
- }
-
- return checkOrigin.constructor === Array ? checkList() : checkSingle()
- }
-
- var origin = event.origin,
- checkOrigin = settings[iframeId] && settings[iframeId].checkOrigin
-
- if (checkOrigin && '' + origin !== 'null' && !checkAllowedOrigin()) {
- throw new Error(
- 'Unexpected message received from: ' +
- origin +
- ' for ' +
- messageData.iframe.id +
- '. Message was: ' +
- event.data +
- '. This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.'
- )
- }
-
- return true
- }
-
- function isMessageForUs() {
- return (
- msgId === ('' + msg).slice(0, msgIdLen) &&
- msg.slice(msgIdLen).split(':')[0] in settings
- ) // ''+Protects against non-string msg
- }
-
- function isMessageFromMetaParent() {
- // Test if this message is from a parent above us. This is an ugly test, however, updating
- // the message format would break backwards compatibility.
- var retCode = messageData.type in { true: 1, false: 1, undefined: 1 }
-
- if (retCode) {
- log(iframeId, 'Ignoring init message from meta parent page')
- }
-
- return retCode
- }
-
- function getMsgBody(offset) {
- return msg.slice(msg.indexOf(':') + msgHeaderLen + offset)
- }
-
- function forwardMsgFromIFrame(msgBody) {
- log(
- iframeId,
- 'onMessage passed: {iframe: ' +
- messageData.iframe.id +
- ', message: ' +
- msgBody +
- '}'
- )
-
- on('onMessage', {
- iframe: messageData.iframe,
- message: JSON.parse(msgBody)
- })
-
- log(iframeId, '--')
- }
-
- function getPageInfo() {
- var bodyPosition = document.body.getBoundingClientRect(),
- iFramePosition = messageData.iframe.getBoundingClientRect()
-
- return JSON.stringify({
- iframeHeight: iFramePosition.height,
- iframeWidth: iFramePosition.width,
- clientHeight: Math.max(
- document.documentElement.clientHeight,
- window.innerHeight || 0
- ),
- clientWidth: Math.max(
- document.documentElement.clientWidth,
- window.innerWidth || 0
- ),
- offsetTop: parseInt(iFramePosition.top - bodyPosition.top, 10),
- offsetLeft: parseInt(iFramePosition.left - bodyPosition.left, 10),
- scrollTop: window.pageYOffset,
- scrollLeft: window.pageXOffset,
- documentHeight: document.documentElement.clientHeight,
- documentWidth: document.documentElement.clientWidth,
- windowHeight: window.innerHeight,
- windowWidth: window.innerWidth
- })
- }
-
- function sendPageInfoToIframe(iframe, iframeId) {
- function debouncedTrigger() {
- trigger('Send Page Info', 'pageInfo:' + getPageInfo(), iframe, iframeId)
- }
- debounceFrameEvents(debouncedTrigger, 32, iframeId)
- }
-
- function startPageInfoMonitor() {
- function setListener(type, func) {
- function sendPageInfo() {
- if (settings[id]) {
- sendPageInfoToIframe(settings[id].iframe, id)
- } else {
- stop()
- }
- }
-
- ;['scroll', 'resize'].forEach(function (evt) {
- log(id, type + evt + ' listener for sendPageInfo')
- func(window, evt, sendPageInfo)
- })
- }
-
- function stop() {
- setListener('Remove ', removeEventListener)
- }
-
- function start() {
- setListener('Add ', addEventListener)
- }
-
- var id = iframeId // Create locally scoped copy of iFrame ID
-
- start()
-
- if (settings[id]) {
- settings[id].stopPageInfo = stop
- }
- }
-
- function stopPageInfoMonitor() {
- if (settings[iframeId] && settings[iframeId].stopPageInfo) {
- settings[iframeId].stopPageInfo()
- delete settings[iframeId].stopPageInfo
- }
- }
-
- function checkIFrameExists() {
- var retBool = true
-
- if (null === messageData.iframe) {
- warn(iframeId, 'IFrame (' + messageData.id + ') not found')
- retBool = false
- }
- return retBool
- }
-
- function getElementPosition(target) {
- var iFramePosition = target.getBoundingClientRect()
-
- getPagePosition(iframeId)
-
- return {
- x: Math.floor(Number(iFramePosition.left) + Number(pagePosition.x)),
- y: Math.floor(Number(iFramePosition.top) + Number(pagePosition.y))
- }
- }
-
- function scrollRequestFromChild(addOffset) {
- /* istanbul ignore next */ // Not testable in Karma
- function reposition() {
- pagePosition = newPosition
- scrollTo()
- log(iframeId, '--')
- }
-
- function calcOffset() {
- return {
- x: Number(messageData.width) + offset.x,
- y: Number(messageData.height) + offset.y
- }
- }
-
- function scrollParent() {
- if (window.parentIFrame) {
- window.parentIFrame['scrollTo' + (addOffset ? 'Offset' : '')](
- newPosition.x,
- newPosition.y
- )
- } else {
- warn(
- iframeId,
- 'Unable to scroll to requested position, window.parentIFrame not found'
- )
- }
- }
-
- var offset = addOffset
- ? getElementPosition(messageData.iframe)
- : { x: 0, y: 0 },
- newPosition = calcOffset()
-
- log(
- iframeId,
- 'Reposition requested from iFrame (offset x:' +
- offset.x +
- ' y:' +
- offset.y +
- ')'
- )
-
- if (window.top === window.self) {
- reposition()
- } else {
- scrollParent()
- }
- }
-
- function scrollTo() {
- if (false === on('onScroll', pagePosition)) {
- unsetPagePosition()
- } else {
- setPagePosition(iframeId)
- }
- }
-
- function findTarget(location) {
- function jumpToTarget() {
- var jumpPosition = getElementPosition(target)
-
- log(
- iframeId,
- 'Moving to in page link (#' +
- hash +
- ') at x: ' +
- jumpPosition.x +
- ' y: ' +
- jumpPosition.y
- )
- pagePosition = {
- x: jumpPosition.x,
- y: jumpPosition.y
- }
-
- scrollTo()
- log(iframeId, '--')
- }
-
- function jumpToParent() {
- if (window.parentIFrame) {
- window.parentIFrame.moveToAnchor(hash)
- } else {
- log(
- iframeId,
- 'In page link #' +
- hash +
- ' not found and window.parentIFrame not found'
- )
- }
- }
-
- var hash = location.split('#')[1] || '',
- hashData = decodeURIComponent(hash),
- target =
- document.getElementById(hashData) ||
- document.getElementsByName(hashData)[0]
-
- if (target) {
- jumpToTarget()
- } else if (window.top === window.self) {
- log(iframeId, 'In page link #' + hash + ' not found')
- } else {
- jumpToParent()
- }
- }
-
- function onMouse(event) {
- var mousePos = {}
-
- if (Number(messageData.width) === 0 && Number(messageData.height) === 0) {
- var data = getMsgBody(9).split(':')
- mousePos = {
- x: data[1],
- y: data[0]
- }
- } else {
- mousePos = {
- x: messageData.width,
- y: messageData.height
- }
- }
-
- on(event, {
- iframe: messageData.iframe,
- screenX: Number(mousePos.x),
- screenY: Number(mousePos.y),
- type: messageData.type
- })
- }
-
- function on(funcName, val) {
- return chkEvent(iframeId, funcName, val)
- }
-
- function actionMsg() {
- if (settings[iframeId] && settings[iframeId].firstRun) firstRun()
-
- switch (messageData.type) {
- case 'close': {
- closeIFrame(messageData.iframe)
- break
- }
-
- case 'message': {
- forwardMsgFromIFrame(getMsgBody(6))
- break
- }
-
- case 'mouseenter': {
- onMouse('onMouseEnter')
- break
- }
-
- case 'mouseleave': {
- onMouse('onMouseLeave')
- break
- }
-
- case 'autoResize': {
- settings[iframeId].autoResize = JSON.parse(getMsgBody(9))
- break
- }
-
- case 'scrollTo': {
- scrollRequestFromChild(false)
- break
- }
-
- case 'scrollToOffset': {
- scrollRequestFromChild(true)
- break
- }
-
- case 'pageInfo': {
- sendPageInfoToIframe(
- settings[iframeId] && settings[iframeId].iframe,
- iframeId
- )
- startPageInfoMonitor()
- break
- }
-
- case 'pageInfoStop': {
- stopPageInfoMonitor()
- break
- }
-
- case 'inPageLink': {
- findTarget(getMsgBody(9))
- break
- }
-
- case 'reset': {
- resetIFrame(messageData)
- break
- }
-
- case 'init': {
- resizeIFrame()
- on('onInit', messageData.iframe)
- break
- }
-
- default: {
- if (
- Number(messageData.width) === 0 &&
- Number(messageData.height) === 0
- ) {
- warn(
- 'Unsupported message received (' +
- messageData.type +
- '), this is likely due to the iframe containing a later ' +
- 'version of iframe-resizer than the parent page'
- )
- } else {
- resizeIFrame()
- }
- }
- }
- }
-
- function hasSettings(iframeId) {
- var retBool = true
-
- if (!settings[iframeId]) {
- retBool = false
- warn(
- messageData.type +
- ' No settings for ' +
- iframeId +
- '. Message was: ' +
- msg
- )
- }
-
- return retBool
- }
-
- function iFrameReadyMsgReceived() {
- // eslint-disable-next-line no-restricted-syntax, guard-for-in
- for (var iframeId in settings) {
- trigger(
- 'iFrame requested init',
- createOutgoingMsg(iframeId),
- settings[iframeId].iframe,
- iframeId
- )
- }
- }
-
- function firstRun() {
- if (settings[iframeId]) {
- settings[iframeId].firstRun = false
- }
- }
-
- var msg = event.data,
- messageData = {},
- iframeId = null
-
- if ('[iFrameResizerChild]Ready' === msg) {
- iFrameReadyMsgReceived()
- } else if (isMessageForUs()) {
- messageData = processMsg()
- iframeId = messageData.id
- if (settings[iframeId]) {
- settings[iframeId].loaded = true
- }
-
- if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
- log(iframeId, 'Received: ' + msg)
-
- if (checkIFrameExists() && isMessageFromIFrame()) {
- actionMsg()
- }
- }
- } else {
- info(iframeId, 'Ignored: ' + msg)
- }
- }
-
- function chkEvent(iframeId, funcName, val) {
- var func = null,
- retVal = null
-
- if (settings[iframeId]) {
- func = settings[iframeId][funcName]
-
- if ('function' === typeof func) {
- retVal = func(val)
- } else {
- throw new TypeError(
- funcName + ' on iFrame[' + iframeId + '] is not a function'
- )
- }
- }
-
- return retVal
- }
-
- function removeIframeListeners(iframe) {
- var iframeId = iframe.id
- delete settings[iframeId]
- }
-
- function closeIFrame(iframe) {
- var iframeId = iframe.id
- if (chkEvent(iframeId, 'onClose', iframeId) === false) {
- log(iframeId, 'Close iframe cancelled by onClose event')
- return
- }
- log(iframeId, 'Removing iFrame: ' + iframeId)
-
- try {
- // Catch race condition error with React
- if (iframe.parentNode) {
- iframe.parentNode.removeChild(iframe)
- }
- } catch (error) {
- warn(error)
- }
-
- chkEvent(iframeId, 'onClosed', iframeId)
- log(iframeId, '--')
- removeIframeListeners(iframe)
- }
-
- function getPagePosition(iframeId) {
- if (null === pagePosition) {
- pagePosition = {
- x:
- window.pageXOffset === undefined
- ? document.documentElement.scrollLeft
- : window.pageXOffset,
- y:
- window.pageYOffset === undefined
- ? document.documentElement.scrollTop
- : window.pageYOffset
- }
- log(
- iframeId,
- 'Get page position: ' + pagePosition.x + ',' + pagePosition.y
- )
- }
- }
-
- function setPagePosition(iframeId) {
- if (null !== pagePosition) {
- window.scrollTo(pagePosition.x, pagePosition.y)
- log(
- iframeId,
- 'Set page position: ' + pagePosition.x + ',' + pagePosition.y
- )
- unsetPagePosition()
- }
- }
-
- function unsetPagePosition() {
- pagePosition = null
- }
-
- function resetIFrame(messageData) {
- function reset() {
- setSize(messageData)
- trigger('reset', 'reset', messageData.iframe, messageData.id)
- }
-
- log(
- messageData.id,
- 'Size reset requested by ' +
- ('init' === messageData.type ? 'host page' : 'iFrame')
- )
- getPagePosition(messageData.id)
- syncResize(reset, messageData, 'reset')
- }
-
- function setSize(messageData) {
- function setDimension(dimension) {
- if (!messageData.id) {
- log('undefined', 'messageData id not set')
- return
- }
- messageData.iframe.style[dimension] = messageData[dimension] + 'px'
- log(
- messageData.id,
- 'IFrame (' +
- iframeId +
- ') ' +
- dimension +
- ' set to ' +
- messageData[dimension] +
- 'px'
- )
- }
-
- function chkZero(dimension) {
- // FireFox sets dimension of hidden iFrames to zero.
- // So if we detect that set up an event to check for
- // when iFrame becomes visible.
-
- /* istanbul ignore next */ // Not testable in PhantomJS
- if (!hiddenCheckEnabled && '0' === messageData[dimension]) {
- hiddenCheckEnabled = true
- log(iframeId, 'Hidden iFrame detected, creating visibility listener')
- fixHiddenIFrames()
- }
- }
-
- function processDimension(dimension) {
- setDimension(dimension)
- chkZero(dimension)
- }
-
- var iframeId = messageData.iframe.id
-
- if (settings[iframeId]) {
- if (settings[iframeId].sizeHeight) {
- processDimension('height')
- }
- if (settings[iframeId].sizeWidth) {
- processDimension('width')
- }
- }
- }
-
- function syncResize(func, messageData, doNotSync) {
- /* istanbul ignore if */ // Not testable in PhantomJS
- if (
- doNotSync !== messageData.type &&
- requestAnimationFrame &&
- // including check for jasmine because had trouble getting spy to work in unit test using requestAnimationFrame
- !window.jasmine
- ) {
- log(messageData.id, 'Requesting animation frame')
- requestAnimationFrame(func)
- } else {
- func()
- }
- }
-
- function trigger(calleeMsg, msg, iframe, id, noResponseWarning) {
- function postMessageToIFrame() {
- var target = settings[id] && settings[id].targetOrigin
- log(
- id,
- '[' +
- calleeMsg +
- '] Sending msg to iframe[' +
- id +
- '] (' +
- msg +
- ') targetOrigin: ' +
- target
- )
- iframe.contentWindow.postMessage(msgId + msg, target)
- }
-
- function iFrameNotFound() {
- warn(id, '[' + calleeMsg + '] IFrame(' + id + ') not found')
- }
-
- function chkAndSend() {
- if (
- iframe &&
- 'contentWindow' in iframe &&
- null !== iframe.contentWindow
- ) {
- // Null test for PhantomJS
- postMessageToIFrame()
- } else {
- iFrameNotFound()
- }
- }
-
- function warnOnNoResponse() {
- function warning() {
- if (settings[id] && !settings[id].loaded && !errorShown) {
- errorShown = true
- warn(
- id,
- 'IFrame has not responded within ' +
- settings[id].warningTimeout / 1000 +
- ' seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.'
- )
- }
- }
-
- if (
- !!noResponseWarning &&
- settings[id] &&
- !!settings[id].warningTimeout
- ) {
- settings[id].msgTimeout = setTimeout(
- warning,
- settings[id].warningTimeout
- )
- }
- }
-
- var errorShown = false
-
- id = id || iframe.id
-
- if (settings[id]) {
- chkAndSend()
- warnOnNoResponse()
- }
- }
-
- function createOutgoingMsg(iframeId) {
- return (
- iframeId +
- ':' +
- settings[iframeId].bodyMarginV1 +
- ':' +
- settings[iframeId].sizeWidth +
- ':' +
- settings[iframeId].log +
- ':' +
- settings[iframeId].interval +
- ':' +
- settings[iframeId].enablePublicMethods +
- ':' +
- settings[iframeId].autoResize +
- ':' +
- settings[iframeId].bodyMargin +
- ':' +
- settings[iframeId].heightCalculationMethod +
- ':' +
- settings[iframeId].bodyBackground +
- ':' +
- settings[iframeId].bodyPadding +
- ':' +
- settings[iframeId].tolerance +
- ':' +
- settings[iframeId].inPageLinks +
- ':' +
- settings[iframeId].resizeFrom +
- ':' +
- settings[iframeId].widthCalculationMethod +
- ':' +
- settings[iframeId].mouseEvents
- )
- }
-
- function isNumber(value) {
- return typeof value === 'number'
- }
-
- function setupIFrame(iframe, options) {
- function setLimits() {
- function addStyle(style) {
- var styleValue = settings[iframeId][style]
- if (Infinity !== styleValue && 0 !== styleValue) {
- iframe.style[style] = isNumber(styleValue)
- ? styleValue + 'px'
- : styleValue
- log(iframeId, 'Set ' + style + ' = ' + iframe.style[style])
- }
- }
-
- function chkMinMax(dimension) {
- if (
- settings[iframeId]['min' + dimension] >
- settings[iframeId]['max' + dimension]
- ) {
- throw new Error(
- 'Value for min' +
- dimension +
- ' can not be greater than max' +
- dimension
- )
- }
- }
-
- chkMinMax('Height')
- chkMinMax('Width')
-
- addStyle('maxHeight')
- addStyle('minHeight')
- addStyle('maxWidth')
- addStyle('minWidth')
- }
-
- function newId() {
- var id = (options && options.id) || defaults.id + count++
- if (null !== document.getElementById(id)) {
- id += count++
- }
- return id
- }
-
- function ensureHasId(iframeId) {
- if (typeof iframeId !== 'string') {
- throw new TypeError('Invaild id for iFrame. Expected String')
- }
-
- if ('' === iframeId) {
- // eslint-disable-next-line no-multi-assign
- iframe.id = iframeId = newId()
- logEnabled = (options || {}).log
- log(
- iframeId,
- 'Added missing iframe ID: ' + iframeId + ' (' + iframe.src + ')'
- )
- }
-
- return iframeId
- }
-
- function setScrolling() {
- log(
- iframeId,
- 'IFrame scrolling ' +
- (settings[iframeId] && settings[iframeId].scrolling
- ? 'enabled'
- : 'disabled') +
- ' for ' +
- iframeId
- )
- iframe.style.overflow =
- false === (settings[iframeId] && settings[iframeId].scrolling)
- ? 'hidden'
- : 'auto'
- switch (settings[iframeId] && settings[iframeId].scrolling) {
- case 'omit': {
- break
- }
-
- case true: {
- iframe.scrolling = 'yes'
- break
- }
-
- case false: {
- iframe.scrolling = 'no'
- break
- }
-
- default: {
- iframe.scrolling = settings[iframeId]
- ? settings[iframeId].scrolling
- : 'no'
- }
- }
- }
-
- // The V1 iFrame script expects an int, where as in V2 expects a CSS
- // string value such as '1px 3em', so if we have an int for V2, set V1=V2
- // and then convert V2 to a string PX value.
- function setupBodyMarginValues() {
- if (
- 'number' ===
- typeof (settings[iframeId] && settings[iframeId].bodyMargin) ||
- '0' === (settings[iframeId] && settings[iframeId].bodyMargin)
- ) {
- settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin
- settings[iframeId].bodyMargin =
- '' + settings[iframeId].bodyMargin + 'px'
- }
- }
-
- function checkReset() {
- // Reduce scope of firstRun to function, because IE8's JS execution
- // context stack is borked and this value gets externally
- // changed midway through running this function!!!
- var firstRun = settings[iframeId] && settings[iframeId].firstRun,
- resetRequertMethod =
- settings[iframeId] &&
- settings[iframeId].heightCalculationMethod in resetRequiredMethods
-
- if (!firstRun && resetRequertMethod) {
- resetIFrame({ iframe: iframe, height: 0, width: 0, type: 'init' })
- }
- }
-
- function setupIFrameObject() {
- if (settings[iframeId]) {
- settings[iframeId].iframe.iFrameResizer = {
- close: closeIFrame.bind(null, settings[iframeId].iframe),
-
- removeListeners: removeIframeListeners.bind(
- null,
- settings[iframeId].iframe
- ),
-
- resize: trigger.bind(
- null,
- 'Window resize',
- 'resize',
- settings[iframeId].iframe
- ),
-
- moveToAnchor: function (anchor) {
- trigger(
- 'Move to anchor',
- 'moveToAnchor:' + anchor,
- settings[iframeId].iframe,
- iframeId
- )
- },
-
- sendMessage: function (message) {
- message = JSON.stringify(message)
- trigger(
- 'Send Message',
- 'message:' + message,
- settings[iframeId].iframe,
- iframeId
- )
- }
- }
- }
- }
-
- // We have to call trigger twice, as we can not be sure if all
- // iframes have completed loading when this code runs. The
- // event listener also catches the page changing in the iFrame.
- function init(msg) {
- function iFrameLoaded() {
- trigger('iFrame.onload', msg, iframe, undefined, true)
- checkReset()
- }
-
- function createDestroyObserver(MutationObserver) {
- if (!iframe.parentNode) {
- return
- }
-
- var destroyObserver = new MutationObserver(function (mutations) {
- mutations.forEach(function (mutation) {
- var removedNodes = Array.prototype.slice.call(mutation.removedNodes) // Transform NodeList into an Array
- removedNodes.forEach(function (removedNode) {
- if (removedNode === iframe) {
- closeIFrame(iframe)
- }
- })
- })
- })
- destroyObserver.observe(iframe.parentNode, {
- childList: true
- })
- }
-
- var MutationObserver = getMutationObserver()
- if (MutationObserver) {
- createDestroyObserver(MutationObserver)
- }
-
- addEventListener(iframe, 'load', iFrameLoaded)
- trigger('init', msg, iframe, undefined, true)
- }
-
- function checkOptions(options) {
- if ('object' !== typeof options) {
- throw new TypeError('Options is not an object')
- }
- }
-
- function copyOptions(options) {
- // eslint-disable-next-line no-restricted-syntax
- for (var option in defaults) {
- if (Object.prototype.hasOwnProperty.call(defaults, option)) {
- settings[iframeId][option] = Object.prototype.hasOwnProperty.call(
- options,
- option
- )
- ? options[option]
- : defaults[option]
- }
- }
- }
-
- function getTargetOrigin(remoteHost) {
- return '' === remoteHost ||
- null !== remoteHost.match(/^(about:blank|javascript:|file:\/\/)/)
- ? '*'
- : remoteHost
- }
-
- function depricate(key) {
- var splitName = key.split('Callback')
-
- if (splitName.length === 2) {
- var name =
- 'on' + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1)
- this[name] = this[key]
- delete this[key]
- warn(
- iframeId,
- "Deprecated: '" +
- key +
- "' has been renamed '" +
- name +
- "'. The old method will be removed in the next major version."
- )
- }
- }
-
- function processOptions(options) {
- options = options || {}
-
- settings[iframeId] = Object.create(null) // Protect against prototype attacks
- settings[iframeId].iframe = iframe
- settings[iframeId].firstRun = true
- settings[iframeId].remoteHost =
- iframe.src && iframe.src.split('/').slice(0, 3).join('/')
-
- checkOptions(options)
- Object.keys(options).forEach(depricate, options)
- copyOptions(options)
-
- if (settings[iframeId]) {
- settings[iframeId].targetOrigin =
- true === settings[iframeId].checkOrigin
- ? getTargetOrigin(settings[iframeId].remoteHost)
- : '*'
- }
- }
-
- function beenHere() {
- return iframeId in settings && 'iFrameResizer' in iframe
- }
-
- var iframeId = ensureHasId(iframe.id)
-
- if (beenHere()) {
- warn(iframeId, 'Ignored iFrame, already setup.')
- } else {
- processOptions(options)
- setScrolling()
- setLimits()
- setupBodyMarginValues()
- init(createOutgoingMsg(iframeId))
- setupIFrameObject()
- }
- }
-
- function debouce(fn, time) {
- if (null === timer) {
- timer = setTimeout(function () {
- timer = null
- fn()
- }, time)
- }
- }
-
- var frameTimer = {}
- function debounceFrameEvents(fn, time, frameId) {
- if (!frameTimer[frameId]) {
- frameTimer[frameId] = setTimeout(function () {
- frameTimer[frameId] = null
- fn()
- }, time)
- }
- }
-
- // Not testable in PhantomJS
- /* istanbul ignore next */
-
- function fixHiddenIFrames() {
- function checkIFrames() {
- function checkIFrame(settingId) {
- function chkDimension(dimension) {
- return (
- '0px' ===
- (settings[settingId] && settings[settingId].iframe.style[dimension])
- )
- }
-
- function isVisible(el) {
- return null !== el.offsetParent
- }
-
- if (
- settings[settingId] &&
- isVisible(settings[settingId].iframe) &&
- (chkDimension('height') || chkDimension('width'))
- ) {
- trigger(
- 'Visibility change',
- 'resize',
- settings[settingId].iframe,
- settingId
- )
- }
- }
-
- Object.keys(settings).forEach(function (key) {
- checkIFrame(key)
- })
- }
-
- function mutationObserved(mutations) {
- log(
- 'window',
- 'Mutation observed: ' + mutations[0].target + ' ' + mutations[0].type
- )
- debouce(checkIFrames, 16)
- }
-
- function createMutationObserver() {
- var target = document.querySelector('body'),
- config = {
- attributes: true,
- attributeOldValue: false,
- characterData: true,
- characterDataOldValue: false,
- childList: true,
- subtree: true
- },
- observer = new MutationObserver(mutationObserved)
-
- observer.observe(target, config)
- }
-
- var MutationObserver = getMutationObserver()
- if (MutationObserver) {
- createMutationObserver()
- }
- }
-
- function resizeIFrames(event) {
- function resize() {
- sendTriggerMsg('Window ' + event, 'resize')
- }
-
- log('window', 'Trigger event: ' + event)
- debouce(resize, 16)
- }
-
- // Not testable in PhantomJS
- /* istanbul ignore next */
- function tabVisible() {
- function resize() {
- sendTriggerMsg('Tab Visible', 'resize')
- }
-
- if ('hidden' !== document.visibilityState) {
- log('document', 'Trigger event: Visibility change')
- debouce(resize, 16)
- }
- }
-
- function sendTriggerMsg(eventName, event) {
- function isIFrameResizeEnabled(iframeId) {
- return (
- settings[iframeId] &&
- 'parent' === settings[iframeId].resizeFrom &&
- settings[iframeId].autoResize &&
- !settings[iframeId].firstRun
- )
- }
-
- Object.keys(settings).forEach(function (iframeId) {
- if (isIFrameResizeEnabled(iframeId)) {
- trigger(eventName, event, settings[iframeId].iframe, iframeId)
- }
- })
- }
-
- function setupEventListeners() {
- addEventListener(window, 'message', iFrameListener)
-
- addEventListener(window, 'resize', function () {
- resizeIFrames('resize')
- })
-
- addEventListener(document, 'visibilitychange', tabVisible)
-
- addEventListener(document, '-webkit-visibilitychange', tabVisible)
- }
-
- function factory() {
- function init(options, element) {
- function chkType() {
- if (!element.tagName) {
- throw new TypeError('Object is not a valid DOM element')
- } else if ('IFRAME' !== element.tagName.toUpperCase()) {
- throw new TypeError(
- 'Expected